android ------ 高版本的 Tablayout 下划线宽度

最新推荐文章于 2024-04-10 03:41:51 发布

切切歆语

最新推荐文章于 2024-04-10 03:41:51 发布

阅读量459

点赞数

分类专栏： Android 文章标签： Tablayout Tablayout 下划线 AndroidX

本文链接：https://blog.csdn.net/DickyQie/article/details/102873317

版权

Android 专栏收录该内容

308 篇文章 6 订阅

订阅专栏

前面呢，有写过TabLayout的博客，最近开发用到了高本版遇到一些问题，来总结一下

Android--------TabLayout实现新闻客户端顶部导航栏

Android中Tablayout设置下划线宽度和 dp和px之间进行相互转换

上面是Api28版本之前是没问题的 api28之后呢，有些地方就有所改变了

public static void reflex(final TabLayout tabLayout){
        tabLayout.post(() -> {
            try {
                //拿到tabLayout的slidingTabIndicator属性
                Field tabIndicator = tabLayout.getClass().getDeclaredField("slidingTabIndicator");
                //API28以下为mTabStrip
//              Field tabIndicator = tabLayout.getClass().getDeclaredField("mTabStrip");
                tabIndicator.setAccessible(true);
                LinearLayout mTabStrip = (LinearLayout) tabIndicator.get(tabLayout);
                int dp10 = dip2px(tabLayout.getContext(), 10);

                for (int i = 0; i < mTabStrip.getChildCount(); i++) {
                    View tabView = mTabStrip.getChildAt(i);

                    //拿到tabView的mTextView属性  tab的字数不固定一定用反射取mTextView
                    Field mTextViewField = tabView.getClass().getDeclaredField("textView");
                    //API28以下为mTextView
//                  Field 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 这个间距可根据自己需求更改
                    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tabView.getLayoutParams();
                    params.width = width ;
                    params.leftMargin = dp10;
                    params.rightMargin = dp10;
                    tabView.setLayoutParams(params);
                    tabView.invalidate();
                }

            } catch (NoSuchFieldException e) {
                e.printStackTrace();
            } catch (IllegalAccessException e) {
                e.printStackTrace();
            }
        });

    }

当然这种方式啊我其实不是很推荐，我在网上也看到一些网友说设置了没效果

所以我用了AndroidX 之后发现了他里面的Tablayout 和之前有点的不太一样了，而且也能实现了下划线问题

请看博客

AndroidX的 Tablayout（com.google.android.material.tabs.TabLayout）的使用