6

で TabbedPage を使用してタブを開発していxamlます。デフォルトのタブのアイコンとテキストのサイズが大きいので、アイコンとテキストのサイズを小さくする必要があります。以下は、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>

アイコンとタブのテキストが表示されている以下のスクリーンショットを参照してください。

ここに画像の説明を入力

4

3 に答える 3