Xamarin Forms：如何设置标签页的标题？

Question

我用 3 个标签实现 TabbedPage，如下图所示。

在这 3 个选项卡之上，我正在尝试设置一个标题，这对于所有 3 个选项卡都是通用的。尝试了标签页的标题属性，但没有奏效。

MyTabbedpage.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:local="clr-namespace:Myapp;assembly=Myapp"
            BarBackgroundColor="#1C7DB4"
            BarTextColor="White"
            x:Class="Myapp.MyTabbedPage">
</TabbedPage>

MyTabbedpage.xaml.cs

using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace Myapp
{
    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class MyTabbedPage : TabbedPage
    {
        public MyTabbedPage(bool value)
        {
            InitializeComponent();

            Children.Add(new Topics());
            Children.Add(new Group());
            Children.Add(new Menu());
        }

        protected override bool OnBackButtonPressed()
        {
            return false;
        }
    }
}

请提出解决方案。

Answer 1

我认为如果没有自定义渲染器，您将无法做到这一点。

您可以试试这个预构建的表单控件 - TabView - 位于： https://github.com/gruan01/XFControls

您也可以在 NuGet 上找到它。 您可以将图像设置到选项卡和其他增强功能。

但我强烈推荐使用自定义渲染器作为最终解决方案。

Answer 2

public class MainPageCS : TabbedPage
{
  public MainPageCS ()
  {
    var navigationPage = new NavigationPage (new SchedulePageCS ());
    navigationPage.Icon = "schedule.png";
    navigationPage.Title = "Schedule";

    Children.Add (new TodayPageCS ());
    Children.Add (navigationPage);
  }
}

这是来自official documentation 的代码 sn-p。在第 7 行，您可以看到标题是如何设置的。

编辑问题后，您似乎想用NavigationPage 包装TabbedPage 并为NavigationPage 设置Title。示例：

new NavigationPage(new MyTabbedPage()) { Title = "Common Title" }; 

或者，您的TabbedPage 孩子之一也可以是NavigationPage，这取决于您的需要。