WPF - CUMUL onglets personnalisés dans un TabControl et ZIndex

Question

Problème
J'ai un contrôle onglet personnalisé à l'aide des onglets en forme de Chrome qui se fixe à un ViewModel. En raison de la forme, les bords se chevauchent un peu. J'ai une fonction qui définit le ZIndex de tabItem sur TabControl_SelectionChanged qui fonctionne très bien pour sélectionner les onglets, et glisser/déposer des onglets, cependant quand j'ajoute ou ferme un onglet via une commande de relais, je reçois des résultats inhabituels. Quelqu'un a-t-il une idée?

vue par défaut:

Retrait Tabs:

Ajout de 2 ou plusieurs onglets dans une rangée:

L'ajout de plus d'un onglet à la fois ne réinitialisera pas le zindex des autres onglets ajoutés récemment pour qu'ils passent derrière l'onglet de droite, et les onglets de fermeture ne rendront pas correctement l'index ZIndex de SelectedTab qui le remplace et apparaîtra derrière le onglet sur sa droite.

code pour définir ZIndex

private void PrimaryTabControl_SelectionChanged(object sender, SelectionChangedEventArgs e) 
    { 
     if (e.Source is TabControl) 
     { 
      TabControl tabControl = sender as TabControl; 
      ItemContainerGenerator icg = tabControl.ItemContainerGenerator; 
      if (icg.Status == System.Windows.Controls.Primitives.GeneratorStatus.ContainersGenerated) 
      { 
       foreach (object o in tabControl.Items) 
       { 
        UIElement tabItem = icg.ContainerFromItem(o) as UIElement; 
        Panel.SetZIndex(tabItem, (o == tabControl.SelectedItem ? 100 : 
         90 - tabControl.Items.IndexOf(o))); 
       } 
      } 
     } 
    } 

En utilisant des points d'arrêt que je peux voir qu'il est le réglage correct du ZIndex à ce que je veux qu'il, mais la mise en page ne montre pas les changements. Je sais que certains des changements sont en vigueur parce que si aucun d'entre eux ne fonctionnait, alors les bords des onglets seraient inversés (les onglets de droite seraient dessinés en haut de ceux de gauche). Cliquer sur un onglet définira correctement le zindex de tous les onglets (y compris celui qui doit être dessiné sur le dessus) et les faire glisser/les déposer pour les réorganiser rendra également les rendus correctement (ce qui supprime et réinsère l'élément tabulation). La seule différence que je peux penser est que j'utilise le modèle de conception MVVM et les boutons que les onglets Ajouter/Fermer sont des commandes de relais.

Quelqu'un at-il une idée de pourquoi cela se produit et comment je peux le réparer?

p.s. J'ai essayé de définir un ZIndex dans mon ViewModel et de le lier, cependant la même chose se produit lors de l'ajout/suppression de tabulations via la commande de relais.

Answer 1

Merci Abe, votre deuxième commentaire m'amène à ma solution! J'ai ajouté tabItem.Dispatcher.Invoke(DispatcherPriority.Render, EmptyDelegate); à chaque itération de la boucle.

Je serais toujours intéressé d'apprendre si quelqu'un d'autre trouve un moyen de contourner cela sans rafraîchir chaque tabItem à chaque changement. J'ai essayé d'actualiser tout le contrôle onglet à la fin de la boucle, mais cela ne fonctionnait que pour la fermeture des onglets, ne pas les ajouter. Je sais que Panel.ZIndex est réglé correctement, il ne respecte pas cette propriété lors du rendu.

EDIT: La ligne de code ci-dessus provoquait un scintillement inhabituel lorsque vous glissiez/supprimiez les onglets qui montraient brièvement l'onglet derrière celui qui était déplacé. J'ai déplacé le code vers une fonction séparée et l'ai appelée à une priorité inférieure du répartiteur, ce qui a corrigé le problème. Le code final est ci-dessous:

private void PrimaryTabControl_SelectionChanged(object sender, SelectionChangedEventArgs e) 
    { 
     if (e.Source is TabControl) 
     { 
      TabControl tabControl = sender as TabControl; 

      tabControl.Dispatcher.BeginInvoke(
       new Action(() => UpdateZIndex(sender as TabControl)), 
       DispatcherPriority.Background); 
     } 
    } 

    private void UpdateZIndex(TabControl tabControl) 
    { 
     ItemContainerGenerator icg = tabControl.ItemContainerGenerator; 

     if (icg.Status == System.Windows.Controls.Primitives.GeneratorStatus.ContainersGenerated) 
     { 
      foreach (object o in tabControl.Items) 
      { 
       UIElement tabItem = icg.ContainerFromItem(o) as UIElement; 
       if (tabItem != null) 
       { 
        // Set ZIndex 
        Panel.SetZIndex(tabItem, (o == tabControl.SelectedItem ? 100 : 
         90 - tabControl.Items.IndexOf(o))); 
       } 
      } 
     } 
    } 

Answer 2

Il semble que vous ayez juste besoin de relancer votre algorithme lorsque la collection change. Puisque vous testez la propriété ItemContainerGenerator.Status, l'algorithme peut ne pas s'exécuter. Vous souhaiterez peut-être envisager d'écouter l'événement StatusChanged et, lorsqu'il sera remplacé par ContainersGenerated, réexécuter l'algorithme.