关于使用TabLayout自定义样式的问题总结
来源:互联网 发布:淘宝模板怎么用 编辑:程序博客网 时间:2024/06/10 07:50
在我们当前项目中遇到了这样的问题:android.support.design.widget.TabLayout 中使用自定义样式,结果出现了很多意料之外的问题。
1、怎样使用自定义样式
//设置切换页标题 for (int i = 0; i < tabList.size(); i++) { mTabLayout.addTab(mTabLayout.newTab().setText(tabList.get(i)), i == 0); } //设置切换页面和内同界面的关系 TabPagerAdapter mAdapter = new TabPagerAdapter(mViewList, tabList); viewPager.setAdapter(mAdapter);//给ViewPager设置适配器 mTabLayout.setupWithViewPager(viewPager);//将TabLayout和ViewPager关联起来。 mTabLayout.setTabsFromPagerAdapter(mAdapter);//给Tabs设置适配器 //设置切换页标题 mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置tab模式,当前为系统默认模式 for (int i = 0; i < tabList.size(); i++) { RelativeLayout box = (RelativeLayout) LayoutInflater.from(mContext).inflate(R.layout.view_title_text1, null); TextView t = (TextView) box.findViewById(R.id.tv_title); t.setText(tabList.get(i)); //默认选择第一个 t.setSelected(i == 0); t.setTextSize(TypedValue.COMPLEX_UNIT_PX, mContext.getResources().getDimension(i == 0 ? R.dimen.text_size_ui_15 : R.dimen.text_size_ui_12)); //将自定义 切换页添加到组件中 mTabLayout.getTabAt(i).setCustomView(box); }
这里注意 我们是使用先使用mTabLayout.newTab().setText()方法,在完成mTabLayout所有设置之后 ,再通过 for循环和mTabLayout.getTabAt(i)方法获取已经创建好的tab,然后再调用setCustomView(View view)方法设置自定义控件,来完成自定义样式的目的的。
为什么不 直接使用mTabLayout.newTab().setCustomView()?
尝试了很多次这个思路,但是都不行。查看源码,会发现 setCustomView()和setText()两方法没有太大区别,都是调用的同一个设置方法update(),但是在update()方法中会有很长一段判断来处理CustomView的显示问题,可是没有发现和需要先设置setText()有什么关系
如果有知道原因的朋友 请赐教,谢谢
ps: 我还尝试了额外执行一次 setText()的写法,还是不行
//注意:这种写法是错误的,可是为什么? for (int i = 0; i < tabList.size(); i++) {// mTabLayout.addTab(mTabLayout.newTab().setText(tabList.get(i)), i == 0);//必须先设置text 为什么??? TabLayout.Tab tab = mTabLayout.newTab(); RelativeLayout box = (RelativeLayout) LayoutInflater.from(mContext).inflate(R.layout.view_title_text1, null); TextView t = (TextView) box.findViewById(R.id.tv_title); t.setText(tabList.get(i)); //默认选择第一个 t.setSelected(i == 0); t.setTextSize(TypedValue.COMPLEX_UNIT_PX, mContext.getResources().getDimension(i == 0 ? R.dimen.text_size_ui_15 : R.dimen.text_size_ui_12)); tab.setText(tabList.get(i)); tab.setCustomView(box); } //设置切换页面和内同界面的关系 TabPagerAdapter mAdapter = new TabPagerAdapter(mViewList, tabList); viewPager.setAdapter(mAdapter);//给ViewPager设置适配器 mTabLayout.setupWithViewPager(viewPager);//将TabLayout和ViewPager关联起来。 mTabLayout.setTabsFromPagerAdapter(mAdapter);//给Tabs设置适配器 //设置切换页标题 mTabLayout.setTabMode(TabLayout.MODE_FIXED);//设置tab模式,当前为系统默认模式// for (int i = 0; i < tabList.size(); i++) {// RelativeLayout box = (RelativeLayout) LayoutInflater.from(mContext).inflate(R.layout.view_title_text1, null);// TextView t = (TextView) box.findViewById(R.id.tv_title);// t.setText(tabList.get(i));// //默认选择第一个// t.setSelected(i == 0);// t.setTextSize(TypedValue.COMPLEX_UNIT_PX, mContext.getResources().getDimension(i == 0 ? R.dimen.text_size_ui_15 : R.dimen.text_size_ui_12));// //将自定义 切换页添加到组件中// mTabLayout.getTabAt(i).setCustomView(box);// }
2、切换事件冲突问题
因为设计的原因,需要在切换界面时,改变标题的字号(TextView 的字颜色和背景色可以在drawable文件设置中selector来处理,但是没有发现怎么在drawable的seletor中处理字号),使用了setOnTabSelectedListener监听事件
//设置切换页选中状态 mTabLayout.setOnTabSelectedListener( new TabLayout.ViewPagerOnTabSelectedListener(viewPager) { @Override public void onTabSelected(TabLayout.Tab tab) { super.onTabSelected(tab); TextView t = (TextView) tab.getCustomView().findViewById(R.id.tv_title); t.setSelected(true); t.setTextSize(TypedValue.COMPLEX_UNIT_PX, mContext.getResources().getDimension(R.dimen.text_size_ui_15)); } @Override public void onTabUnselected(TabLayout.Tab tab) { super.onTabUnselected(tab); TextView t = (TextView) tab.getCustomView().findViewById(R.id.tv_title); t.setSelected(false); t.setTextSize(TypedValue.COMPLEX_UNIT_PX, mContext.getResources().getDimension(R.dimen.text_size_ui_12)); } @Override public void onTabReselected(TabLayout.Tab tab) { super.onTabReselected(tab); } });
注意:这里使用的是new TabLayout.ViewPagerOnTabSelectedListener(viewPager)事件,而不是系统提示的abLayout.OnTabSelectedListener 事件,
因为如果使用TabLayout.OnTabSelectedListener 你会发现点击tab界面不切换了(坑啊),
查看源码会发现,new TabLayout.ViewPagerOnTabSelectedListener(viewPager)继承了TabLayout.OnTabSelectedListener, 点击tab切界面就是使用的TabLayout.ViewPagerOnTabSelectedListener(viewPager)监听事件,如果你使用了TabLayout.OnTabSelectedListener ,等于废弃了相关的界面切换代码。
(ps:其实里面的代码很少,如果你要使用TabLayout.OnTabSelectedListener ,也可以把对应代码复制到你的方法中)
同样的情况还有viewPager.addOnPageChangeListener()时,建议使用new TabLayout.TabLayoutOnPageChangeListener(TabLayout tabLayout),而不是直接使用new ViewPager.OnPageChangeListener()(虽然我还没在发现有什么具体的问题,但是源码中确实增加了一些代码)
- 关于使用TabLayout自定义样式的问题总结
- 关于TabLayout的使用
- TabLayout的使用总结
- TabLayout之自定义样式
- TabLayout自定义样式
- Android TabLayout使用以及自定义TabLayout的item
- TabLayout使用遇到的问题
- Android Tablayout 自定义Tab布局的使用
- 关于tablayout和viewpager关联的问题
- 关于TabLayout跟ViewPager的使用
- Android中使用Tablayout自定义tab不能填充父控件的问题
- 关于Switch的自定义样式
- 关于AlertDialog的自定义样式
- 关于自定义dialog的样式
- Android TabLayout使用以及自定义TabLayout
- android 使用TabLayout出现的问题
- 使用tablayout时出现的问题
- TabLayout的自定义实现
- AsyncTask源码分析
- CSS样式设置小技巧
- 常用的正则表达式
- Spark 体系架构
- ubuntu14.04配置opencv3.2官网教程
- 关于使用TabLayout自定义样式的问题总结
- Struts处理文件上传
- 从 View 绘制谈性能优化
- 笔记二:进程间的通信(fork、孤儿进程,僵死进程等)
- C++之浅谈继承
- OS X环境下安装MySQL-python
- Android 性能典范:拯救计划
- 一步一步在Windows中使用MyCat负载均衡 上篇
- 每天一题LeetCode[第十四天]