TabLayout标题文字不显示的解决操作

  

<强>问题描述:

  

使用设计包的TabLayout实现类似网易选项卡动态滑动效果的时候,使用addTab()方法给TabLayout动态添加标题的时候,标题可能会出现不显示文字的情况。

  

<>强分析:

  

真实情况并不是不显示文字,二而是:viewpage又给TabLayout添加了许多的标题,导致之前手动添加的标题又被挤到了后面。不信你多往后翻一翻就出来了。

  

<>强解决办法:

  

不要为:viewpage手动使用addTab()方法添加标题,而应该先创建一个列表集合,将其设置在PagerAdapter的getPageTitle方法中,代码如下:

        @Override   公共CharSequence进行getPageTitle (int位置){   返回mList_title.get(位置);   }      

<强> Android中TabLayout的TabItem文字和图片莫名不显示问题处理

  

Tablayout在没有设置适配器的时候,TabItem的文字和图标是正常显示的,可一旦设置上适配器文字和图标就直接消失,这个时候有两个解决办法(本人暂时只有两个)

  

1。效果图:

  

 TabLayout标题文字不显示的解决操作

  

2。正常写法设置适配器后的实图:

        & lt; android.support.design.widget.TabLayout   android: id=癅 + id/fh_tab”   应用:tabIndicatorColor=" @android:颜色/白”   android: layout_marginTop=" 20 dp”   android: layout_below=" @ id/fh_title”   android: layout_alignBottom=癅 + id/fh_iv”   应用:tabIndicatorHeight=" 4 dp”   应用:tabTextColor=" @color/tab_un_select”   应用:tabSelectedTextColor=" @android:颜色/白”   应用:tabIndicatorFullWidth=" false "   android: layout_width=" match_parent "   android: layout_height=皐rap_content”比;      & lt; android.support.design.widget.TabItem   android:文本="热点”   android:图标=" @drawable/ic_fire_gray”   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt; android.support.design.widget.TabItem   android:文本="要闻”   android:图标=" @drawable/ic_news_state”   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt; android.support.design.widget.TabItem   android:文本="时政”   android:图标=" @drawable/ic_politics_state”   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt; android.support.design.widget.TabItem   android:文本="热点”   android:图标=" @drawable/ic_fire_gray”   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt; android.support.design.widget.TabItem   android:文本="粤头条”   android:图标=" @drawable/ic_first_state”   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt; android.support.design.widget.TabItem   android:文本="分类”   android:图标=" @drawable/ic_classify_state”   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt;/android.support.design.widget.TabLayout>      

 TabLayout标题文字不显示的解决操作

  

自己定TabItem的样式(比较万能,但是指示器的长度不太听“话”,就是不受应用程序:tabIndicatorFullWidth=癴alse”的控制,(自己去设置指示器的长度也没的用,想试请看最后的“设置指示器长度代码”)):

  

1。创建一个item_home_tab:

        LinearLayout & lt;   xmlns: android=" http://schemas.android.com/apk/res/android "   android:取向=按怪薄?   android:重力="中心"   android: layout_width=" wrap_content "   android: layout_height=皐rap_content”比;      & lt; ImageView   android: id=癅 + id/iv”   android: src=" https://www.yisu.com/zixun/@drawable ic_relative_true "   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt; TextView   android: layout_marginTop=" 3 dp”   android:输入textColor=" @color/font2”   android: id=癅 + id/电视”   android: textSize=" 13 sp”   android:文本="标题"   android: layout_width=" wrap_content "   android: layout_height=" wrap_content "/比;      & lt;/LinearLayout>

TabLayout标题文字不显示的解决操作