TabLayout的使用
2016-03-14 23:16
543 查看
TabLayout简介
TabLayout就是类似网易新闻、礼物说等APP的头部滚动标题栏。是2015年google发布新的android design support中的新增控件,是android官方控件。
类似控件有ViewPagerIndicator,不过ViewPagerIndicator是第三方控件。
TabLayout使用
1.导入库文件
1、需要导入android design support包
2、在xml文件中定义TabLayout
属性如下(使用app: 的前提是在布局文件中定义了appNs)
app:tabIndicatorColor="@color/white" // 下方滚动的下划线颜色
app:tabSelectedTextColor="@color/gray" // tab被选中后,文字的颜色
app:tabTextColor="@color/white" // tab默认的文字颜色
app:tabMode="scrollable" //tab显示模式
3、使用方法:
tabLayout.setTabMode(TabLayout.MODE_FIXED);//设置模式
tabLayout.addTab(
tabLayout.newTab()
.setText("菜单一"));
.setIcon(R.drawable.abc_ic_menu_cut_mtrl_alpha)
备注
4、TabLayout结合ViewPager使用
基本步骤
创建布局,包含TabLayout和ViewPager
初始化TabLayout和ViewPager
自定义PagerAdapter,并重写getPageTitle方法
设置TabLayout和ViewPager同步:tabLayout.setupWithViewPager(viewPager);(该方法必须在setAdapter之后执行)
设置获取TabLayout标题源自ViewPager的getPageTitle方法:tabLayout.setTabsFromPagerAdapter(myAdapter);
TabLayout就是类似网易新闻、礼物说等APP的头部滚动标题栏。是2015年google发布新的android design support中的新增控件,是android官方控件。
类似控件有ViewPagerIndicator,不过ViewPagerIndicator是第三方控件。
TabLayout使用
1.导入库文件
1、需要导入android design support包
2、在xml文件中定义TabLayout
<android.support.design.widget.TabLayout android:id="@+id/tl_zhinan" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="scrollable" app:tabIndicatorColor="#FF2D47"> </android.support.design.widget.TabLayout>
属性如下(使用app: 的前提是在布局文件中定义了appNs)
app:tabIndicatorColor="@color/white" // 下方滚动的下划线颜色
app:tabSelectedTextColor="@color/gray" // tab被选中后,文字的颜色
app:tabTextColor="@color/white" // tab默认的文字颜色
app:tabMode="scrollable" //tab显示模式
3、使用方法:
tabLayout.setTabMode(TabLayout.MODE_FIXED);//设置模式
tabLayout.addTab(
tabLayout.newTab()
.setText("菜单一"));
.setIcon(R.drawable.abc_ic_menu_cut_mtrl_alpha)
备注
4、TabLayout结合ViewPager使用
基本步骤
创建布局,包含TabLayout和ViewPager
初始化TabLayout和ViewPager
自定义PagerAdapter,并重写getPageTitle方法
设置TabLayout和ViewPager同步:tabLayout.setupWithViewPager(viewPager);(该方法必须在setAdapter之后执行)
设置获取TabLayout标题源自ViewPager的getPageTitle方法:tabLayout.setTabsFromPagerAdapter(myAdapter);
相关文章推荐
- 使用C++实现JNI接口需要注意的事项
- Android IPC进程间通讯机制
- Android Manifest 用法
- [转载]Activity中ConfigChanges属性的用法
- Android之获取手机上的图片和视频缩略图thumbnails
- Android之使用Http协议实现文件上传功能
- Android学习笔记(二九):嵌入浏览器
- android string.xml文件中的整型和string型代替
- i-jetty环境搭配与编译
- android之定时器AlarmManager
- android wifi 无线调试
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- android 代码实现控件之间的间距
- android FragmentPagerAdapter的“标准”配置
- Android"解决"onTouch和onClick的冲突问题
- android:installLocation简析
- android searchView的关闭事件
- SourceProvider.getJniDirectories