Silverlight TabItem 가시성이 변경되지 않음

Question

각 TabItem의 가시성에 대한 속성을 가진 ViewModel에 바인딩되는 많은 TabItems가있는 TabControl이 있습니다.

<sdk:TabControl> 
    <sdk:TabItem Name="Inventory" Header="Inventory" 
     Style="{StaticResource TabItemStyle}" 
     Visibility="{Binding Permissions.Inventory, 
     Converter={StaticResource PermissiveVisibilityConverter}, 
      ConverterParameter='Viewer'}" 
     DataContext="{Binding VM}" /> 

</sdk:TabControl> 

모든 TabItem의 기본값은 접기 상태입니다. 그러나 VM이 TabItem을 Visible로 변경하면 마우스를 컨트롤 위로 이동해야만 작동합니다.

버튼으로 프로그래밍 방식으로 가시성을 설정하더라도 동일한 방식으로 작동합니다!

VM의 속성이 UI 알리고 있는지 확인하고 NotifyOnPropertyChanged 함께 확인했습니다. 그리고 데이터를 단추의 가시성에 바인딩하면 잘 작동합니다 ... 그것은 버그가있는 TabItems입니다.

새로 고침하려면 TabItem UI를 가져 오는 방법이 있습니까? 또는이 문제를 해결할 수 있습니까?

감사합니다.

Answer 1

당신은 무엇을 먼저 DataContext를 설정하고 있도록 XAML 변경하는 경우 : 나는 Permissions.Inventory이보기 모델의 속성이라고 가정하지만 당신은 설정하지 않은 이후거야

<sdk:TabItem Name="Inventory" Header="Inventory" 
    Style="{StaticResource TabItemStyle}" 
    DataContext="{Binding VM}" 
    Visibility="{Binding Permissions.Inventory, 
    Converter={StaticResource PermissiveVisibilityConverter}, 
     ConverterParameter='Viewer'}" /> 

을 그 시점에서 컨텍스트는 바인딩이 작동해서는 안되는 것처럼 보입니다.

또한 중단 점을 설정하고 Permissions.Inventory의 getter가 호출되는 경우 변환기가 손상됩니까?

Answer 2

나는 동일한 문제에 봉착했으며 원래의 "가시성"속성을 사용하여이를 극복 할 수있었습니다. 이 새 속성에서 값을 원래의 Visibility 속성에 전달할 수 있으며 부모 탭 컨트롤의 "SelectedItem"이 축소되어 다음에 표시되는 tabItem을 선택합니다.

그러나 표시된 here, TabControl로드 할 때 첫 번째 항목을 축소 할 경우에만 충분하지 않을 수 있습니다. 이 경우는 TabControl 자체에서 수정되어야합니다. 왜냐하면 테스트는 가짜 "Visility"가 TabItem에 처음 액세스하도록 설정되어 있지 않은데 아직 TabControl에 액세스하지 않았기 때문에 나타났기 때문입니다. 그 때문에이 문제를 해결하는 TabControl의 연결된 속성도 사용했습니다.

완전한 솔루션 :

public static class TabControlExtensions 
{ 
    /// <summary> 
    /// Use this property on a TabControl to correct the behavior 
    /// of selecting Collapsed TabItems. 
    /// </summary> 
    /// <param name="obj"></param> 
    /// <returns></returns> 
    public static bool GetSelectOnlyVisibleTabs(DependencyObject obj) 
    { 
     return (bool)obj.GetValue(SelectOnlyVisibleTabsProperty); 
    } 
    public static void SetSelectOnlyVisibleTabs(DependencyObject obj, bool value) 
    { 
     obj.SetValue(SelectOnlyVisibleTabsProperty, value); 
    } 
    public static readonly DependencyProperty SelectOnlyVisibleTabsProperty = 
     DependencyProperty.RegisterAttached("SelectOnlyVisibleTabs", typeof(bool), typeof(TabControlExtensions), new PropertyMetadata(false, SelectOnlyVisibleTabsChanged)); 
    public static void SelectOnlyVisibleTabsChanged(object sender, DependencyPropertyChangedEventArgs args) 
    { 
     var tabControl = sender as TabControl; 
     if (tabControl == null) return; 

     if ((bool)args.NewValue) 
     { 
      tabControl.SelectionChanged += TabControl_SelectionChanged; 
      CorrectSelection(tabControl); 
     } 
     else 
     { 
      tabControl.SelectionChanged -= TabControl_SelectionChanged; 
     } 
    } 

    private static void TabControl_SelectionChanged(object sender, SelectionChangedEventArgs args) 
    { 
     var tabControl = sender as TabControl; 
     if (tabControl == null) return; 

     CorrectSelection(tabControl); 
    } 

    public static void CorrectSelection(TabControl tabControl) 
    { 
     var selected = tabControl.SelectedItem as UIElement; 
     if (selected == null) return; 

     // If the selected element is not suposed to be visible, 
     // selects the next visible element 
     if (selected.Visibility == System.Windows.Visibility.Collapsed) 
      tabControl.SelectedItem = tabControl.Items.OfType<UIElement>() 
       .Where(e => e.Visibility == System.Windows.Visibility.Visible) 
       .FirstOrDefault(); 
    } 
} 

public static class TabItemExtensions 
{ 
    /// <summary> 
    /// Use this property in a TabItem instead of the original "Visibility" to 
    /// correct the behavior of a TabControl when a TabItem's Visibility changes. 
    /// </summary> 
    /// <param name="obj"></param> 
    /// <returns></returns> 
    public static Visibility GetVisibility(DependencyObject obj) 
    { 
     return (Visibility)obj.GetValue(VisibilityProperty); 
    } 
    public static void SetVisibility(DependencyObject obj, Visibility value) 
    { 
     obj.SetValue(VisibilityProperty, value); 
    } 
    public static readonly DependencyProperty VisibilityProperty = 
     DependencyProperty.RegisterAttached("Visibility", typeof(Visibility), typeof(TabItemExtensions), new PropertyMetadata(Visibility.Visible, VisibilityChanged)); 

    public static void VisibilityChanged(object sender, DependencyPropertyChangedEventArgs args) 
    { 
     var tabItem = sender as TabItem; 
     if (tabItem == null) return; 

     var visibility = (Visibility)args.NewValue; 
     if (tabItem.Visibility == visibility) return; 

     tabItem.Visibility = visibility; 
     if (visibility == Visibility.Visible) return; 

     // Finds the tab's parent tabcontrol and corrects the selected item, 
     // if necessary. 
     var tabControl = tabItem.Ancestors().OfType<TabControl>().FirstOrDefault(); 
     if (tabControl == null) return; 

     TabControlExtensions.CorrectSelection(tabControl); 
    } 
} 

사용법 : 사용중인 SL의 어떤 버전

<sdk:TabControl local:TabControlExtensions.SelectOnlyVisibleTabs="True"> 
     <sdk:TabItem Header="tabItem1" Visibility="Collapsed"> 
      <TextBlock HorizontalAlignment="Center" 
         VerticalAlignment="Center" 
         Text="TabItem1 which should not be visible (1)" /> 
     </sdk:TabItem> 
     <sdk:TabItem Header="tabItem2"> 
      <TextBlock HorizontalAlignment="Center" 
         VerticalAlignment="Center" 
         Text="TabItem2 which should be visible (2)" /> 
     </sdk:TabItem> 
     <sdk:TabItem DataContext="{Binding ViewModel}" 
        Header="tabItem3" 
        local:TabItemExtensions.Visibility="{Binding MyProperty, 
                   Converter={StaticResource BoolToVisibilityConverter}}"> 
      <TextBlock HorizontalAlignment="Center" 
         VerticalAlignment="Center" 
         Text="TabItem with binded Visibility (3)" /> 
     </sdk:TabItem> 
    </sdk:TabControl>