Compartir a través de


VisualState.Storyboard Propiedad

Definición

Obtiene o establece un objeto Storyboard que define la apariencia del control cuando está en el estado representado por VisualState.

public:
 property System::Windows::Media::Animation::Storyboard ^ Storyboard { System::Windows::Media::Animation::Storyboard ^ get(); void set(System::Windows::Media::Animation::Storyboard ^ value); };
public System.Windows.Media.Animation.Storyboard Storyboard { get; set; }
member this.Storyboard : System.Windows.Media.Animation.Storyboard with get, set
Public Property Storyboard As Storyboard

Valor de propiedad

Storyboard

Guión gráfico que define la apariencia del control cuando está en el estado representado por VisualState. De manera predeterminada, es null.

Ejemplos

En el ejemplo siguiente se crea un objeto simple ControlTemplate para un Button objeto que contiene uno Grid. La VisualState llamada MouseOver tiene un Storyboard que cambia el color del de Grid verde a rojo cuando el usuario coloca el mouse sobre .Button La VisualState llamada Normal se incluye para que cuando el usuario mueva el mouse fuera del botón, vuelve Grid a verde.

<ControlTemplate TargetType="Button">
  <Grid >
    <VisualStateManager.VisualStateGroups>
      <VisualStateGroup x:Name="CommonStates">

        <VisualStateGroup.Transitions>

          <!--Take one half second to trasition to the MouseOver state.-->
          <VisualTransition To="MouseOver" 
            GeneratedDuration="0:0:0.5"/>
        </VisualStateGroup.Transitions>

        <VisualState x:Name="Normal" />

        <!--Change the SolidColorBrush, ButtonBrush, to red when the
            mouse is over the button.-->
        <VisualState x:Name="MouseOver">
          <Storyboard>
            <ColorAnimation Storyboard.TargetName="ButtonBrush" 
              Storyboard.TargetProperty="Color" To="Red" />
          </Storyboard>
        </VisualState>
      </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <Grid.Background>
      <SolidColorBrush x:Name="ButtonBrush" Color="Green"/>
    </Grid.Background>
  </Grid>
</ControlTemplate>

Comentarios

Cuando el control entra en el estado especificado por la VisualState.Name propiedad , Storyboard comienza . Cuando el control sale del estado, se Storyboard detiene.

Se aplica a