如何使用XAML在制表符下显示文本?

ldfqzlk8  于 2023-04-03  发布在  其他
关注(0)|答案(1)|浏览(166)
<StackLayout>
                <Frame CornerRadius="10">
                    <Grid>
                        <xyt:TabView x:Name="tabView" VerticalOptions="FillAndExpand">
                            <xyt:TabViewItem Text="Tab1" TextColorSelected="Orange">
                                <StackLayout VerticalOptions="EndAndExpand">
                                    <Label Text="I don't know. help me pls." />
                                </StackLayout>
                            </xyt:TabViewItem>
                            <xyt:TabViewItem Text="Tab2" TextColorSelected="orange">
                                <StackLayout VerticalOptions="EndAndExpand">
                                    <Button Text="Comment" />
                                </StackLayout>
                            </xyt:TabViewItem>
                        </xyt:TabView>
                    </Grid>
                </Frame>
            </StackLayout>

代码中有两个标签,Text=“Tab 1”和Text=“Tab 2”,我编写了代码,所以如果我单击其中一个,文本的颜色就会变为橙子。我卡住的部分是,在Tab 1中,我希望在Tab 1下面显示另一个文本,我写了,但文本不会显示在Tab 1下,也不会显示我放在Tab 2下的按钮,我怎样才能使它的文本显示在选定的标签下?(我是这个语言的初学者)
我看了一个youtube视频,这个家伙使用<ContentPage.Resources>了〈ResourceDictionary,添加了一些东西,然后在代码中添加了ControlTemplate="{StaticResource CustomTab}。我也应该这样做吗?

u91tlkcl

u91tlkcl1#

您可以参考下面的代码,了解如何添加文本或下面显示的其他内容Tabs

样品代码:

<Frame CornerRadius="10">
    <Grid>
           <xyt:TabView
                TabStripHeight="60"
                VerticalOptions="FillAndExpand">

            <xyt:TabViewItem           
                    Text="Tab 1"                 
                    TextColorSelected="Orange"
                    FontSize="12">

                <StackLayout                 
                       VerticalOptions="StartAndExpand">

                    <Label 
                            Text="I don't know. help me pls" />

                </StackLayout>

            </xyt:TabViewItem>

            <xyt:TabViewItem

                    Text="Tab 2"
                    TextColorSelected="Orange"
                    FontSize="12">

                <StackLayout VerticalOptions="EndAndExpand">

                    <Button   Text="Comment" />

                </StackLayout>

            </xyt:TabViewItem>

        </xyt:TabView>

    </Grid>
 </Frame>

输出:

相关问题