我們可以在xamarin表單的標簽頁上添加內容嗎？

Question

我想在xamarin表單的標簽頁上面添加一些標簽和圖像，所以當我滑到另一個標簽頁時，標簽頁上面的內容將保持不變這里是設計

我可以實現這一點，因為我找不到任何參考嗎？

Answer 1

如果要在選項卡頁面上方添加標簽，則無法在選項卡頁面中添加標簽，您必須創建自己的選項卡頁面。

您可以根據您的選擇創建顯示/隱藏的布局創建選項卡設計，並點擊手勢到選項卡並管理布局的顯示/隱藏

演示代碼Xaml文件

<!--Tab Design-->
<StackLayout Orientation="Horizontal">
 <Grid HorizontalOptions="FillAndExpand"
          VerticalOptions="FillAndExpand"
          ColumnSpacing="0"
          RowSpacing="0"
          Padding="0">

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*" />
            <ColumnDefinition Width="1*" />
        </Grid.ColumnDefinitions>

        <!--Details Tab-->

        <StackLayout Grid.Row="0"
                     Grid.Column="0"
                     Padding="7.5"
                     VerticalOptions="FillAndExpand">
           <Button Clicked="Tab1Clicked" Text="Tab1">

        </StackLayout>

        <!-- Tab 2 -->
        <StackLayout Grid.Row="0"
                     Grid.Column="2"
                     Padding="7.5"
                     VerticalOptions="FillAndExpand">
            <Button Clicked="Tab2Clicked" Text="Tab2">
        </StackLayout>
    </Grid>
</StackLayout>

    <!-- tab 1 container -->
    <StackLayout x:Name="stkTab1">
    </StackLayout>

    <!-- tab 2 container -->
    <StackLayout x:Name="stkTab2" IsVisible="false">
    </StackLayout>

演示代碼cs文件

private void Tab1Clicked(object sender, EventArgs e)
{
    stkTab1.IsVisible=true;
    stkTab2.IsVisible=false;
}

private void Tab2Clicked(object sender, EventArgs e)
{
    stkTab1.IsVisible=false;
    stkTab2.IsVisible=true;
}

Answer 2

其中一種方法是創建控件模板，在任何布局中添加頂部部分，並在內容呈現器中插入選項卡頁面。

https://developer.xamarin.com/guides/xamarin-forms/application-fundamentals/templates/control-templates/creating/