WP7基础学习---第九讲

（注：因为把第七讲和第八讲放在一起了，主要是对那两节的了解，简单应用，没太深究！不过全景视图和枢轴视图真的效果很不错！）

Express Blend工具：

本节主讲：对微软的Blend工具的简单介绍、简单使用，它适合于设计人员(如：做个小小的Flsh动画，对界面控件的修改，一些3D效果，视觉效果，不错的工具)！

你想多了解可以看相关书籍和视频，开源很好！

工具的简介、工具的使用、示例

工具简介：
1.一款专业设计工具，制作基于MicrosoftSilverlight的应用程序的精美复杂用户界面
2.让设计人员集中精力从事创作，开发人员集中精力从事编程工作。每个团队成员都可以单独进行工作而不会妨碍其他成员的进度
3.可以在绘图版上绘制形状、路径和控件，修改其外观和行为，可以导入图像、视频和声音
4.可以创建用于动态显示设计的可视元素或音频元素的Storyboard,并可以选择在用户与应用程序进行交互时触发这些Storyboard
5.可以重新设计应用于基本控件的模板，使应用程序具有独特的外观和行为

工具的使用：
工作区、控件、绘制形状和路径、使用对象和属性、变形、动画、资源

1.工作区
工具箱、资源库、Projects面板、Assets面板、States面板、Properties面板、Resources面板、Results面板
工具箱：
渐变工具：Gradient\Brush Transform
路径工具:Pen\Pencil
形状工具：Rectangle\Ellipse\Line
版式面板：Grid\Canvas\StackPanel\ScrollViewer\Border
文本工具：TextBlock\TextBox\Password
常用控件：Button\Checkbox

2.控件
能够按照自己的需要自定义控件并设置控件样式；创建内容控件

3.绘制图形和路径
绘制直线；绘制曲线；绘制任意形状的路径；在矩形边角设置圆角；将形状转换为路径；添加或修改路径上的点；更改曲线的形状；重定义路径上点的控制柄；合并形状或路径；生成或释放复合的路径；应用修改或删除剪切的路径

4.动画
动画基于定义平滑可视过度的起点和重点的关键帧；创建一个Storyboard，然后在该Stroryboard中的时间线上设置关键帧，以标记属性更改；创建、修改或删除Storyboard;打开或关闭Storyboard；修改Storyboard以再起周期结束时重复或反转；复制或反转Storyboard；创建简单动画；创建、修改或删除运动路径；设置循环周期；生成关键帧；粘贴或移动关键帧；删除关键帧；更改关键帧之间的动画内插方式；放大或缩小时间线；推移时间线；测试Storyboard；动态显示路径或剪切路径上的点；运行Storyboard时进行控制

5.资源
几乎任何内容均可以转换为某种类型的资源；创建资源；应用或删除资源；修改资源；重命名资源；移动、复杂或导入资源；创建、导入或导入资源字典

WP7---10

VisualState Manager:视觉管理器
简介、基本知识、应用

1.简介
控制项目控件的视觉效果；管理带有状态的控件的状态以及用于状态过度的逻辑；涉及到控件在各个状态下的视觉效果，可以使控件产生很多特殊效果；在项目主要用于创建自定义控件以及控件模板

2.基本知识
Silverlight控件包含两个主要部分：Parts，控件的外观显示，大部分都是由多个子控件组合而成，这些子控件就是Parts，并非所有控件都有子控件部分；States Model,Visual States(视觉状态),控件在不同状态下显示的效果/Visual States Groups(视觉状态组)，为有互斥效果的控件提供的，相同的视觉状态组是互斥的，不同的视觉状态组是不互斥的/Visual Transitions(视觉过度转换)：视觉状态切换时的过度动画效果

代码：
<VisualStateManager.VisualStateGroups>//管理器类型，状态组
<VisualStateGroup>//设置单个的状态组
//视觉过度转换，设置单个的状态组里不同状态切换时的动画效果
<VisualStateGroup.Transitions>
   <VisualTransition Form="Today"     GeneratedDuration="0:0:0.5" To="Info">
    <Storyboard>
     <DoubleAnimationUsingKeyFrams       Storyboard.TargetProperty=
"(UIElementRenderTransform).CompositeTransform.TranslateX)" Storyboard.TargetName="ContentGrid">
      <EasingDoubleKeyFrame KeyTime="0" Value="-480"/>
      <EasingDoubleKeyFrame KeyTime="0:0:0.5" Vaule="-480"/>
     </DoubleAnimationUsingKeyFrames>
    </Storyboard>
   </VisualTransition>
<VisualState x:Name="Info">//设置单个的状态的动画效果
   <Storyboard>
    <DoubleAnimation Duration="0" To="-480" Storyboard.TargetProperty="(UIElementRenderTransform).CompositeTransform.TranslateX)" Storyboard.TragetName="ContentGrid" d:IsOptimized="True"/>
   </Storyboard>
</VisualState>
</VisualStateGroup>
</ViaualStateManager.VisualStateGroups>