脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → TabLayout 指示器宽度

android TabLayout的指示器宽度问题

 更新时间：2018年04月09日 08:38:14   作者：CysionLiu  
这篇文章主要介绍了android TabLayout的指示器宽度问题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

最近碰到一个需求，因为是我比较感兴趣的TabLayout的，所以记录一下吧。

  1. 产品需求：希望上部导航栏中的指示器宽度略大于文字宽度；
  2. 技术方案：TabLayout配合ViewPager；
  3. 问题分析： 原生TabLayout的指示器宽度等于每个tab的宽度，远大于 tab内文字标题的宽度。

原因分析：

TabLayout（TL）继承自HorizontalScrollView，其只能添加一个子控件，这个子控件便是TL内部私有类–SlidingTabStrip，其继承自LinearLayout。指示器怎么加上的呢？便是在该类的onDraw方法中：

 @Override
public void draw(Canvas canvas) {
 super.draw(canvas);
 // Thick colored underline below the current selection
 if (mIndicatorLeft >= 0 && 
 mIndicatorRight > mIndicatorLeft) {
  canvas.drawRect(mIndicatorLeft, 
 mIndicatorRight, getHeight(), 
 mSelectedIndicatorPaint);
 }
}

即指示器是与这个SlidingTabStrip容器伴生存在，其宽度，由mIndicatorLeft和mIndicatorRight确定，而这二者，由tab的宽度决定，因为本文不会详细描述TL的源码，所以这里直接报出结论：这个指示器的宽度设置由tab宽度决定，而tab在mode=fix情况下，是符合linearLayout中weight控制的，因此，也没法通过tab的宽度来影响指示器的宽度，比较囧的是，源码中也没给tab设置个Margin什么的，另外，源码中也没有暴露set等方法来改变指示器宽度，否则也不会有此问题了。

解决方案1：

百度的方案基本集中在反射，使用麻烦，有时还不好用。

这个的思路来自stackoverflow，大致过程是 由TL拿到其唯一的子类，即SlidingTabStrip，然后遍历再拿到其各子View，然后为每个子View设置Margin，这就相当于给每个tab设置margin，那么指示器的宽度自然也就跟着改变了。show code：

public static void reduceMarginsInTabs(TabLayout tabLayout, int marginOffset) {
  View tabStrip = tabLayout.getChildAt(0);
  if (tabStrip instanceof ViewGroup) {
   ViewGroup tabStripGroup = (ViewGroup) tabStrip;
   for (int i = 0; i < ((ViewGroup) tabStrip).getChildCount(); i++) {
    View tabView = tabStripGroup.getChildAt(i);
    if (tabView.getLayoutParams() instanceof ViewGroup.MarginLayoutParams) {
     ((ViewGroup.MarginLayoutParams) tabView.getLayoutParams()).leftMargin = marginOffset;
     ((ViewGroup.MarginLayoutParams) tabView.getLayoutParams()).rightMargin = marginOffset;
    }
   }
  tabLayout.requestLayout();
  }
 }

这种方式的限制是：最多只能让指示器与tab等宽，无法继续减小指示器的宽度。

解决方案2：

本方案属于自定制指示器显示，相对比较灵活，能解决方案1的tab等宽问题，但是其缺点是不能保留指示器的动画。具体过程：

TL中tab可以设置自定义view，方法是setCustomView(@Nullable View view) ，也就是说，完全可以不用TL中那套，直接自定义布局即可。在tab源码的update方法中有这么一句：

 mCustomTextView = (TextView) custom.findViewById(android.R.id.text1);
 if (mCustomTextView != null) {
  mDefaultMaxLines = TextViewCompat.getMaxLines(mCustomTextView);
 }
 mCustomIconView = (ImageView) custom.findViewById(android.R.id.icon);

里面的android.R.id.text1和android.R.id.icon就是TL中tab能跟随滑动改变状态的两个view的id，我们自定义的时候可以让对应的view也这么设置id即可。而指示器，大可屏蔽原生TL的，直接在自定义布局的合适位置，加个view就行。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Android Studio中的Gradle依赖深入讲解

    Android Studio中的Gradle依赖深入讲解

    Android Studio由于使用了gradle的进行项目构建，使我们开发app方便很多，下面这篇文章主要给大家介绍了关于Android Studio中Gradle依赖的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下
    2018-09-09
  • Android设计模式之Builder模式详解

    Android设计模式之Builder模式详解

    这篇文章主要为大家详细介绍了Android设计模式之Builder模式，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08
  • android自定义控件ImageView实现圆形图片

    android自定义控件ImageView实现圆形图片

    这篇文章主要为大家详细介绍了android自定义控件ImageView实现圆形图片，适用于用户头像，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android app开发中的Fragment入门学习教程

    Android app开发中的Fragment入门学习教程

    这篇文章主要介绍了Android app开发中的Fragment入门学习教程,包括Fragment的创建和XML布局文件中的Fragment定义等,需要的朋友可以参考下
    2016-02-02
  • Android编程之图片颜色处理方法

    Android编程之图片颜色处理方法

    这篇文章主要介绍了Android编程之图片颜色处理方法,涉及Android针对图片的颜色值、饱和度、透明度等处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android中区别Drawable Bitmap Canvas Paint

    Android中区别Drawable Bitmap Canvas Paint

    本文主要介绍Android中Drawable Bitmap Canvas Paint 之间的区别,这里对这几个概念做出详细介绍,开发Android游戏的朋友可以参考下
    2016-07-07
  • android第三方分享方式的简单实现

    android第三方分享方式的简单实现

    这篇文章主要为大家详细介绍了android第三方分享方式的简单实现,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-10-10
  • Android抢红包插件实现原理浅析

    Android抢红包插件实现原理浅析

    这篇文章主要为大家详细介绍了Android抢红包插件的实现原理，由浅入深的帮助大家分析Android抢红包的原理，感兴趣的小伙伴们可以参考一下
    2016-06-06
  • Android保持屏幕常亮2种实现方法

    Android保持屏幕常亮2种实现方法

    这篇文章主要介绍了Android保持屏幕常亮2种实现方法,本文分别给出示例代码,需要的朋友可以参考下
    2015-05-05
  • Android涨姿势知识点之你没用过的BadgeDrawable

    Android涨姿势知识点之你没用过的BadgeDrawable

    现在Android中有许多的应用仿苹果的在应用图标上显示小红点,下面这篇文章主要给大家介绍了关于Android涨姿势知识点之你没用过的BadgeDrawable的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09

最新评论