我们可以在xamarin表单的标签页上添加内容吗?

时间:2018-01-02 02:51:29

标签: c# xaml xamarin.forms

我想在xamarin表单的标签页上方添加一些标签和图片,因此当我滑动到另一个标签页时,标签页上方的内容将保持不变,这里是设计enter image description here

我可以实现这个目标,因为我找不到任何参考吗?

2 个答案:

答案 0 :(得分:1)

如果您要在标签页上方添加标签,则无法在选项卡页面上添加标签。您必须在自己的标签页上添加标签。

您可以根据您的选择创建显示/隐藏的布局创建选项卡设计并点击手势到标签并管理布局的显示/隐藏

演示代码Xaml文件

 --> src/a.rs:1:5
  |
1 | use b;
  |     ^ no `b` in the root. Did you mean to use `a`?


演示代码cs文件

<!--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>

答案 1 :(得分:1)

其中一种方法是创建控件模板,在任何布局中添加顶部部分,并在内容展示器中插入标签页。

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