前言
在使用CoordinatorLayout+AppBarLayout+TabLayout实现吸顶过程中,我的页面布局如下,当我把View1或View2在代码中GONE掉之后,会出现TabLayout吸顶失效的问题,后面发现是因为AppBarLayout在计算距离的时候没有考虑子View的可见性,因此就算把子ViewGONE掉之后,AppBarLayout可滑动的距离还是跟之前一样,而实际可见的区域变小了,因此会导致TabLayout的吸顶失效。
解决方案
由于不能使用GONE方法隐藏,因此我们如果要实现隐藏效果可以通过removeView方法实现,这样就可以解决该问题,即如果要隐藏View2,我们可以调用AppBarLayout.removeView(View2)来实现,如果要再次让其显示,需先判断View2是否在AppBarLayout中,若不为空则addView,代码如下:
if (null == AppBarLayout.findViewById(R.id.View2)) {
barLayout.addView(View2);
}
但是这样写之后效果是这样的
我们可以看到View2的位置在TabLayout下方,因为AppBarLayout继承的是LinearLayout,因此addView之后会添加在布局的最下方,但是这不是我们想要的效果,因此应该修改一下代码:
if (null == AppBarLayout.findViewById(R.id.View2)) {
barLayout.addView(View2,1);
}
这样的话就可以把View2插入到TabLayout的上方,同理,如果是View1,则代码应为
if (null == AppBarLayout.findViewById(R.id.View1)) {
barLayout.addView(View1,0);
}
这样的话就可以解决使AppBarLayout能正常的显示和隐藏子View了!