android - 2 つではなく 4 つのスライド タブ

Question

4 つのスライド タブが必要なアプリを作成しています。私はこのチュートリアルを見つけました: http://www.android4devs.com/2015/01/how-to-make-material-design-sliding-tabs.html?m=1従ったところ、うまくいきましたが、表示されるだけです2つのタブでそれを行う方法... 他の誰かがコメントでこれを尋ねました.それは私に多くのエラーを与えた何かを言うことに答えました. これを 2 つではなく 4 つのタブで動作させるにはどうすればよいですか?

Answer 1

1) MainActivity で:

20行目で調整

int Numboftabs =2;

必要なタブの正しい量に。

2) チュートリアルの手順 5 と 6 を繰り返しますが、Tab1 と Tab2 を作成する代わりに、Tab3/4 を作成します。

基本的に、タブごとに Java クラス ファイル + レイアウト ファイルを追加する必要があります。だからここに行きます：

次の内容で tab_X.xml (X は番号/名前) を作成します。

<?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クラスTabXを作成します（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 クラスを編集する

たとえば、2 つではなく 3 つのタブの場合は、次のように変更します。

//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.
}

これらの変更を行った後、すべてが機能するはずです。提供/編集されたコードは、OPの質問のチュートリアルからのものであることに言及したいと思います。