Xamarin标签式页面幻灯片标签栏,而不是“更多”按钮

时间:2019-04-01 12:55:00

标签: c# visual-studio xamarin xamarin.ios

我正在使用Xamarin Forms创建Android和iOS应用程序。我有选项卡式页面-在Android的选项卡式页面显示在顶部,当我有很多选项卡时,并不是全部显示,但是它们可以在水平方向上滑动。 在iOS中,当我有5个以上的标签时,就会创建一个“更多按钮”,我可以打开它并查看其余的标签。

在iOS标签页中有超过5个标签并放置可滑动标签(类似于android)时,如何删除“更多”按钮?

a busy cat

3 个答案:

答案 0 :(得分:1)

您可以使用Nuget中的 Naxam.TopTabbedPage.Forms

用法:

在您的iOS项目AppDelegate.cs文件中

public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
    global::Xamarin.Forms.Forms.Init();

    TopTabbedRenderer.Init(); //add this line

    LoadApplication(new App());

    return base.FinishedLaunching(app, options);
}

以您的形式

  

在xaml中

<?xml version="1.0" encoding="utf-8" ?>
<forms:TopTabbedPage             
         xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:local="clr-namespace:App11"
         x:Class="App11.MainTabbedPage"
         xmlns:forms="clr-namespace:Naxam.Controls.Forms;assembly=Naxam.TopTabbedPage.Forms"
         BarBackgroundColor="#2196F3">


  <local:Page1 Title="PAGE 1"/>
  <local:Page2 Title="PAGE 2"/>
  <local:Page3 Title="PAGE 3"/>
  <local:Page4 Title="PAGE 4"/>
  <local:Page5 Title="PAGE 5"/>


</forms:TopTabbedPage>
  

在xaml.cs

using Naxam.Controls.Forms;

namespace TopTabbedPageDemo
{

 public partial class MainTabbedPage : TopTabbedPage
  {
      public MainTabbedPage()
      {
          InitializeComponent();
      }
  }
} 

答案 1 :(得分:0)

是否可以移动未切成两半的第一个标签标题开始位置?仅当有很多选项卡时,才会发生此问题。在选项卡之间移动后,问题消失了,但是在初始化页面时发生了。

enter image description here

答案 2 :(得分:0)

尝试将CurrentPage设置为相应的Content Page; 即

如果您希望在初始化设置为时显示第一个内容页面;

this.CurrentPage = tab1; //其中tab1是内容页面的x:Name

希望有帮助;

谢谢