如何在Xamarin.Forms中自定义TabbedPage的Tab-Items？

Question

我正在使用 TabbedPage 作为我的 Xamarin.Forms 应用程序的主页面（Xamarin.Forms 版本：2.3.5.239-pre3）。我的 MainActivity 继承自 FormsAppCompatActivity.

有四个 ContentPage 类型的页面添加到 TabbedPage，例如：

<TabbedPage ... >    

   <pages:FirstPage Title="Testpage1" Icon="icon.png" />
   <pages:SecondPage Title="Testpage2"  Icon="icon.png" />
   <pages:ThirdPage Title="Testpage3"  Icon="icon.png" />
   <pages:FourthPage Title="Testpage3"  Icon="icon.png" />

</TabbedPage>

但是，选项卡显示如下：

现在我需要更改标题的字体大小属性，以便显示整个标题。最好的方法是什么？我尝试了 CustomRenderer 但我不知道如何访问 tab-items.

我试过了：

      [assembly: ExportRenderer(typeof(TabbedPage), typeof(CustomTab))]
       namespace AdvancedForms.Droid.CustomRenderer
       {
            public class CustomTab : TabbedRenderer
            {
                protected override void DispatchDraw(Canvas canvas)
                {    
                  base.DispatchDraw(canvas);
                  ActionBar actionBar = activity.ActionBar;
                  // Do Stuff here
                }
            }
        }

但 activity.ActionBar 始终为空。

Answer 1

您应该寻找 TabLayout，而不是 ActionBar。最后我检查了 TabLayout 是渲染器视图层次结构中的第二个 child 所以你应该能够像这样得到它：

var tabLayout = (TabLayout)GetChildAt(1);

完成后，您需要遍历各个选项卡并将所需的字体大小应用于每个选项卡的文本视图。

有用的提示，视图层次结构如下所示：

MsiTabbedRenderer
    FormsViewPager
    TabLayout
        SlidingTabStrip
            TabView
                AppCompatImageView
                AppCompatTextView
            TabView
                AppCompatImageView
                AppCompatTextView
            TabView
                AppCompatImageView
                AppCompatTextView
            ...

我用来生成此信息的方法包含在下面供您欣赏：

    public static void DebugLayout(this View self, int indent = 0)
    {
        // write info about me first
        var indents = new string('\t', indent);
        System.Diagnostics.Debug.WriteLine(indents + self.GetType().Name);

        // check if I'm a view group
        var vg = self as ViewGroup;
        if (vg == null) return;

        // enumerate my children
        var children = Enumerable.Range(0, vg.ChildCount).Select(x => vg.GetChildAt(x));

        // recurse on each child
        foreach (var child in children)
            DebugLayout(child, indent+1);
    }

Answer 2

对于自定义选项卡 view/page，我正在使用 xam.Tabview (Xamarin.Forms) 组件，它按预期工作。它支持自定义 header 和内容视图。

安装 Nuget：TabView Nuget

样本：Tabview Sample

如何在Xamarin.Forms中自定义TabbedPage的Tab-Items？

How to customize the TabbedPage's Tab-Items in Xamarin.Forms?

c#

android

xamarin

xamarin.forms

tabbedpage