当没有选项卡存在或选择时，如何设置 UWP TabView 的默认内容？答案

【问题标题】：How do I set the default content of UWP TabView, when there are no tabs present or selected?当没有选项卡存在或选择时，如何设置 UWP TabView 的默认内容？
【发布时间】：2020-03-31 02:51:19
【问题描述】：

当没有显示选项卡项目或未选择任何选项卡时， Microsoft.Toolkit.Uwp.UI.Controls.TabView 显示一个空白画布。

如何修改？

TabView 似乎没有内容属性？

编辑：

看起来这并不简单：

https://github.com/windows-toolkit/WindowsCommunityToolkit/blob/master/Microsoft.Toolkit.Uwp.UI.Controls/TabView/TabView.cs

164 英寸

...
            if (_tabContentPresenter != null)
            {
                if (SelectedItem == null)
                {
                    _tabContentPresenter.Content = null;
                    _tabContentPresenter.ContentTemplate = null;
                }
                else
                {
                    if (ContainerFromItem(SelectedItem) is TabViewItem container)
                    {
                        _tabContentPresenter.Content = container.Content;
                        _tabContentPresenter.ContentTemplate = container.ContentTemplate;
                    }
                }
            }
...

【问题讨论】：

标签： uwp tabview windows-community-toolkit

【解决方案1】：

如果你想在没有选项卡的情况下为 TabView 设置默认视图，你可以手动设置默认视图，然后将默认视图放在 TabView 上方以覆盖其内容区域。当没有选项卡时，可以将视图的 Visibility 设置为 Visible 以显示它。不建议修改tabView本身来实现。比如下面的MyDefaultView就是我设置的默认内容。

.xaml:

<Grid>
    <controls:TabView x:Name="MyTabView" TabItemsSource="{x:Bind Lists,Mode=OneWay}">
    </controls:TabView>

    <StackPanel Background="AliceBlue" Margin="0,40,0,0" x:Name="MyDefaultView">
        <Image Source="Assets/StoreLogo.png" Width="300" Height="300"></Image>
        <TextBlock TextAlignment="Center">welcome, please add tabs</TextBlock>
    </StackPanel>
</Grid>

.cs:

if (Lists.Count > 0)
{
    MyDefaultView.Visibility = Visibility.Collapsed;
}
else 
{
    MyDefaultView.Visibility = Visibility.Visible;
}

【讨论】：