Xamarin XCT TabView能否配置实现头部标签横向滑动查看更多表头?
Xamarin Community Toolkit TabView 标签头部横向滚动配置方案
Xamarin Community Toolkit(简称XCT)的TabView组件原生支持标签头部横向滚动能力,无需自定义复杂控件即可实现你需要的效果。
配置方法
方法1:内置属性配置(推荐)
如果你的XCT版本≥1.2.0,直接设置IsTabStripScrollable属性为True即可,代码示例如下:
<xct:TabView IsTabStripScrollable="True"> <!-- 按业务需求添加所有Tab标签 --> <xct:TabViewItem Text="Tab 1" /> <xct:TabViewItem Text="Tab 2" /> <xct:TabViewItem Text="Tab 3" /> <!-- 省略其余Tab配置 --> <xct:TabViewItem Text="Tab 20" /> </xct:TabView>
开启该属性后,标签栏不会强制压缩所有标签宽度适配屏幕,超出可视区域的标签会自动隐藏,用户横向滑动标签栏即可滚动查看并选择所有标签。
方法2:低版本兼容实现
如果你使用的XCT版本低于1.2.0没有内置该属性,可以通过重写TabStrip模板实现滚动效果,代码示例如下:
<xct:TabView> <xct:TabView.TabStrip> <ScrollView Orientation="Horizontal" HorizontalScrollBarVisibility="Never"> <StackLayout Orientation="Horizontal" Spacing="0" /> </ScrollView> </xct:TabView.TabStrip> <!-- 按业务需求添加所有Tab标签 --> <xct:TabViewItem Text="Tab 1" /> <!-- 省略其余Tab配置 --> <xct:TabViewItem Text="Tab 20" /> </xct:TabView>
内容的提问来源于stack exchange,提问作者kenny
相关产品推荐
相关产品推荐

