欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android中竖着的tab栏——VerticalTabLayout之常见小问题

程序员文章站 2022-05-12 14:54:50
...

今天使用VerticalTabLayout写了一个与商城分类的类似页面,先看效果图

Android中竖着的tab栏——VerticalTabLayout之常见小问题
分类页面示例

 

左侧的分类标题本来是想用RecycleView来实现的,但是发现更改标题的颜色和背景不是很方便,于是更改为VerticalTabLayout了,关于VerticalTabLayout的使用网上有很多,这里就不进行阐述了,有需要的可自行百度,这里只说下使用过程中遇到的问题。

在使用的过程中设置了每一行的行高,但是并没有生效,所有Tab平分了整个页面的高度。具体如下图

Android中竖着的tab栏——VerticalTabLayout之常见小问题
分类页面bug示例

刚开始以为是设置了 android:layout_height="match_parent"属性将其改为自适应  wrap_content 后发现所有的Tab合在一起,也不是设置的行高。最后发现是没有添加 Tab高度模式 导致的,添加之后问题解决,具体xml如下

    <q.rorbin.verticaltablayout.VerticalTabLayout
        android:id="@+id/tabLayout_sort"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"
        app:tab_height="47dp"
        app:tab_mode="scrollable"
        app:indicator_color="@color/text_red"
        android:background="@color/bg_white">

    </q.rorbin.verticaltablayout.VerticalTabLayout>

 

相关标签: Android学习