einen Stil ändern auf Basis von Visual Staat

Question

„Blend-Setup von Visual Staaten basierend auf minWindowWidth sagen wir es einfach macht. Aber es wäre sehr schön für TextBlock Elemente definiert zustandsbasierte Stile zu haben, sagen mit tag="header", tag="body" und haben Der Setter ändert den Style automatisch. "

Vielleicht war ich nicht explizit genug in meiner ersten Frage, lass mich das umformulieren.

Ich ändere mein Anwendungsfenster von Landscape zu Portrait. Mein VisualStateManager verfügt über Setter, die die Seiteneigenschaften basierend auf der neuen Mindestbreite anpassen.

Ich habe mehrere TextBlocks (Header, Body, etc) und andere Steuerelemente mit .Text (ToggleSwitch), die FontSize automatisch basierend auf der neuen Breite anpassen soll.

Abgesehen von der manuellen Einstellung jedes einzelnen Steuerelements über den Namen in allen Zuständen gibt es eine Möglichkeit, den VisualStateManager automatisch für jeden "Typ" von Text (body/header/etc) ausführen zu lassen? Meine Arbeit im Moment ist DataBind einen Style für jedes .Text-Steuerelement und lassen Sie das ViewModel die Skalierung durchführen. Das funktioniert, aber das ist wirklich etwas, für das Blend gemacht wird, oder? Also muss ich die offensichtliche Art vermissen, die jeder benutzt.

Danke für all die guten Kommentare bisher.

 <VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="VisualStateGroup"> 
      <VisualState x:Name="PhonePortrait"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}"/> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <Setter Target="SwitchStackPanel.(StackPanel.Orientation)" Value="Vertical"/> 
        <!-- Setter to change all Body textblocks to FontSize=8--> 
        <!-- Setter to change all Header textblocks to FontSize=10--> 
        <!-- Setter to change all ToggleSwitch.Text to FontSize=8--> 
        <!-- etc..--> 

Answer 1

Sie könnten einen globalen Stil verwenden. Dies verwendet Trigger basierend auf der Tag.

<Style TargetType="{x:Type TextBlock}"> 
    <!--Default Setters Here--> 
    <Setter Property="Background" Value="White"/> 
    <Style.Triggers> 
     <Trigger Property="Tag" Value="body"> 
      <Setter Property="Background" Value="Gray"/> 
      <!--Insert desired state setters here--> 
     </Trigger> 
     <Trigger Property="Tag" Value="header"> 
      <Setter Property="Background" Value="DarkGray"/> 
      <!--Insert desired state setters here--> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

Sie können dann einen Standardzustand haben, und Ausgelöst-Setter als nur einen Textblock beeinflussen, wenn ein anwendbarer-Tag angebracht ist.

Wenn Sie bereits andere Stile haben oder einen Auswahlprozess haben möchten, können Sie einen Schlüssel hinzufügen und dann BasedOn innerhalb des Stils verwenden.