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

C# 根据WPF中选定的选项卡项显示内容,c#,wpf,xaml,tabcontrol,tabitem,C#,Wpf,Xaml,Tabcontrol,Tabitem,我有一个名为App Window的应用程序。其中我需要在选项卡项中显示已安装的应用程序。每个选项卡项都包含有关其相应应用程序的数据。如果安装了新的应用程序,则Windows将为新安装的应用程序创建一个新的选项卡项 *我已经根据安装的应用程序创建了一个新的选项卡项 我使用的代码: private List<TabItem> _tabItems; private TabItem _tabAdd; try { _tabItems = new List<TabItem>

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

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

我使用的代码:

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;
}
private List\u tab项目;
私有选项卡项_tabAdd;
尝试
{
_tabItems=新列表();
InstalledApps.DataContext=\u tabItems;
InstalledApps.SelectedIndex=0;
如果(已安装)
本附录第(A)项;
如果安装了(B)
本附录第(B)项;
}
捕获(例外情况除外)
{
}
私有TabItem AddTabItem(字符串AppName)
{
整数计数=1;
//创建新选项卡项
TabItem tab=新TabItem();
tab.Header=AppName;
字符串tabName=AppName.ToLower();
tab.Name=tabName;
tab.HeaderTemplate=InstalledApps.FindResource(“TabHeader”)作为数据模板;
TextBox txt=新的TextBox();
txt.IsReadOnly=true;
tab.Content=txt;
_tabItems.Insert(计数-1,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>

我的要求是: 当我从列出的选项卡项中选择“任何人”选项卡时,它应该在is内容部分中显示其相应的内容(徽标、应用程序名称)

提前感谢,, Kathiresan S.

回答如果安装了新的应用程序,则窗口将为新安装的应用程序创建一个新的选项卡项

  • 您应该将TabControl的DataContext绑定到ObservableCollection,以便后端添加的任何新Tabitem都将直接显示在UI中
  • 当我从列出的选项卡项中选择“任何人”选项卡时,它应该在is内容部分中显示其相应的内容(徽标、应用程序名称)

  • 您应该将内容
    选项卡.content
    设置为用户控件或模型(如果是模型,则在ResourceDictionary中定义DataTemplate)。UserControl或DataTemplate可以定义应在哪个控件上显示哪些信息及其视觉层次结构

  • 创建表示要显示的数据的类。e、 g:

    public class AppDetails {
       public Uri Logo { get; set; }
       public string AppName { get; set; }
       //etc
    }
    
    然后将AppDetails设置为
    TabItem.Content
    ,并定义
    TabItem.ContentTemlate
    ,与使用HeaderTemplate时的定义类似

    tab.ContentTemplate = InstalledApps.FindResource("TabContent") as DataTemplate;
    tab.Content = new AppDetails{ ... };
    
    或者,您可以跳过ContentTemplate并将某些框架元素(例如自定义用户控件)直接指定给选项卡内容:

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

    运行应用程序时是否在TabControl中看到任何项?是。我的应用程序在应用程序窗口中显示选项卡项A和B。