Visibilidad del panel de alternar WPF

Question

Tengo dos paneles, solo uno debe estar visible al mismo tiempo. Cambio entre ellos haciendo clic en un botón, uno en cada panel.

¿Hay una buena manera de hacer esto en xaml sin codebehind o viewmodel?

Answer 1

La sugerencia de usar un tabcontrol es buena. Encontré un código que diseña un TabControl para mostrar solo el contenido de TabItem

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Grid> 
    <TabControl BorderThickness="0" Padding="0"> 
     <TabControl.Resources> 
     <Style TargetType="TabItem"> 
      <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="TabItem"> 
       </ControlTemplate> 
      </Setter.Value> 
      </Setter> 
     </Style> 
     </TabControl.Resources> 
     <TabItem Header="Not shown"> 
     <Grid Background="Red"/> 
     </TabItem> 
     <TabItem> 
     <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">Tab 2 

     </TextBlock> 
     </TabItem> 
    </TabControl> 
    </Grid> 
</P 

Answer 2

No lo creo. Debería usar viewmodel o codebehind. Utilice un estilo con DataTrigger y vincule el valor de la propiedad de visibilidad a una propiedad en viewmodel, evitando el uso de codebehind.

Answer 3

Si usó ToggleButtons, puede vincular la visibilidad del Panel 1 al estado IsChecked del Botón 2 y la visibilidad del Panel 2 al estado IsChecked del Botón 1. Haga que sean enlaces TwoWay y use el built-in Conversor de BooleanToVisibility.

Answer 4

En realidad es posible, aunque bastante complicado.

Mi ejemplo funciona sin código subyacente, en realidad sin ningún tipo de convertidor, también.

Aquí está el código: (versión simplificada ahora, gracias a @HB de ideas)

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:sys="clr-namespace:System;assembly=mscorlib" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
    <Page.Resources> 
    <Style x:Key="RBToggleButtonStyle" TargetType="RadioButton"> 
     <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate> 
       <ToggleButton 
       IsChecked="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" 
       Content="{Binding Content, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" /> 
      </ControlTemplate> 
     </Setter.Value> 
     </Setter> 
     <Setter Property="Width" Value="150"/> 
     <Setter Property="Height" Value="25"/> 
     <Setter Property="HorizontalAlignment" Value="Right"/> 
     <Setter Property="VerticalAlignment" Value="Bottom"/> 
     <Setter Property="Margin" Value="15"/> 
     <Setter Property="Content" Value="Hide"/> 
    </Style> 
    <Style x:Key="MyBorderStyle" TargetType="Border"> 
     <Style.Triggers> 
     <DataTrigger Binding="{Binding IsChecked}" Value="True"> 
      <Setter Property="Visibility" Value="Hidden"/> 
     </DataTrigger> 
     </Style.Triggers> 
    </Style> 
    </Page.Resources> 
    <Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 
    <Border Background="Green" Grid.Column="0" Style="{StaticResource MyBorderStyle}" DataContext="{Binding ElementName=greenB}"> 
     <RadioButton x:Name="greenB" GroupName="x" Style="{StaticResource RBToggleButtonStyle}"/> 
    </Border> 
    <Border Background="Red" Grid.Column="1" Style="{StaticResource MyBorderStyle}" DataContext="{Binding ElementName=redB}"> 
     <RadioButton x:Name="redB" GroupName="x" Style="{StaticResource RBToggleButtonStyle}"/> 
    </Border> 
    </Grid> 
</Page> 

La idea de utilizar ToggleButtons es robado de some other question at SO

Answer 5

estado trabajando un poco con un IValueConverter debe hacer el truco. Claro que no es simple XAML, pero no está en el código subyacente y puede volver a usarse.

veo algo así como la visibilidad X unión a la visibilidad Y y añadir un convertidor a ella:

public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
{ 
    return (Visibility)value == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible; 
} 

Answer 6

Por qué no usar el TabControl para esto?