使用TabLayout和ViewPager实现左右滑动选项卡

        很多项目中需要Avtivity或Fragment使用分页来显示更多内容,今天记录一种比RadioGroup点击换页更为好一些TabLayout换页方法(个人观点)。

步骤很简单:1、在XML 布局文件中放入控件

    android:id="@+id/tl_production"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    android:id="@+id/vp_production"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/tl_production">
 2、在Activity中如下,如果是Fragment可以在onCreateView() 中写。

private ViewPager vp_production;
private TabLayout tl_production;

private ProductionAdapter pAdapter;

private List fragment_list;
private List list_title;


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

    vp_production = (ViewPager) findViewById(R.id.vp_production);
    tl_production = (TabLayout) findViewById(R.id.tl_production);
    tl_production.setTabMode(TabLayout.MODE_FIXED);

    fragment_list = new ArrayList<>();
    fragment_list.add(new Fragment());//这里使用Fragment作为选项页
    fragment_list.add(new SecondFragment());

    list_title = new ArrayList<>();
    list_title.add("第一页");
    list_title.add("第二页");

    tl_production.addTab(tl_production.newTab().setText(list_title.get(0)));
    tl_production.addTab(tl_production.newTab().setText(list_title.get(1)));
    pAdapter = new ProductionAdapter(getSupportFragmentManager(), fragment_list, this, list_title);
    vp_production.setAdapter(pAdapter);
    tl_production.setupWithViewPager(vp_production);


}

一下是一些其他相关的知识:


TabLayout样式改变

设置指示器颜色:需要注意的是要在父布局中加上

xmlns:app="http://schemas.android.com/apk/res-auto"
“app:”才能使用

app :tabIndicatorColor= "@color/colorBlack"
android :id= "@+id/tl_production" android :layout_width= "match_parent" android :layout_height= "wrap_content" > 其他相关的属性可以点出来试试。关于设置TabLayout中文字的大小并没有直接可用的属性,不过网上有文章,链接留下需要时可以参考 http://blog.csdn.net/wode_dream/article/details/50424446









你可能感兴趣的:(使用TabLayout和ViewPager实现左右滑动选项卡)