您的位置:首页 > 其它

TabLayout的xml使用方式

2016-07-11 21:49 309 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/vamchao/article/details/51884297

TabLayout的xml使用方式

注册CSDN有几个年头了,在这里学会了太多太多,却因为忙碌,从没尝试着把自己的一些经验拿出来分享,最近比较闲,写点东西,供朋友们一起探讨.没什么文采,还望大家见谅并多多指教,感谢大家!

先介绍个简单的------TabLayout.  Google在2015Google大会上发布了Android Support Design库,其中包含了这个TabLayout控件,通过该控件可以实现页面标签的布局,与ViewPager绑定后,就会相互关联,但本文只设计最基本的TabLayout的使用方式.

效果图:

xml布局文件部分:

<android.support.design.widget.TabLayout
android:id="@+id/tab_app"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fitsSystemWindows="true"
app:tabIndicatorColor="@color/colorAccent"//设置标签被选择时下面线条突出的颜色
app:tabMode="fixed"                       //两个属性: fixed:固定标签 scrollable:可滚动的
app:tabSelectedTextColor="#ffffff">
<android.support.design.widget.TabItem     //添加页签 (position为0)
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户应用" />

<android.support.design.widget.TabItem     //添加页签 (position为1,以此类推)
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="系统应用" />

</android.support.design.widget.TabLayout>
</android.support.design.widget.AppBarLayout>

java代码部分:

//设置Tab的点击事件
TabLayout tab_app = (TabLayout)findViewById(R.id.tab_app);
assert tab_app != null;
tab_app.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {   //设置标签被选择时的监听器
@Override
public void onTabSelected(TabLayout.Tab tab) {

switch (tab.getPosition()){                         //获取标签的position
case 0:

//showPage1();
break;
case 1:

//showPage2();
break;
}
}
}

先介绍到这里了,下次会好好准备的,感谢您的阅读!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: