谈谈Silverlight 2中的视觉状态管理 Part2

定义Disabled视觉状态，设置Root元素的Opacity属性为0.5，如下代码所示：

<!-- Disabled State -->
<vsm:VisualState x:Name="Disabled">
　　<Storyboard>
　　　　<DoubleAnimation
　　　　　　　　Storyboard.TargetName="Root"
　　　　　　　　Storyboard.TargetProperty="Opacity"
　　　　　　　　Duration="0" To=".5"/>
　　</Storyboard>
</vsm:VisualState>

Disabled状态效果如下图所示：

现在我们来定义CheckStates视觉状态组，如下代码所示：

<!-- CheckStates StateGroup-->
<vsm:VisualStateGroup x:Name="CheckStates">
　　<!-- Unchecked State -->
　　<vsm:VisualState x:Name="Unchecked"/>
　　<!-- Checked State -->
　　<vsm:VisualState x:Name="Checked">
　　　　<Storyboard>
　　　　　　<DoubleAnimation/>
　　　　</Storyboard>
　　</vsm:VisualState>
　　<!-- Indeterminate State -->
　　<vsm:VisualState x:Name="Indeterminate">
　　　　<Storyboard>
　　　　　　<DoubleAnimation/>
　　　　</Storyboard>
　　</vsm:VisualState>
</vsm:VisualStateGroup>

在CheckStates视觉状态组中有三个状态：Unchecked、Checked、Indeterminate。其中Unchecked与我们上面介绍Normal状态是一致的，所以不用设置故事板。接下来定义Checked视觉状态，如下代码所示：