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>

圆形按钮;按钮按下状态和抬起状态;进度条的特效;枢轴视图的实现

原文地址:https://www.cnblogs.com/SanMaoSpace/p/2137479.html