VisualState.Storyboard Propriedade
Definição
Importante
Algumas informações se referem a produtos de pré-lançamento que podem ser substancialmente modificados antes do lançamento. A Microsoft não oferece garantias, expressas ou implícitas, das informações aqui fornecidas.
Obtém ou define um Storyboard que determina a aparência do controle quando ele está no estado representado pelo 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 da propriedade
Um storyboard que determina a aparência do controle quando ele está no estado representado pelo VisualState. O padrão é null
.
Exemplos
O exemplo a seguir cria um simples ControlTemplate para um que contém um Button Grid. O VisualState chamado MouseOver
tem um Storyboard que altera a cor do Grid verde para vermelho quando o usuário coloca o mouse sobre o Button. A VisualState chamada Normal
é incluída para que, quando o usuário mover o mouse para fora do botão, ele Grid retorne para 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>
Comentários
Quando o controle entra no estado especificado pela VisualState.Name propriedade, o Storyboard início é iniciado. Quando o controle sai do estado, o Storyboard sistema para.