当前位置:   article > 正文

使用TabLayout和ViewPager实现左右滑动选项卡_android tablayout 判断左右滑动

android tablayout 判断左右滑动

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

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

<android.support.design.widget.TabLayout
    android:id="@+id/tl_production"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></android.support.design.widget.TabLayout>

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

private ViewPager vp_production;
private TabLayout tl_production;

private ProductionAdapter pAdapter;

private List<Fragment> fragment_list;
private List<String> 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:”才能使用

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









声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/不正经/article/detail/733632
推荐阅读
相关标签
  

闽ICP备14008679号