WEB开发网
开发学院图形图像Flash 谈谈Silverlight 2中的视觉状态管理 Part2 阅读

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

 2008-10-09 11:40:02 来源:WEB开发网   
核心提示: 定义Disabled视觉状态,设置Root元素的Opacity属性为0.5,谈谈Silverlight 2中的视觉状态管理 Part2(5),如下代码所示:<!-- Disabled State --><vsm:VisualState x:Name="Disa

谈谈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状态效果如下图所示:

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

现在我们来定义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视觉状态,如下代码所示:

上一页  1 2 3 4 5 6 7  下一页

Tags:谈谈 Silverlight 视觉

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接