Tablayout的布局与使用

TabLayout是design库提供的控件,可以方便的使用指示器,使用非常方便,Android Studio只需要在gradle中引入即可使用 .
TabLayout即可以单独使用,也可以配合ViewPager来使用.

1.导依赖

implementation 'com.android.support:design:28.0.0'

2.写布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">

//TabLayout布局
<android.support.design.widget.TabLayout
android:id="@+id/tb"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
//ViewPage布局
<android.support.v4.view.ViewPager
    android:id="@+id/vp"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    />

</LinearLayout>

4.MainActivity中的代码

public class MainActivity extends FragmentActivity {

private TabLayout tb;
private ViewPager vp;
private List<Fragment> list;
private List<String> data;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    tb = findViewById(R.id.tb);
    vp = findViewById(R.id.vp);
//Viewpage布局的list
    list = new ArrayList<>();

    list.add(new Fra1());
    list.add(new Fra2());
    list.add(new Fra3());
//Tablayout的list
    data = new ArrayList<>();

    data.add("新闻");
    data.add("时尚");
    data.add("网站");
//如果FragmentLayout嵌套FragmentLayout时用getChildFragmentManager
    MyAdapter adapter=new MyAdapter(getSupportFragmentManager(),MainActivity.this,list,data);
    vp.setAdapter(adapter);
    //关联viewpage
    tb.setupWithViewPager(vp);
}

}

5.编辑适配器

public class MyAdapter extends FragmentPagerAdapter {

private Context context;
private List<Fragment> list;
private List<String> data;

public MyAdapter(FragmentManager fm, Context context, List<Fragment> list, List<String> data) {
    super(fm);
    this.context = context;
    this.list = list;
    this.data = data;
}

@Override
public Fragment getItem(int i) {
    return list.get(i);
}

@Override
public int getCount() {
    return list.size();
}

@Nullable
@Override
public CharSequence getPageTitle(int position) {
    return data.get(position);
}
}

TableLayout常用属性