VisualState.Storyboard 属性

定义

获取或设置一个 Storyboard,它定义控件在 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

属性值

Storyboard

一个演示图板,它定义控件在 VisualState 所表示的状态下的外观。 默认值为 null

示例

以下示例为包含一GridButton实例的简单ControlTemplate方法创建一个。 MouseOver调用VisualState者有一个Storyboard,当用户将鼠标放在鼠标上方Button时,将绿色Grid的颜色从绿色更改为红色。 将 VisualState 调用 Normal 包含在内,以便在用户将鼠标从按钮上移动时,返回 Grid 绿色。

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

注解

当控件进入由属性指定的 VisualState.Name 状态时,将 Storyboard 开始。 当控件退出状态时,停止 Storyboard

适用于