Como preservar o estado do controle nos itens da guia em um TabControl

Eu sou um recém-chegado ao WPF, tentando construir um projeto que segue as recomendações do excelente artigo de Josh Smith que descreve o modelo de projeto Model-View-ViewModel .

Usando o código de exemplo de Josh como base, criei um aplicativo simples que contém várias “áreas de trabalho”, cada uma representada por uma guia em um TabControl. Em meu aplicativo, um espaço de trabalho é um editor de documentos que permite que um documento hierárquico seja manipulado por meio de um controle TreeView.

Embora eu tenha conseguido abrir vários espaços de trabalho e visualizar o conteúdo do documento no controle TreeView vinculado, descubro que o TreeView “esquece” seu estado ao alternar entre as guias. Por exemplo, se o TreeView na Tab1 é parcialmente expandido, ele será mostrado como totalmente recolhido depois de alternar para a Tab2 e retornar à Tab1. Esse comportamento parece se aplicar a todos os aspectos do estado de controle para todos os controles.

Depois de alguma experimentação, percebi que posso preservar o estado dentro de um TabItem, vinculando explicitamente cada propriedade de estado de controle a uma propriedade dedicada no ViewModel subjacente. No entanto, isso parece um monte de trabalho adicional, quando eu simplesmente quero que todos os meus controles se lembrem de seu estado ao alternar entre os espaços de trabalho.

Suponho que estou sentindo falta de algo simples, mas não tenho certeza de onde procurar a resposta. Qualquer orientação seria muito apreciada.

Obrigado, tim

Atualizar:

Conforme solicitado, tentarei postar algum código que demonstre esse problema. No entanto, como os dados subjacentes ao TreeView são complexos, publicarei um exemplo simplificado que exibe os mesmos sintomas. Aqui está o XAML da janela principal:

            

O XAML acima corretamente vincula a um ObservableCollection de DocumentViewModel, pelo qual cada membro é apresentado por meio de um DocumentView.

Pela simplicidade deste exemplo, eu removi o TreeView (mencionado acima) do DocumentView e o substituí por um TabControl contendo 3 guias fixas:

      

Nesse cenário, não há binding entre o DocumentView e o DocumentViewModel. Quando o código é executado, o TabControl interno é incapaz de lembrar sua seleção quando o TabControl externo é alternado.

No entanto, se eu ligar explicitamente a propriedade SelectedIndex interna do TabControl …

      

… para uma propriedade fictícia correspondente no DocumentViewModel …

 public int SelecteDocumentIndex { get; set; } 

… a aba interna é capaz de lembrar sua seleção.

Eu entendo que posso efetivamente resolver meu problema aplicando essa técnica a todas as propriedades visuais de cada controle, mas espero que haja uma solução mais elegante.

O aplicativo de exemplo do Writer do WPF Application Framework (WAF) mostra como resolver seu problema. Cria um novo UserControl para cada TabItem. Portanto, o estado é preservado quando o usuário altera a guia ativa.

Eu consegui resolvê-lo com essa dica WPF TabControl: Turning Off Tab Virtualization de guias em http://www.codeproject.com/Articles/460989/WPF-TabControl-Turning-Off-Tab-Virtualization esta é uma class de TabContent com propriedade IsCached.

Eu tive o mesmo problema e encontrei uma boa solução, você pode usá-lo como um TabControl normal, tanto quanto eu testei. Caso seja importante para você aqui a Licença Atual

Aqui o código no caso do link cair:

 using System; using System.Collections.Specialized; using System.Windows; using System.Windows.Controls; using System.Windows.Controls.Primitives; namespace CefSharp.Wpf.Example.Controls { ///  /// Extended TabControl which saves the displayed item so you don't get the performance hit of /// unloading and reloading the VisualTree when switching tabs ///  ///  /// Based on example from http://stackoverflow.com/a/9802346, which in turn is based on /// http://www.pluralsight-training.net/community/blogs/eburke/archive/2009/04/30/keeping-the-wpf-tab-control-from-destroying-its-children.aspx /// with some modifications so it reuses a TabItem's ContentPresenter when doing drag/drop operations ///  [TemplatePart(Name = "PART_ItemsHolder", Type = typeof(Panel))] public class NonReloadingTabControl : TabControl { private Panel itemsHolderPanel; public NonReloadingTabControl() { // This is necessary so that we get the initial databound selected item ItemContainerGenerator.StatusChanged += ItemContainerGeneratorStatusChanged; } ///  /// If containers are done, generate the selected item ///  /// The sender. /// The  instance containing the event data. private void ItemContainerGeneratorStatusChanged(object sender, EventArgs e) { if (ItemContainerGenerator.Status == GeneratorStatus.ContainersGenerated) { ItemContainerGenerator.StatusChanged -= ItemContainerGeneratorStatusChanged; UpdateSelectedItem(); } } ///  /// Get the ItemsHolder and generate any children ///  public override void OnApplyTemplate() { base.OnApplyTemplate(); itemsHolderPanel = GetTemplateChild("PART_ItemsHolder") as Panel; UpdateSelectedItem(); } ///  /// When the items change we remove any generated panel children and add any new ones as necessary ///  /// The  instance containing the event data. protected override void OnItemsChanged(NotifyCollectionChangedEventArgs e) { base.OnItemsChanged(e); if (itemsHolderPanel == null) return; switch (e.Action) { case NotifyCollectionChangedAction.Reset: itemsHolderPanel.Children.Clear(); break; case NotifyCollectionChangedAction.Add: case NotifyCollectionChangedAction.Remove: if (e.OldItems != null) { foreach (var item in e.OldItems) { var cp = FindChildContentPresenter(item); if (cp != null) itemsHolderPanel.Children.Remove(cp); } } // Don't do anything with new items because we don't want to // create visuals that aren't being shown UpdateSelectedItem(); break; case NotifyCollectionChangedAction.Replace: throw new NotImplementedException("Replace not implemented yet"); } } protected override void OnSelectionChanged(SelectionChangedEventArgs e) { base.OnSelectionChanged(e); UpdateSelectedItem(); } private void UpdateSelectedItem() { if (itemsHolderPanel == null) return; // Generate a ContentPresenter if necessary var item = GetSelectedTabItem(); if (item != null) CreateChildContentPresenter(item); // show the right child foreach (ContentPresenter child in itemsHolderPanel.Children) child.Visibility = ((child.Tag as TabItem).IsSelected) ? Visibility.Visible : Visibility.Collapsed; } private ContentPresenter CreateChildContentPresenter(object item) { if (item == null) return null; var cp = FindChildContentPresenter(item); if (cp != null) return cp; var tabItem = item as TabItem; cp = new ContentPresenter { Content = (tabItem != null) ? tabItem.Content : item, ContentTemplate = this.SelectedContentTemplate, ContentTemplateSelector = this.SelectedContentTemplateSelector, ContentStringFormat = this.SelectedContentStringFormat, Visibility = Visibility.Collapsed, Tag = tabItem ?? (this.ItemContainerGenerator.ContainerFromItem(item)) }; itemsHolderPanel.Children.Add(cp); return cp; } private ContentPresenter FindChildContentPresenter(object data) { if (data is TabItem) data = (data as TabItem).Content; if (data == null) return null; if (itemsHolderPanel == null) return null; foreach (ContentPresenter cp in itemsHolderPanel.Children) { if (cp.Content == data) return cp; } return null; } protected TabItem GetSelectedTabItem() { var selectedItem = SelectedItem; if (selectedItem == null) return null; var item = selectedItem as TabItem ?? ItemContainerGenerator.ContainerFromIndex(SelectedIndex) as TabItem; return item; } } } 

Licença no Copietime

 // Copyright © 2010-2016 The CefSharp Authors // // Redistribution and use in source and binary forms, with or without // modification, are permitted provided that the following conditions are // met: // // * Redistributions of source code must retain the above copyright // notice, this list of conditions and the following disclaimer. // // * Redistributions in binary form must reproduce the above // copyright notice, this list of conditions and the following disclaimer // in the documentation and/or other materials provided with the // distribution. // // * Neither the name of Google Inc. nor the name Chromium Embedded // Framework nor the name CefSharp nor the names of its contributors // may be used to endorse or promote products derived from this software // without specific prior written permission. // // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS // "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT // LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR // A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT // OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, // SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT // LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, // DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY // THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT // (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE // OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 

Usando a idéia do WAF, chego a essa solução simples que parece resolver o problema.

Eu uso o Comportamento de Interatividade, mas o mesmo pode ser feito com a propriedade anexada se a biblioteca de Interatividade não for referenciada

 ///  /// Wraps tab item contents in UserControl to prevent TabControl from re-using its content ///  public class TabControlUcWrapperBehavior : Behavior { private TabControl AssociatedTabControl { get { return (TabControl) AssociatedObject; } } protected override void OnAttached() { ((INotifyCollectionChanged)AssociatedTabControl.Items).CollectionChanged += TabControlUcWrapperBehavior_CollectionChanged; base.OnAttached(); } protected override void OnDetaching() { ((INotifyCollectionChanged)AssociatedTabControl.Items).CollectionChanged -= TabControlUcWrapperBehavior_CollectionChanged; base.OnDetaching(); } void TabControlUcWrapperBehavior_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e) { if (e.Action != NotifyCollectionChangedAction.Add) return; foreach (var newItem in e.NewItems) { var ti = AssociatedTabControl.ItemContainerGenerator.ContainerFromItem(newItem) as TabItem; if (ti != null && !(ti.Content is UserControl)) ti.Content = new UserControl { Content = ti.Content }; } } } 

E uso

      

Baseado na resposta do @ Arsen acima, aqui está outro comportamento, que:

  1. Não precisa de referências adicionais. (a menos que você coloque o código em uma biblioteca externa)
  2. Não usa uma class base.
  3. Ele lida com as alterações Redefinir e Adicionar coleção.

Para usá-lo

Declare o namespace no xaml:

  

Atualize o estilo:

  

Ou atualize o TabControl diretamente:

  

E aqui está o código para o comportamento:

 using System.Collections; using System.Collections.Generic; using System.Collections.Specialized; using System.Windows; using System.Windows.Controls; namespace My.Behaviors { ///  /// Wraps tab item contents in UserControl to prevent TabControl from re-using its content ///  public class TabControlBehavior { private static readonly HashSet _tabControls = new HashSet(); private static readonly Dictionary _tabControlItemCollections = new Dictionary(); public static bool GetDoNotCacheControls(TabControl tabControl) { return (bool)tabControl.GetValue(DoNotCacheControlsProperty); } public static void SetDoNotCacheControls(TabControl tabControl, bool value) { tabControl.SetValue(DoNotCacheControlsProperty, value); } public static readonly DependencyProperty DoNotCacheControlsProperty = DependencyProperty.RegisterAttached( "DoNotCacheControls", typeof(bool), typeof(TabControlBehavior), new UIPropertyMetadata(false, OnDoNotCacheControlsChanged)); private static void OnDoNotCacheControlsChanged( DependencyObject depObj, DependencyPropertyChangedEventArgs e) { var tabControl = depObj as TabControl; if (null == tabControl) return; if (e.NewValue is bool == false) return; if ((bool)e.NewValue) Attach(tabControl); else Detach(tabControl); } private static void Attach(TabControl tabControl) { if (!_tabControls.Add(tabControl)) return; _tabControlItemCollections.Add(tabControl.Items, tabControl); ((INotifyCollectionChanged)tabControl.Items).CollectionChanged += TabControlUcWrapperBehavior_CollectionChanged; } private static void Detach(TabControl tabControl) { if (!_tabControls.Remove(tabControl)) return; _tabControlItemCollections.Remove(tabControl.Items); ((INotifyCollectionChanged)tabControl.Items).CollectionChanged -= TabControlUcWrapperBehavior_CollectionChanged; } private static void TabControlUcWrapperBehavior_CollectionChanged(object sender, NotifyCollectionChangedEventArgs e) { var itemCollection = (ItemCollection)sender; var tabControl = _tabControlItemCollections[itemCollection]; IList items; if (e.Action == NotifyCollectionChangedAction.Reset) { /* our ObservableArray swops out the whole collection */ items = (ItemCollection)sender; } else { if (e.Action != NotifyCollectionChangedAction.Add) return; items = e.NewItems; } foreach (var newItem in items) { var ti = tabControl.ItemContainerGenerator.ContainerFromItem(newItem) as TabItem; if (ti != null) { var userControl = ti.Content as UserControl; if (null == userControl) ti.Content = new UserControl { Content = ti.Content }; } } } } } 

Eu postei uma resposta para uma pergunta semelhante. No meu caso, a criação manual dos TabItems resolveu o problema de criar a Visualização novamente e novamente. Confira aqui