是否有可能在XamarinForm中的页面内有一个选项卡?

时间:2017-10-25 17:56:59

标签: xamarin.forms xamarin.android

我键入了“tab”,智能感知中唯一似乎是相关的东西是“TabbedPage”。我搜索了Google,它也只显示了标签页。

但如果我想在标签上方添加其他内容怎么办?像这样的东西?这是否可以用Xamarin表格实现?它可以在原生Android中使用。

--------------------
Text inputs, buttons

---------------------

 tabbed or swipe-able
     content




--------------------

1 个答案:

答案 0 :(得分:0)

TabbedPage是一个页面,不是一个视图,因此您不能将其包含在另一个页面中。

在GitHub上有一些你可以使用的TabView。例如XFControls

  <ctrls:TabView.TabTemplate>
    <DataTemplate>
      <StackLayout>
        <ctrls:FontIcon Glyph="{Binding Glyph}"
                        FontFamily="{StaticResource font}"
                        FontSize="25"
                        Color="Gray"
                        HorizontalOptions="Center"
                      >
          <ctrls:FontIcon.Triggers>
            <DataTrigger TargetType="ctrls:FontIcon"
                         Binding="{Binding IsSelected}"
                         Value="True"
                         >
              <Setter Property="Color" Value="Red" />
            </DataTrigger>
          </ctrls:FontIcon.Triggers>
        </ctrls:FontIcon>

        <Label Text="{Binding Title}"
               TextColor="Gray"
               HorizontalOptions="Center"
               VerticalOptions="CenterAndExpand"
               FontSize="10">

          <Label.Triggers>
            <DataTrigger TargetType="Label"
                         Binding="{Binding IsSelected}"
                         Value="True"
                       >
              <Setter Property="TextColor" Value="Red" />
            </DataTrigger>
          </Label.Triggers>
        </Label>

      </StackLayout>
    </DataTemplate>
  </ctrls:TabView.TabTemplate>

  <ctrls:TabView.ItemTemplate>
    <DataTemplate>
      <Label Text="{Binding Title}"
             HorizontalOptions="Center" />          
    </DataTemplate>
  </ctrls:TabView.ItemTemplate>

</ctrls:TabView>