tablayou设置固定下划线和根据文字显示长短显示下划线

1、固定下划线

上图上图！！！找了蛮久的才做好，呜呜！！

TabLayout布局初始化

<android.support.design.widget.TabLayoutandroid:id="@+id/tb_home"app:tabSelectedTextColor="@color/g333333"app:tabTextColor="@color/g999999"<!-- tabIndicatorHeight="0dp" 把原有的线隐藏掉-->app:tabIndicatorHeight="0dp"<!--设置选中样式-->app:tabBackground="@drawable/tab_select"android:background="@color/white"android:layout_width="match_parent"android:layout_height="wrap_content"></android.support.design.widget.TabLayout>

tab_select初始化

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/tab_selected" android:state_selected="true" /><item android:drawable="@color/white" />
</selector>

tab_selected初始化

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"><!-- 整个背景色--><item><shape><solid android:color="@color/white" /></shape></item><!-- 底部圆角,参数是固定的 --><itemandroid:width="24dp"android:height="2dp"android:gravity="bottom|center_horizontal"><shape><solid android:color="@color/gffc105" /><corners android:radius="1dp" /></shape></item>
</layer-list>

2、根据文字显示自适应下划线

/*** 通过反射机制 修改TableLayout 的下划线长度*/public void reflexWith(final TabLayout tabLayout) {//了解源码得知 线的宽度是根据 tabView的宽度来设置的tabLayout.post(new Runnable() {@Overridepublic void run() {try {//拿到tabLayout的mTabStrip属性LinearLayout mTabStrip = (LinearLayout) tabLayout.getChildAt(0);int dp10 = DensityUtil.dip2px(context, 20);// dip2px(tabLayout.getContext(), 10);for (int i = 0; i < mTabStrip.getChildCount(); i++) {View tabView = mTabStrip.getChildAt(i);//拿到tabView的mTextView属性  tab的字数不固定一定用反射取mTextViewField mTextViewField = tabView.getClass().getDeclaredField("mTextView");mTextViewField.setAccessible(true);TextView mTextView = (TextView) mTextViewField.get(tabView);tabView.setPadding(0, 0, 0, 0);//因为我想要的效果是   字多宽线就多宽，所以测量mTextView的宽度int width = 0;width = mTextView.getWidth();if (width == 0) {mTextView.measure(0, 0);width = mTextView.getMeasuredWidth();}//设置tab左右间距为10dp  注意这里不能使用Padding 因为源码中线的宽度是根据 tabView的宽度来设置的LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tabView.getLayoutParams();params.width = width;//宽度可调width-25params.leftMargin = dp10;params.rightMargin = dp10;tabView.setLayoutParams(params);tabView.invalidate();}} catch (NoSuchFieldException e) {e.printStackTrace();} catch (IllegalAccessException e) {e.printStackTrace();}}});}

tablayou设置固定下划线和根据文字显示长短显示下划线相关推荐

HTML怎么像是下划线、穿越文字的横线以及上划线
这些下划线,上划线等样式都属于HTML物理字体(Physical Style) 今天天气真好! 今天天气真好! 今天天气真好! ...
html图片环绕文字,CSS_如何让文字环绕图片显示？
总得来说,文字环绕图片显示的实现方式有这样两种: 通过img的 align 属性, 设置img的停靠位置,文字会环绕显示: 给img单独加一个父级div容器,设置css属性:float:left ; ...
html 文字显示图片左侧,CSS_如何让文字环绕图片显示？
总得来说,文字环绕图片显示的实现方式有这样两种: 通过img的 align 属性, 设置img的停靠位置,文字会环绕显示: 给img单独加一个父级div容器,设置css属性:float:left ; ...
HTML怎么设置下划线？html文字加下划线方法
HTML中的下划线曾经是将文本包含在标签中的问题,但是这种方法已被放弃,而更倾向于使用更多功能的CSS.一般来说,下划线被认为是引起人们对文本注意的一种方式,那么 ...
mac Word中设置下划线之后文字后面不显示的问题解决
mac Word中设置下划线之后文字后面不显示的问题解决这里也是找了很久解决方法发现大多数都是直接能够找到设置啥啥啥,但是 mac 我在操作的时候一直没找到方法. 这里突然发现就是有一个解决的小方式 ...
怎么html文字下划线,HTML怎么设置下划线？html文字加下划线方法
HTML中的下划线曾经是将文本包含在标签中的问题,但是这种方法已被放弃,而更倾向于使用更多功能的CSS.一般来说,下划线被认为是引起人们对文本注意的一种方式,那么HTML怎么设置下划线?html文字加 ...
WPF编程，TextBlock中的文字修饰线（上划线，中划线，基线与下划线）的使用方法。...
WPF编程,TextBlock中的文字修饰线(上划线,中划线,基线与下划线)的使用方法. 原文:WPF编程,TextBlock中的文字修饰线(上划线,中划线,基线与下划线)的使用方法. 版权声明:我不 ...
html两条下划线重叠,文字和text-decoration:underline下划线重叠问题
一.text-decoration:underline下划线的问题 CSS text-decoration:underline可以给内联文本增加下划线,但是,如果对细节要求较高,就会发现,下划线经常会 ...
jsp中去掉超链接下划线吗_好烦啊，PPT 插入超链接，文字自动变色还有下划线！还不能改？！...
「老师,PPT 中插入超链接,为什么设置之后文字不仅改变了颜色,还多了一条下划线,但是选中后更改没有反应--有没有办法让文字看着正常一点?」效果类似这样: 这是在给秋叶PPT的学员进行答疑的时候,遇 ...
WPS添加下划线，文字尾部不显示下划线问题解决（一个So stupid问题）
记录一个傻瓜操作,嗯,更想删WPS了. 一.问题如下首先如图: 选择wps中的下划线操作理想中他应该是这样的: 选中的内容应该在下划线中间,是吧,默认正常操作就应该这样. 实际上它出来的效果是这样 ...

tablayou设置固定下划线和根据文字显示长短显示下划线

1、固定下划线

上图上图！！！找了蛮久的才做好，呜呜！！

TabLayout布局初始化

tab_select初始化

tab_selected初始化

2、根据文字显示自适应下划线

tablayou设置固定下划线和根据文字显示长短显示下划线相关推荐

最新文章

热门文章