Bagikan melalui


VisualState.Storyboard Properti

Definisi

Mendapatkan atau mengatur Storyboard yang mendefinisikan tampilan kontrol ketika berada dalam status yang diwakili oleh 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

Nilai Properti

Papan cerita yang mendefinisikan tampilan kontrol ketika berada dalam keadaan yang diwakili oleh VisualState. Defaultnya adalah null.

Contoh

Contoh berikut membuat sederhana ControlTemplate untuk yang Button berisi satu Grid. Yang VisualState disebut MouseOver memiliki Storyboard yang mengubah warna Grid dari hijau ke merah ketika pengguna meletakkan mouse di Buttonatas . Yang VisualState dipanggil Normal disertakan sehingga ketika pengguna memindahkan mouse dari tombol, kembali Grid ke hijau.

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

Keterangan

Ketika kontrol memasuki status yang ditentukan oleh VisualState.Name properti , dimulai Storyboard . Ketika kontrol keluar dari status, berhenti Storyboard .

Berlaku untuk