根据WPF中选定的选项卡项显示内容

本文关键字：显示 选项 WPF 根据 | 更新日期: 2023-09-27 18:20:20

我有一个名为应用程序窗口的应用程序。其中我需要在选项卡项目中显示已安装的应用程序。每个选项卡项都包含有关其相应应用程序的数据。如果安装了新的应用程序，则窗口将为新安装的应用程序创建一个新的选项卡项目。

*我已经根据安装的应用程序创建了一个新的选项卡项目。

我使用的代码：

private List<TabItem> _tabItems; 
private TabItem _tabAdd;
try
{
    _tabItems = new List<TabItem>();
    InstalledApps.DataContext = _tabItems;
    InstalledApps.SelectedIndex = 0;
    if (A Installed)
        this.AddTabItem("A");
    if (B Installed)
        this.AddTabItem("B");
}
catch (Exception ex)
{
}

private TabItem AddTabItem(string AppName)
{
    int count = 1;
    // create new tab item
    TabItem tab = new TabItem();
    tab.Header = AppName;
    string tabName = AppName.ToLower();
    tab.Name = tabName;
    tab.HeaderTemplate = InstalledApps.FindResource("TabHeader") as DataTemplate;
    TextBox txt = new TextBox();
    txt.IsReadOnly = true;
    tab.Content = txt;
    _tabItems.Insert(count - 1, tab);
    return tab;
}

Xaml:

<TabControl Height="555" HorizontalAlignment="Left" Margin="0,-27,0,0" Name=" InstalledApps " ItemsSource="{Binding}" BorderThickness="0,0,0,0" SelectionChanged=" InstalledApps_SelectionChanged" VerticalAlignment="Top" Width="992" Grid.ColumnSpan="3" Grid.RowSpan="4">
    <TabControl.Resources>
        <Style TargetType="TabItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="TabItem">
                        <Grid Name="Panel">
                            <ContentPresenter x:Name="ContentSite" VerticalAlignment="Center" 
                              HorizontalAlignment="Center" ContentSource="Header" Margin="80,10" />
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter TargetName="Panel" Property="Background" Value="#FFEFEFEF" />
                            </Trigger>
                            <Trigger Property="IsSelected" Value="False">
                                <Setter TargetName="Panel" Property="Background" Value="#FFE0E0E0" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <DataTrigger Binding="{Binding Items.Count, RelativeSource={RelativeSource Self}}" Value="0">
                    <Setter Property="Visibility" Value="Hidden" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
        <DataTemplate x:Key="TabHeader" DataType="TabItem">
            <DockPanel>
                <TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType=TabItem }, Path=Header}" />
            </DockPanel>
        </DataTemplate>
    </TabControl.Resources>
</TabControl>

我的要求是：当我从列出的选项卡项目中选择任何人选项卡时，它应该在内容部分显示相应的内容（徽标、应用程序名称）。

提前感谢，Kathiresan S.

根据WPF中选定的选项卡项显示内容

创建表示要显示的数据的类。例如：

public class AppDetails {
   public Uri Logo { get; set; }
   public string AppName { get; set; }
   //etc
}

然后将AppDetails设置为TabItem.Content，并像使用HeaderTemplate一样定义TabItem.ContentTemlate。

tab.ContentTemplate = InstalledApps.FindResource("TabContent") as DataTemplate;
tab.Content = new AppDetails{ ... };

或者，您可以跳过ContentTemplate，直接将一些FrameworkElement（例如自定义UserControl）分配给选项卡内容：

tab.Content = new AppDetailsUserControl(AppName, Logo);

ans to如果安装了新的应用程序，则窗口将为新安装的应用程序创建一个新的选项卡项

  1. 您应该将TabControl的DataContext绑定到ObservableCollection，这样后端添加的任何新Tabitem都将直接显示UI

Ans to当我从列出的选项卡项目中选择任何选项卡时，它应该在内容部分中显示相应的内容（徽标、应用程序名称）

  1. 您应该将内容tab.Content设置为UserControl或Model（如果Model，则在ResourceDictionary中定义DataTemplate）。UserControl或DataTemplate可以定义应该在什么控件及其视觉层次结构中显示什么信息
相关文章：