如何在android选项卡布局中提供溢出分页?

问题描述 投票:3回答:3

根据Material设计指南,在android.support.design.widget.TabLayout中,当有很多不适合屏幕尺寸的标签时,我们可以使用溢出分页,提供一个右箭头,点击后将通过水平滚动显示所有剩余的标签。如何实现这一目标?

[这是指南中给出的相同图像]

enter image description here

android android-viewpager material-design android-support-library android-tablayout
3个回答
2
投票

该模式位于“桌面标签”部分,因此不受TabLayout支持, <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabMode="scrollable"/> 专门针对“移动标签”部分。


0
投票

您必须将tabMode设置为可在XML文件中滚动

<HorizontalScrollView
                    android:id="@+id/scrollView1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:fillViewport="true"
                    android:layout_weight="1"
                    android:fadingEdgeLength="20dp"
                    android:scrollbars="none" >
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content">
                    <android.support.design.widget.TabLayout
                        android:id="@+id/tabLayout"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:minHeight="?actionBarSize"
                        app:tabGravity="fill"
                        app:tabIndicatorColor="@color/white"
                        app:tabIndicatorHeight="4dp"
                        app:tabBackground="@color/colorPrimary"
                        app:tabMode="scrollable"
                        android:overScrollMode="never"
                        android:visibility="visible">
                    </android.support.design.widget.TabLayout>
                    </LinearLayout>
                </HorizontalScrollView>

0
投票

无法添加分页箭头,但能够向tabview添加滚动:

使用Horizo​​ntalScrollView和LinearLayout环绕tabview:

qazxswpoi
© www.soinside.com 2019 - 2024. All rights reserved.