• 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>

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

  • 相关阅读:
    IIS服务器应用程序不可用的解决办法
    C#几个经常犯错误汇总
    C1flexgrid格式化
    图片自动按比例缩小代码(防止页面被图片撑破)
    VSS2005的使用与配置过程
    ASP.NET通过IHttpModule实现伪静态
    五一游玩收藏
    plants
    几个JS的方法
    英式英语VS美式英语的差异
  • 原文地址:https://www.cnblogs.com/SanMaoSpace/p/2137479.html
Copyright © 2020-2023  润新知