前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android TabLayout设置指示器宽度的方法

Android TabLayout设置指示器宽度的方法

作者头像
砸漏
发布2020-11-05 10:19:19
2K0
发布2020-11-05 10:19:19
举报
文章被收录于专栏:恩蓝脚本

anroid 5.0 Design v7 包中引用了TabLayout 简单快速的写出属于自己的Tab切换效果 如图所示:

但是正常使用中你发现无法设置tablayout指示器的宽度。查看源码你会发现设计师将指示器的宽度设置成TabView最大的宽度。并且设计师并没有给我们暴漏出接口,这导致有时使用TabLayout无法满足一些产品设计要求,这么好的组件无法使用还需要自定义费时费力。这个时候我们可以通过反射机制拿到TabLayout中的指示器对象对它的宽度进行处理就可以满足我们的要求:具体代码如下

重写 onMeasure方法

代码语言:javascript
复制
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int dp10 = CommUitls.dip2px(context, 10);
  LinearLayout mTabStrip = (LinearLayout) this.getChildAt(0);
  try {
    Field mTabs = TabLayout.class.getDeclaredField("mTabs");
    mTabs.setAccessible(true);
    ArrayList<Tab  tabs = (ArrayList<Tab ) mTabs.get(this);
    for (int i = 0; i < mTabStrip.getChildCount(); i++) {
      Tab tab = tabs.get(i);
      Field mView = tab.getClass().getDeclaredField("mView");
      mView.setAccessible(true);
      Object tabView = mView.get(tab);
      Field mTextView = context.getClassLoader().loadClass("android.support.design.widget.TabLayout$TabView").getDeclaredField("mTextView");
      mTextView.setAccessible(true);
      TextView textView = (TextView) mTextView.get(tabView);
      float textWidth = textView.getPaint().measureText(textView.getText().toString());
      View child = mTabStrip.getChildAt(i);
      child.setPadding(0, 0, 0, 0);
      LinearLayout.LayoutParams params = new LinearLayout.LayoutParams((int) textWidth, LinearLayout.LayoutParams.MATCH_PARENT);
      params.leftMargin = dp10;
      params.rightMargin = dp10;
      child.setLayoutParams(params);
      child.invalidate();
    }
  } catch (Exception e) {
    e.printStackTrace();
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档