我们可以在 xamarin.forms 中制作可滚动的底部标签页吗
Can we make scrollable bottom tabbed page in xamarin.forms
我在底部有四个标签,问题是,最后一个标签标题不完全可见,我想通过将标签模式设置为可滚动来设置,即使在我设置 tabmode
可滚动问题存在。
有人可以帮我实现这个吗?
这是我的 xaml 代码:
<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
android:TabbedPage.BarItemColor="LightGray"
android:TabbedPage.BarSelectedItemColor="White"
android:TabbedPage.IsSmoothScrollEnabled="True"
x:Class="MyApp.Views.DashBoardTabbedPage" BarBackgroundColor="#00abbf">
<!--Pages can be added as references or inline-->
</TabbedPage>
xaml.cs构造函数
var _dashboardview = new DashBoard();
_dashboardview.Title = "1";
_dashboardview.IconImageSource = "refresh";
this.Children.Add(_dashboardview); //Added other 3 tabs in this way
On<Android>().SetToolbarPlacement(ToolbarPlacement.Bottom);
如果您有兴趣,可以将您的应用程序基页更改为较新的 Shell type,然后使用嵌套 Tabbar
和 Tab
的组合来定义底部和顶部选项卡。虽然默认行为是超过 5 个底部选项卡,但其余选项卡将隐藏在分组列表中,可通过右边缘的 3 点“更多”菜单访问。
但是,如果您更喜欢可滚动的标签,我建议您使用以下任一软件包,因为它不是内置的 Xamarin.Forms:
- Xamarin.CommunityToolkit with
TabView
gives great control and customization options for your tabs, including a built-in scrolling, the documentation will soon be available the same for the first stable release (planned for this week but already available in pre-releases), but meantime you can take a look at TabView。请注意,此软件包不仅适用于选项卡,而且还具有多种多样且有用的功能。
- 您可以查看的另一个不错的软件包是 Sharpnado.Tabs 和
TabType.Scrollable
。
我在底部有四个标签,问题是,最后一个标签标题不完全可见,我想通过将标签模式设置为可滚动来设置,即使在我设置 tabmode
可滚动问题存在。
有人可以帮我实现这个吗?
这是我的 xaml 代码:
<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
android:TabbedPage.BarItemColor="LightGray"
android:TabbedPage.BarSelectedItemColor="White"
android:TabbedPage.IsSmoothScrollEnabled="True"
x:Class="MyApp.Views.DashBoardTabbedPage" BarBackgroundColor="#00abbf">
<!--Pages can be added as references or inline-->
</TabbedPage>
xaml.cs构造函数
var _dashboardview = new DashBoard();
_dashboardview.Title = "1";
_dashboardview.IconImageSource = "refresh";
this.Children.Add(_dashboardview); //Added other 3 tabs in this way
On<Android>().SetToolbarPlacement(ToolbarPlacement.Bottom);
如果您有兴趣,可以将您的应用程序基页更改为较新的 Shell type,然后使用嵌套 Tabbar
和 Tab
的组合来定义底部和顶部选项卡。虽然默认行为是超过 5 个底部选项卡,但其余选项卡将隐藏在分组列表中,可通过右边缘的 3 点“更多”菜单访问。
但是,如果您更喜欢可滚动的标签,我建议您使用以下任一软件包,因为它不是内置的 Xamarin.Forms:
- Xamarin.CommunityToolkit with
TabView
gives great control and customization options for your tabs, including a built-in scrolling, the documentation will soon be available the same for the first stable release (planned for this week but already available in pre-releases), but meantime you can take a look at TabView。请注意,此软件包不仅适用于选项卡,而且还具有多种多样且有用的功能。
- 您可以查看的另一个不错的软件包是 Sharpnado.Tabs 和
TabType.Scrollable
。