前言:
我们都知道,在Android中标签布局有很多种,常见的TabLayout,MSlidingTabLayout,XTabLayout,SlidingTabLayout等等,可是不管是那种库,大多实现思路都是基于横向可滚动视图(HorizontalScrollView)实现的。可是HorizontalScrollView和ScrollView使用场景很多,但是它们并不是那么完美,换句话说就是不那么友好,特别是今天要讲的显示不全的问题,真的是让人丈二和尚摸不着头脑。
ScrollView无法滚动的问题
1.问题复现
<!-- 在此就不贴源码了,简单说明一下页面结构即可 -->
<FrameLayout>
<!-- 显示自定义tab -->
<LinearLayout android:layout_height="60dip"/>
<!-- 显示可滚动视图 -->
<ScrollView android:layout_marginTop="100dip"/>
</FrameLayout>
这种情况下,怎么都无法滚动,是不是很气人,看似没有问题的代码却出了问题,ScrollView作为根布局的时候一点问题都没有。百度之后有人给出了问题的原因,说是ScrollView不作为第一视图的话计算有偏差,按照网上的解决方案是下面这样的,确实解决了我的问题。
2.解决办法
<!-- 在此就不贴源码了,简单说明一下页面结构即可 -->
<RelativeLayout>
<!-- 显示自定义tab -->
<LinearLayout android:layout_height="60dip" android:id="@+id/top_tab"/>
<!-- 位于视图的最底部,只是用来限定ScroolView课滚动的范围 -->
<View android:id="@+id/bottom_lay"/>
<!-- 显示可滚动视图 -->
<ScrollView android:layout_below="@id/top_tab" android:layout_above="@id/bottom_lay" android:layout_marginTop="-40dip"/>
</RelativeLayout>
3.总结
综上所述,在使用ScrollView的时候,必须要给定一个明确滚动范围,否则将导致滑动范围计算偏差,导致无法滑动。是不是很神奇,不应该ScrollView自身会计算大小的吗,这也许是sdk的一个bug吧,因为还没有修改sdk的功力,暂且不讨论源码实现。
那么这个问题跟MSlidingTabLayout显示不全或者显示省略号有什么关系呢,别急,请看我接下来遇到的问题,比这个更加神奇。
MSlidingTabLayout显示省略号的问题
简单陈述一下我遇到的问题,需求很简单,就是在水平滚动的标签后面增加一个固定的视图,滚动标签可滚动,固定视图固定在最右端即可。惊奇的发现在某些测试机上发现滚动视图最后的标签竟然显示的省略号,发现问题的机型是Android4.4,刚开始我以为是版本适配问题,因为在我的小米手机Android7.1上没有问题,于是下载的4.4的模拟器,运行看了一下,好着。后来又在vivo Android8.0上出现了这个问题,就完全否定了版本适配的想法。
1.问题复现
<!-- 在此就不贴源码了,简单说明一下页面结构即可 -->
<LinearLayout android:orientation="horizontal">
<!-- 滚动标签视图 -->
<MSlidingTabLayout android:weight="1" />
<!-- 固定视图 -->
<LinearLayout />
</LinearLayout>
2.延续上一个问题的解决思路
<!-- 在此就不贴源码了,简单说明一下页面结构即可 -->
<RelativeLayout>
<!-- 固定视图 -->
<LinearLayout id="@+id/fix_lay" align_parentRight="true"/>
<!-- 最左边视图 -->
<View id="@+id/fix_left" />
<!-- 滚动标签视图 -->
<MSlidingTabLayout toLeftOf="@id/fix_left" toRightOf="@id/fix_lay" />
</RelativeLayout>
本以为这样就解决问题了,因为ScrollView和HorizontalScrollView本质是一样的,但是毫无意义。于是我就给滚动标签视图一个固定的宽度,发现问题解决了。所以只需要正确算出滚动标签的宽度就可以了,但是需求是固定视图有可能会隐藏起来,那么计算就复杂了。下面提供一个优雅的解决办法。
3.终极而优雅的解决办法
<!-- 在此就不贴源码了,简单说明一下页面结构即可 -->
<RelativeLayout>
<!-- 固定视图,给定宽度即可 -->
<LinearLayout id="@+id/fix_lay" align_parentRight="true" android:layout_width="80dip"/>
<!-- 滚动标签视图 -->
<MSlidingTabLayout toRightOf="@id/fix_lay" />
</RelativeLayout>
只需要给固定视图一个固定的宽度即可解决问题。
结语
有很多问题只要锲而不舍,就一定会解决的,很多人说在大牛面前,就没有解决不了的问题,只是时间问题,我只能呵呵,因为我知道我不是大牛。只是这个问题我用了很久,记录下来,希望对看到的你有帮助。