在C#中构建UWP TabView(Microsoft.Toolkit.UWP.UI.Controls;)



我对在代码中动态构建UWP TabView控件感兴趣。经过广泛搜索,我找不到任何证明这一点的文件。

我感兴趣的是构建一个包含多个选项卡的选项卡视图,并在这些选项卡中放置控件。任何C#示例都会有所帮助,因为到目前为止我看到的都是预配置的XAML。

到目前为止,我尴尬地停留在TabView选项卡=新TabView();

这里有一个超级简单(代码隐藏)的例子,应该可以让您开始。

考虑这个带有命名帧标签的基本视图:

<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;
}
}
}

希望它能帮助你。

最新更新