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 ，我已經測試了代碼，它按預期工作。