WPF-toggle panel Sichtbarkeit

Habe ich zwei Platten, nur sollte man sichtbar an der gleichen Zeit. Ich zwischen diesen wechseln, indem Sie auf eine Schaltfläche, eine auf jeder Tafel.

Gibt es einen schönen Weg, dies zu tun in der xaml-ohne codebehind oder viewmodel?

  • Die Taste auf dem Bedienfeld, X sollte das panel X unsichtbar, richtig?
  • das stimmt
InformationsquelleAutor Karsten | 2011-06-08
  1. 3

    Ist es eigentlich möglich, allerdings ziemlich schwierig.

    Mein Beispiel funktioniert ohne code-behind -, tatsächlich ohne jeden Wert-Wandler, auch.

    Hier ist der code: (jetzt die vereinfachte version, Dank @H. B. für die Ideen)

    <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>

    Die Idee, mit ToggleButtons gestohlen einige andere Frage, bei SO

    • Sie können nicht stellen Sie den Stil für die Anzeige-Taste gemeinsam: die Daten-trigger gebunden ist, jedes mal, wenn auf der gegenüberliegenden Taste (greenB und redB bzw.)
    • Oh snap, bewegen Sie den Trigger in einen eigenen Stil, und base es auf die Steuerelement-Vorlage nur Stil.
    • Interessanterweise scheint dies zu funktionieren, auch wenn, versuchen Sie es.
    • nur Hinzugefügt die korrigierte version: parametrisiert mit DataContext
    • Ich meinte meine version (die ich getestet, bevor ich begangen, Bearbeiten).
    • Eigentlich ist der Trigger werden nicht benötigt, da wir mittels ToggleButtons. Ich werde Sie vollständig zu entfernen.
    • Richtig...

    InformationsquelleAutor Vlad
  2. 2

    Den Vorschlag mit einem "tabcontrol" ist gut. Ich fand einige Codes, welche Stile einem TabControl nur zeigen, das TabItem Inhalt

    <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
    InformationsquelleAutor Karsten
  3. 1

    Wenn Sie ToggleButtons, dann konnte Sie binden die Sichtbarkeit von Leiste 1 auf die IsChecked-Zustand der Taste 2, und die Sichtbarkeit von Panel 2 auf die IsChecked-Zustand der Schaltfläche 1. Stellen Sie die Bidirektionale Bindungen, und verwenden Sie die integrierte BooleanToVisibility Konverter.

    InformationsquelleAutor Ross
  4. 1

    Warum nicht das TabControl-Steuerelement für diese?

    • Netter Vorschlag, aber nicht sinnvoll für diesen Fall
    • Oder vielleicht mit einem TabControl nützlich sein könnte. Ist es möglich, verschieben Sie die tab-Taste außerhalb des header?
    InformationsquelleAutor Viv
  5. 0

    Ein wenig Arbeit, um mit einer IValueConverter sollte den trick tun. Sicher, es ist nicht plain old XAML, aber es ist nicht in der codebehind und können wiederverwendet werden.

    Sehe ich so etwas wie verbindliche X die Sichtbarkeit der Y-Sichtbarkeit und fügen Sie einen Konverter, um es :

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
  return (Visibility)value == Visibility.Visible ? Visibility.Collapsed : Visibility.Visible;
}
    InformationsquelleAutor Philippe Lavoie
  6. -1

    Glaube ich nicht. Du brauchst viewmodel oder codebehind. Verwenden Sie einen Stil mit einem DataTrigger und binden den Wert der visibility-Eigenschaft an eine Eigenschaft im viewmodel, die Vermeidung der Verwendung von codebehind.

    • Ihr unterschätzt XAML.
    InformationsquelleAutor Hasan Fahim
Schreibe einen Kommentar