XAML 모든 자식 요소 축소

Question

WPF Xaml 응용 프로그램에서 작업하고 있습니다. 이 앱에는 특정 기준에 따라 가시성을 변경해야하는 다양한 스택 패널 (아이콘처럼 동작하는)이 있습니다.

질문 : 모든 하위 요소 (스택 패널)를 어떻게 축소 할 수 있습니까? vb.net의 백엔드에서 각각 하나씩 축소 중입니다. 그러나 오히려 그 모든 것을 한 번에 할 수있는 멋진 방법을 찾아야합니다.

Answer 1

두 가지 옵션

을 가질 수

1. 당신은

을 coustom 컨트롤을 생성합니다 (바인딩 경우에 당신은 MVVM를 다음과 같은 경우, 즉 작동하지 않습니다) 스타일을 통해 달성 할 수 스타일

:

이미지를 표시하기 위해 사용되는 타겟 유형 아래 스타일 쓰기

기본적으로

<Window.Resources> 
    <Style TargetType="TextBox"> 
     <Setter Property="Visibility" Value="Collapsed"/> 
    </Style> 
    </Window.Resources> 
    <Grid> 
    <StackPanel> 
     <TextBox Height="26" Width="200" Name="text1"/> 
     <TextBox Height="26" Width="200" Name="text2"/> 
     <Button Height="26" Width="200" Click="Button_Click_2" /> 
    </StackPanel> 
    </Grid> 

텍스트 상자를 사용하면 백엔드 코드에서 검색을 기반으로 그것을 볼 수 있습니다 축소 할 것

사용자 지정 컨트롤 :

이 이제까지 당신의 표시 사용을 제어하는 ​​것에 대해 단지 래퍼 될 것입니다 아이콘은 하나의 변경만으로 기본 표시가 축소됩니다. 그런 다음 당신은 이제까지 당신이

무시하려는 기본 값으로 속성이

Answer 2

BooleanToVisibilityConverter과 같은 IValueConverter 구현을 사용하여 바인딩합니다.

충분하지 않다면 하나씩 수행해야합니다. 어쩌면 사용자 정의 동작을 작성할 수 있습니까?

Answer 3

당신은 당신에서 각 컨트롤 예를

<StackPanel> 
     <StackPanel Name="pane1"> 
      <Button Height="30" Width="200" Content="one" Click="Button_Click" /> 
     </StackPanel> 
     <StackPanel Name="panel2"> 
      <Button Height="30" Width="200" Content="two" Click="Button_Click_1" /> 
     </StackPanel> 
    </StackPanel> 

를 들어

에 끝을 다시 설정하는 대신 부모에 대한 가시성을 설정할 수 있습니다 대신 각 컨트롤의 StackPanel에 대한 가시성을 설정하는 로직을 작성

private void Button_Click(object sender, RoutedEventArgs e) 
    { 
     pane1.Visibility = Visibility.Collapsed; 
     panel2.Visibility = Visibility.Visible; 
    } 

    private void Button_Click_1(object sender, RoutedEventArgs e) 
    { 
     panel2.Visibility = Visibility.Collapsed; 
     pane1.Visibility = Visibility.Visible; 
    } 

다음 mvvm이 다음과 같이 스택 패널의 가시성 속성에 바인딩하는 경우

이 경우

<StackPanel> 
     <StackPanel Visibility="{Binding CanShowPanel1}"> 
      <Button Height="30" Width="200" Content="one" Click="Button_Click" /> 
     </StackPanel> 
     <StackPanel Visibility="{Binding CanShowPanel2}"> 
      <Button Height="30" Width="200" Content="two" Click="Button_Click_1" /> 
     </StackPanel> 
    </StackPanel> 

Answer 4

그 매개 변수 IValueConverter를 사용하는 가장 쉬운 방법을 붕괴 기존의 가시성을 숨길 수있는 그것을 볼 수 있습니다.

<StackPanel> 
     <StackPanel Visibility="{Binding TheQuery,Converter={StaticResource QueryConverter,ConverterParameter="MyFirstStackPanelVisible"}}"> 
     </StackPanel> 
     <StackPanel Visibility="{Binding TheQuery,Converter={StaticResource QueryConverter,ConverterParameter="MySecondStackPanelVisible"}}"> 
     </StackPanel> 
    </StackPanel> 


public class QueryConverter: IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     switch((string)parameter) 
     { 
      case "MyFirstStackPanelVisible" 
      bool result =CheckQueryCriteriaForFirstStackPanel(); 
      return Visibility.Visible or Visibility.Collapsed; 

      case "MySecondStackPanelVisible" 
      bool result =CheckQueryCriteriaForSecondStackPanel(); 
      return Visibility.Visible or Visibility.Collapsed; 
     } 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     throw new NotImplementedException(); 
    } 
} 

물론 모든 경우에 대해 CheckQueryCriteriaFor ... 함수를 작성하면 안됩니다. 이 방법을 사용하면 논리를 한 곳에서 확인할 수 있습니다.