WPF - bester Weg, auf Seite/Fensterebene in einem Ansichtsmodell auf Veränderungen reagieren

Question

Ich entwickle eine XBAP und ich habe eine einfache Anforderung.

Die DataContext der gesamten Hauptseite wird auf eine Instanz meiner UserViewModel gesetzt. Die UserViewModel hat eine DependencyProperty namens AuthenticationState, die eine Enum mit Werten wie 'Authenticated', 'NotAutheticated' und 'AuthenticationFailed' ist.

Nun, ich brauche durch Ausblenden/Anzeigen verschiedene Elemente auf der Seite zu einer Änderung dieses Wert zu reagieren.

Was (und wo) ist der beste Weg, dies zu tun?

Answer 1

Verwaltet, um es mithilfe von Stilen zu sortieren. Es ist ein Schmerz, aber es funktioniert!

Die vollständige Quelle ist unten.

<Grid x:Name="contentGrid" Grid.Row="1"> 
     <!--login--> 
     <controls:LoginControl> 
      <controls:LoginControl.Style> 
       <Style> 
        <Setter Property="Control.Opacity" Value="0"/> 
        <Setter Property="Control.IsHitTestVisible" Value="False"/> 
        <Style.Triggers> 
         <DataTrigger Binding="{Binding Source={StaticResource UserViewModel},Path=UserAuthenticationState}" 
            Value="{x:Static model:AuthenticationState.NotAuthenticated}"> 
          <Setter Property="Control.IsHitTestVisible" Value="True"/> 
          <DataTrigger.EnterActions> 
           <BeginStoryboard> 
            <Storyboard> 
             <DoubleAnimation To="1" Duration="0:0:2" 
                 Storyboard.TargetProperty="Opacity"></DoubleAnimation> 
            </Storyboard> 
           </BeginStoryboard> 
          </DataTrigger.EnterActions> 
          <DataTrigger.ExitActions> 
           <BeginStoryboard> 
            <Storyboard> 
             <DoubleAnimation To="0" Duration="0:0:2" 
                 Storyboard.TargetProperty="Opacity"></DoubleAnimation> 
            </Storyboard> 
           </BeginStoryboard> 
          </DataTrigger.ExitActions> 
         </DataTrigger> 
        </Style.Triggers> 
       </Style> 
      </controls:LoginControl.Style> 
     </controls:LoginControl>  

     <!--slider--> 
     <slider:PageSlider> 
      <Button>1</Button> 
      <Button>2</Button> 
      <Button>3</Button> 
      <slider:PageSlider.Style> 
       <Style> 
        <Setter Property="Control.Opacity" Value="0"/> 
        <Setter Property="Control.IsHitTestVisible" Value="False"/> 
        <Style.Triggers> 
         <DataTrigger Binding="{Binding Source={StaticResource UserViewModel},Path=UserAuthenticationState}" 
            Value="{x:Static model:AuthenticationState.Authenticated}"> 
          <Setter Property="Control.IsHitTestVisible" Value="True"/> 
          <DataTrigger.EnterActions> 
           <BeginStoryboard> 
            <Storyboard> 
             <DoubleAnimation To="1" Duration="0:0:2" 
                 Storyboard.TargetProperty="Opacity"></DoubleAnimation> 
            </Storyboard> 
           </BeginStoryboard> 
          </DataTrigger.EnterActions> 
          <DataTrigger.ExitActions> 
           <BeginStoryboard> 
            <Storyboard> 
             <DoubleAnimation To="0" Duration="0:0:2" 
                 Storyboard.TargetProperty="Opacity"></DoubleAnimation> 
            </Storyboard> 
           </BeginStoryboard> 
          </DataTrigger.ExitActions> 
         </DataTrigger> 
        </Style.Triggers> 
       </Style> 
      </slider:PageSlider.Style> 
     </slider:PageSlider> 
    </Grid> 

Answer 2

Der beste Weg wäre, einen DataTrigger zu verwenden. So etwas wie folgt aus:

<Window.Triggers> 
    <DataTrigger Binding="{Binding AuthenticationState}" Value="NotAuthenticated"> 
     <Setter TargetName="nameOfControl" Property="Visibility" Value="Collapsed" /> 
    </DataTrigger> 
    ... 
    <TextBox x:Name="nameOfControl" /> 
</Window.Triggers> 

Solange Sie in der Datacontext des Window-Objekts UserViewModel dann sollte diese Arbeit!

Answer 3

Wie Sie erwähnten Sie keine Datatrigger direkt auf einem Steuerelement verwenden können. Eine Umgehung wäre, einen Stil für jedes Steuerelement zu verwenden, der ausgeblendet werden muss.

<Grid> 
    <Rectangle Fill="Red" /> 
    <Grid.Style> 
     <Style TargetType="Grid"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Test}" Value="true"> 
        <Setter Property="Visibility" Value="Collapsed" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Grid.Style> 
</Grid> 

Answer 4

Ein bevorzugtes Verfahren wäre, einen Konverter zu verwenden „AuthenticationStateToVisibilityConverter“ genannt, die bei der Bindung der Eigenschaft Sichtbarkeit der Kontrolle an den Datenkontext des AuthenticationState Eigenschaft verwendet wird.

Answer 5

Eigentlich ist der beste Weg, dies zu tun ist, die entsprechenden Eigenschaften aus Ihrer Sicht Modell zu belichten. Dies macht Ihre Logik zentralisierter und einfacher zu testen. Außerdem ist es besser als Konverter. Es ist schließlich ein Betrachtungsmodell. Daher sollte es die Ansicht modellieren. Wenn die Ansicht eine Eigenschaft benötigt, um anzugeben, wann ein Bereich ausgeblendet/angezeigt werden soll, fügen Sie eine solche Eigenschaft zu Ihrem Ansichtsmodell hinzu.