05
2017
10

Xamarin Android 中修改 TabbedPage 标题字体

写在前面,本人在 Stackoverflow 上面做 Xamarin 的技术支持也有一段时间了,最近都比较有空,就在这总结一下自己解决的许多问题,希望能帮到那些有限的,屈指可数的国内 Xamarin 开发者

我只负责解决 Xamarin.Android 这一块的问题

问题来源

https://stackoverflow.com/questions/46513240/xamarin-forms-change-the-tabbar-size

分析

TabbedPage 中没有办法直接修改字体及大小,必须要使用 Renderer,然后在 native 中去修改相应的属性,在 native Android 中 TabbedPage 会渲染成 TabLayout, 所以我们要研究 如何修改 TabbedPage 中的字体

TabLayout 中修改

https://stackoverflow.com/questions/30754203/tablayout-tab-style

Renderer

TabbedPage1

<?xml version="1.0" encoding="utf-8" ?>
<local:StyledTabbedPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="FormsIssue01.TabbedPage1" xmlns:local="clr-namespace:FormsIssue01" >
  <!--Pages can be added as references or inline-->
    <ContentPage Title="Over" />
    <ContentPage Title="FaceBook" />
    <ContentPage Title="Youtube" />
    <ContentPage Title="Contact" />
    <ContentPage Title="Contact2" />
    <ContentPage Title="Contact3" />

</local:StyledTabbedPage>

StyledTabbedPage

public class StyledTabbedPage : TabbedPage
{
}

StyledTabbedPageRenderer

public class StyledTabbedPageRenderer : TabbedPageRenderer
{
    private TabLayout tabLayout = null;

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

        this.tabLayout = (TabLayout)this.GetChildAt(1);

        //Method 2
        changeTabsFont();

        //Method 1
        tabLayout.TabMode = TabLayout.ModeScrollable;
        tabLayout.TabGravity = TabLayout.GravityFill;
    }

    private void changeTabsFont()
    {
        //Typeface font = Typeface.CreateFromAsset(Android.App.Application.Context.Assets, "fonts/" + Constants.FontStyle);
        ViewGroup vg = (ViewGroup)tabLayout.GetChildAt(0);
        int tabsCount = vg.ChildCount;
        for (int j = 0; j < tabsCount; j++)
        {
            ViewGroup vgTab = (ViewGroup)vg.GetChildAt(j);
            int tabChildsCount = vgTab.ChildCount;
            for (int i = 0; i < tabChildsCount; i++)
            {
                Android.Views.View tabViewChild = vgTab.GetChildAt(i);
                if (tabViewChild is TextView)
                {
                    //((TextView)tabViewChild).Typeface = font;
                    ((TextView)tabViewChild).TextSize = 6;
                }
            }
        }
    }
}

注意

Method 1 和 Method 2 不兼容,调整字体可以,但是不好看,推荐 Method 1

上一篇:在Android Studio中进行单元测试和UI测试 下一篇:Xamarin.Android 中 Handler 的使用