Блог

Я создаю этот шаблон для своих элементов TabItems в файле App.xaml, чтобы я мог использовать пользовательский стиль для заголовков моего элемента TabItem.

 <Style x:Key="MyTabItemHeader" TargetType="{x:Type TabItem}">
        <Setter Property="HeaderTemplate">
            <Setter.Value>
                <DataTemplate DataType="{x:Type TabItem}">

                    <Border BorderBrush="Gray" CornerRadius="6" Background="LightGray" BorderThickness="0.5" Padding="1" Margin="2,4,2,4">
                        
                        <StackPanel Orientation="Horizontal" Height="28" MinWidth="60" MinHeight="20" >
                            
                            <fa:FontAwesome Name="ItemIconXaml" FontSize="22" Margin="10,0" Foreground="#0C0239"  VerticalAlignment="Center"/>
                            <TextBlock Text="{Binding Header}" Name="ItemNamexaml" FontSize="20" VerticalAlignment="Center" Foreground="#0C0239" FontFamily="Segoe Script"/>
                            <fa:FontAwesome Icon="Close" FontSize="18" Margin="10,0" VerticalAlignment="Center" Foreground="#CCA09F9F" HorizontalAlignment="Right" MouseDown="FontAwesome_MouseDown"/>
                                    
                        </StackPanel>
                    </Border>
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
  

В коде позади окна, которое отвечает за отображение TabControl с его элементами TabItems. Итак, я динамически добавляю элементы TabItem в TabControl.

 public partial class Accueil : Window
{
    public Accueil()
    {
        InitializeComponent();

        // Definition des contents des Tabitems

        AjouterPatientTabItem.Content = ajouterPatientUserControl;
        FacturesDuJourTabItem.Content = facturesDuJourUserControl;
        MainHomeTabItem.Content = mainHomeUserControl;
        RegistreTabItem.Content = registreUserControl;
        ParamètresTabItem.Content = paramètresUserControl;

        // Attribution des names des TabItem
        
        //Ajouter Patient TabItem
        AjouterPatientTabItem.Header = "Nouveau patient";
     //   AjouterPatientTabItem.Style = (Style)Application.Current.Resources["MyTabItemHeader"];
        

        //Facture du patient TabItem
        FacturesDuJourTabItem.Header = "Factures du jour";
      //  FacturesDuJourTabItem.Style = (Style)Application.Current.Resources["MyTabItemHeader"];

        //MainHome 
        MainHomeTabItem.Header = "Accueil";
      //  MainHomeTabItem.Style = (Style)Application.Current.Resources["MyTabItemHeader"];

        //Registre
        RegistreTabItem.Header = "Registre";
           
      //  RegistreTabItem.Style = (Style)Application.Current.Resources["MyTabItemHeader"];
        
        //Paramêtres 
        ParamètresTabItem.Header = "Paramètres";
        //  ParamètresTabItem.Style = (Style)Application.Current.Resources["MyTabItemHeader"];



        //

     //   TabControlItems.ItemContainerStyle = (Style)Application.Current.Resources["TabItemStyle"];
        TabControlItems.ItemContainerStyle = (Style)Application.Current.Resources["MyTabItemHeader"];

        displayedItems.Add(MainHomeTabItem);

        this.TabControlItems.ItemsSource = displayedItems;    
    }

    private ObservableCollection<TabItem> displayedItems = new ObservableCollection<TabItem>();

    public ObservableCollection<TabItem> DisplayedItems
    {
        get { return displayedItems; }
        set { displayedItems = value; }
    }

    //Instanciation des Usercontrols 

    public Home ajouterPatientUserControl = new Home("Accueil", "Home");
    public FacturesDuJour facturesDuJourUserControl = new FacturesDuJour();
    public mainHome mainHomeUserControl = new mainHome();
    public Paramètres paramètresUserControl = new Paramètres();
    public Registre registreUserControl = new Registre();

    // Instanciation des Tabs items 

    public TabItem AjouterPatientTabItem = new TabItem();
    public TabItem FacturesDuJourTabItem = new TabItem();
    public TabItem MainHomeTabItem = new TabItem();
    public TabItem ParamètresTabItem = new TabItem();

    public TabItem RegistreTabItem = new TabItem();

    private void AccueilBtn_Click(object sender, RoutedEventArgs e)
    {
        // MainHomeTabItem.IsSelected = true;

        if (!displayedItems.Contains(MainHomeTabItem))
        {
            displayedItems.Add(MainHomeTabItem);
            TabControlItems.SelectedItem = MainHomeTabItem;
        }
        else
        {
            TabControlItems.SelectedItem = MainHomeTabItem;
        }
    }

    private void FactureDuJourBtn_Click(object sender, RoutedEventArgs e )
    {
        // FactureDuJourTabItem.IsSelected = true;

        if (!displayedItems.Contains(FacturesDuJourTabItem))
        {
            displayedItems.Add(FacturesDuJourTabItem);
            TabControlItems.SelectedItem = FacturesDuJourTabItem;
        }
        else
        {
            TabControlItems.SelectedItem = FacturesDuJourTabItem;
        }          
    }

    private void QuitterBtn_Click(object sender, RoutedEventArgs e)
    {
        Window Quitter = new QuitterMessageBox();
        Quitter.ShowDialog();
    }

    private void AjouterNouveauPatientBtn_Click(object sender, RoutedEventArgs e)
    {
        // AccueilTabItem.IsSelected = true;

        if (!displayedItems.Contains(item: AjouterPatientTabItem))
        {
            displayedItems.Add(AjouterPatientTabItem);
            TabControlItems.SelectedItem = AjouterPatientTabItem;
        }
        else
        {
            TabControlItems.SelectedItem = AjouterPatientTabItem;
        }
    }

    private void RegistreBtn_Click(object sender, RoutedEventArgs e)
    {
        // RegistreTabItem.IsSelected = true;

        if (!displayedItems.Contains(item: RegistreTabItem))
        {
            displayedItems.Add(RegistreTabItem);
            TabControlItems.SelectedItem = RegistreTabItem;
        }
        else
        {
            TabControlItems.SelectedItem = RegistreTabItem;
        
        }
    }

    private void parametresBtn_Click(object sender, RoutedEventArgs e)
    {
        // ParamètresTabItem.IsSelected = true;

        if (!displayedItems.Contains(item: ParamètresTabItem))
        {
            displayedItems.Add(ParamètresTabItem);
            TabControlItems.SelectedItem = ParamètresTabItem;
        }
        else
        {
            TabControlItems.SelectedItem = ParamètresTabItem;
        }
    }

    private void Window_closing(object sender, CancelEventArgs e)
    {
        e.Cancel = true;
        Window Quitter = new QuitterMessageBox();

        Quitter.ShowDialog();

    }

    private void AccueilTabCloseTabBtn_MouseDown(object sender, MouseButtonEventArgs e)
    {   
        displayedItems.RemoveAt(TabControlItems.SelectedIndex);
    }
}
  

В Xaml класса Accueil я создаю TabControl

 <TabControl x:Name="TabControlItems" ItemsSource="{Binding displayedItems}">
                    

 </TabControl>
  

Когда я запускаю приложение, я не показываю текст заголовка. Он ничего не показывает.
Пожалуйста, помогите мне в этом.

Извините, если мой английский не идеален.

Вы должны привязаться к DataContext самому вместо того, чтобы пытаться привязать к Header свойству:

 <TextBlock Text="{Binding}" Name="ItemNamexaml"
           FontSize="20" VerticalAlignment="Center" Foreground="#0C0239" FontFamily="Segoe Script"/>
  

DataContext Корневого элемента в HeaderTemplate является значением Header свойства.

В настоящее время Binding to TabControl.ItemsSource не разрешается. Это потому, что свойство displayedItems не может быть найдено в текущем TabControl.DataContext .

Добавить this.DataContext = this; в конструктор Accueil :

 public Accueil()
{
  InitializeComponent();
  this.DataContext = this;
}
  

Этот способ Accueil будет неявно присвоен (унаследован) TabControl.DataContext .

В качестве альтернативы, например, если вы не хотите устанавливать для DataContext родительского элемента управления и его дочерних элементов значение Accueil , измените Binding на

 <TabControl ItemsSource="{Binding RelativeSource={RelativeSource AncestorType=Accueil}, Path=displayedItems}" />
  

TabControl Должен быть привязан не к коллекции TabItem (которые являются контейнерами элементов), а к коллекции классов моделей. TabControl Сгенерирует эти контейнеры внутренне, автоматически применяя стили и шаблоны.