Xamarin.Forms：如何更改 TabbedPage 中选项卡的 FontFamily？

Question

如何更改选项卡上的字体样式和大小？

主页.xaml

<TabbedPage.Children>
    <local:Page1/>
    <local:Page2/>
    <local:Page3/>
</TabbedPage.Children>

第1页.xaml

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="HelpMe.Page1"
             Title="Page 1">

Answer 1

不幸的是，在 Xamarin.Forms 中没有直接的跨平台方式来实现这一点

您必须编写自己的Effect器或创建从本机平台渲染器派生的自定义渲染器。 在您的情况下，它将是TabbedPageRenderer 。 一旦您能够在平台上注册自定义渲染器，您应该能够访问平台上的本机视图并使用特定于平台的 API 并根据需要设置本机属性。

更新：

为了帮助您实现我上面所说的，这里是 Android 的代码。 你会在 iOS 上做类似的事情

[assembly: ExportRenderer(typeof(TabbedPage), typeof(CustomTabbedPageRenderer))]

namespace YourNamespace.Renderers
{
    public class CustomTabbedPageRenderer : TabbedPageRenderer
    {
        public CustomTabbedPageRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<TabbedPage> e)
        {
            base.OnElementChanged(e);

            if (Element == null)
            {
                return;
            }

            UpdateTabLayout();

        }


        private void UpdateTabLayout()
        {
            if (!(GetChildAt(1) is TabLayout tabLayout)) return;

            var vg = (ViewGroup) tabLayout.GetChildAt(0);
            var tabsCount = vg.ChildCount;
            for (var i = 0; i < tabsCount; i++)
            {
                var vgTab = (ViewGroup) vg.GetChildAt(i);
                var tabChildCount = vgTab.ChildCount;
                for (var j = 0; j < tabChildCount; j++)
                {
                    var tabViewChild = vgTab.GetChildAt(j);
                    if (tabViewChild is TextView textView)
                    {
                        textView.SetTypeface(Typeface.SansSerif, TypefaceStyle.Italic);
                    }
                }
            }

        }
    }
}

上面的代码试图将字体设置为Italic样式的SansSerif ，我已经测试了代码，它按预期工作。