谈谈Silverlight 2中的视觉状态管理 Part2
2008-10-09 11:40:02 来源:WEB开发网
定义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视觉状态,如下代码所示:
Tags:谈谈 Silverlight 视觉
编辑录入:爽爽 [复制链接] [打 印]- ››silverlight全屏显示图片
- ››Silverlight MVVM 模式(一) 切近实战
- ››视觉和交互设计实例:3D社区游戏QQ阳光牧场
- ››谈谈我在Admin5写软文一年来的经验心得
- ››谈谈团购网容易进入的几个误区
- ››谈谈如何做好团购导航网站 让IP轻松过5万
- ››谈谈我的软文思维 关键在于“软文链轮”
- ››谈谈框架集网站优化方案
- ››Silverlight for Windows Phone 7开发系列(1):...
- ››Silverlight for Windows Phone 7开发系列(2):...
- ››Silverlight for Windows Phone 7开发系列(3):...
- ››Silverlight for Windows Phone 7开发系列(4):...
更多精彩
赞助商链接