4 个滑动标签而不是 2 个

Question

我正在制作一个需要有 4 个滑动标签的应用程序。我找到了这个教程：http://www.android4devs.com/2015/01/how-to-make-material-design-sliding-tabs.html?m=1，我遵循了它并且效果很好，但它只显示了如何使用 2 个选项卡来完成它......其他人在评论中提出了这个问题，并且回复了一些给了我的东西很多错误。我如何让它与 4 个选项卡一起使用而不是两个？

Answer 1

1) 在 MainActivity 中：

第20行，调整

int Numboftabs =2;

所需的正确数量的标签。

2) 重复教程中的步骤 5 和 6，但不是制作 Tab1 和 Tab2，而是制作 Tab3/4, ...

基本上，您需要为每个选项卡添加一个 java class 文件 + 布局文件。所以我们开始吧：

制作一个tab_X.xml（X是number/name），内容如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:text="You Are In Tab X"
    android:id="@+id/textView"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true" />
 </RelativeLayout>

创建一个java class TabX（用tab的编号代替X，或者直接用名称代替）

package com.android4devs.slidingtab;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class TabX extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View v =inflater.inflate(R.layout.tab_X,container,false);
        return v;
     }
}

3) 编辑 ViewPagerAdapter class

例如或 3 个选项卡而不是 2 个，更改以下内容

//This method return the fragment for the every position in the View Pager
@Override
public Fragment getItem(int position) {

    if(position == 0) // if the position is 0 we are returning the First tab
    {
        Tab1 tab1 = new Tab1();
        return tab1;
    }
    else             // As we are having 2 tabs if the position is now 0 it must be 1 so we are returning second tab
    {
        Tab2 tab2 = new Tab2();
        return tab2;
    }
}

到

//This method return the fragment for the every position in the View Pager
@Override
public Fragment getItem(int position) {

    if(position == 0) // if the position is 0 we are returning the First tab
    {
        Tab1 tab1 = new Tab1();
        return tab1;
    }
    else if(position == 1)
    {
        Tab2 tab2 = new Tab2();
        return tab2;
    }
    else if(position == 2)
    {
        Tab3 tab3 = new Tab3();
        return tab3;
    }
    else if { .... } // add more as desired.
    // but make sure that you use "else" instead of "else if" for the last tab.
}

进行这些更改后一切都应该正常工作。我想提一下，代码 provided/edited 来自 OP 问题中的教程。

4 个滑动标签而不是 2 个

4 Sliding tabs instead of 2

android

tabbed

android-studio