xaml - Xamarin.Forms:更改TabbedPage选项卡中的图标和文本大小

Question

我正在 xaml 中使用 TabbedPage 开发选项卡。默认选项卡 图标和文本大小很大 所以我需要减小图标和文本的大小。下面是我设置图标的 main.xaml 代码。

<TabbedPage  xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"              
             xmlns:local="clr-namespace:TabbedApp">
    <local:DairyTabs Icon="dairy" HeightRequest="10" WidthRequest="10" ></local:DairyTabs>
    <local:Mykid Icon="kid" ></local:Mykid>
    <local:Event Icon="about"></local:Event>    
</TabbedPage>

这是选项卡的第一页，我将选项卡的标题指定为 Title="Dairy"

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"              
             Title="Dairy"> 
    <ContentPage.Content>
        <StackLayout>
            <Button x:Name="btnDemo" Text="Go for 2nd page"></Button>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

请参阅下面的屏幕截图，您可以在其中看到图标和标签文本。

Answer 1

在您的 Android 项目的 Resources/values/style.xml 文件中，您可以创建一个样式:

<style name="MyTabTextStyle" parent="Base.Widget.Design.TabLayout">
    <item name="android:textSize">8sp</item>
</style>

然后在您的 Resources/layout/tabs.axml 文件中，您可以使用以下样式:

<android.support.design.widget.TabLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    ... other attributes ...
    app:tabTextAppearance="@style/MyTabTextStyle" />

至于图标，试试这个: https://stackoverflow.com/a/46465233/3183946

顺便说一句，我认为您的应用程序中的“Dairy”应该是“Diary”