Question

我对用代码动态构建UWP TabView控件感兴趣。经过大量搜索后，我找不到任何能证明这一点的文档。

我对构建带有多个选项卡的选项卡视图并将控件放入选项卡感兴趣。任何C＃示例都将有所帮助，因为到目前为止，我所看到的都是预先配置的XAML。

到目前为止，我陷入了尴尬的境地，TabView tab = new TabView（）;

Answer 1

这是一个非常简单的示例（后面有代码），可以帮助您入门。

使用命名的框架标签考虑以下基本视图：

<Page ...>    
    <Grid>
        <Frame Name="MainPageFrame"/>
    </Grid>
</Page>

创建TabItem对象，并将其内容设置为所需的内容，在此示例中，只是简单的文本框。将它们添加到集合（在本例中为List <>）中，并将其分配给TabView的ItemSource属性。最后，将框架的Content属性设置为新创建的TabView。就是这样！

using Microsoft.UI.Xaml.Controls;
using System.Collections.Generic;
using Windows.UI.Xaml.Controls;

namespace UWPTest
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            var tabView = new TabView();
            var itemSource = new List<TabViewItem>
            {
                new TabViewItem{ Header = "Tab 1", Content = new TextBlock{ Text = "Hello Tab 1!"} },
                new TabViewItem{ Header = "Tab 2", Content = new TextBlock{ Text = "Hello Tab 2!"} },
                new TabViewItem{ Header = "Tab 3", Content = new TextBlock{ Text = "Hello Tab 3!"} },
            };
            tabView.TabItemsSource = itemSource;
            MainPageFrame.Content = tabView;
        }
    }
}

希望它对您有帮助。

在C＃中构建UWP TabView（Microsoft.Toolkit.Uwp.UI.Controls;）

1 个答案: