Silverlight基础培训.pptx

WHATS YOUR BACKUP PLANTM AvePoint, Inc. Silverlight 基础 AvePoint, Inc. 第一次培训Summary Microsoft Silverlight是微软软所发发展的 Web 前端应应用程序开发发解决方 案，是微软软丰富型互联联网应应用程序（Rich Internet Application） 策略的主要应应用程序开发发平台之一，以浏览浏览 器的外挂组组件方式，提 供 Web 应应用程序中多媒体（含影音流与音效流）与高度交互性前端 应应用程序的解决方案。 同时时它也是微软软 UX（用户经验户经验 ）策略中的一环环，也是微软试图软试图 将 美术设计术设计 和程序开发发人员员的工作明确切分与协协同合作发发展应应用程序 的尝试尝试 之一。 - 百度百科 /view/942429.htm 1. Silverlight简简介 AvePoint, Inc. 2 如何搭建Silverlight开发环发环 境 3. 如何建立Silverlight应应用程序 4. Silverlight应应用程序运行机制和结结构介绍绍 AvePoint, Inc. 为为你解惑之Silverlight 10问问 第1问问：什么是Silverlight？ 第2问问：除了Windows，Silverlight可以运行在其他平台上吗吗？ 第3问问：什么是依赖赖属性？ 第4问问：XAML文件会在运行时时被编译编译 或者构建吗吗？ 第5问问：如何分离程序代码码和XAML？ 第6问问：如何在后台程序代码码中访问访问 XAML对对象？ 第7问问：Silverlight的架构是什么样样的？ 第7问问：既然WPF已经经可以在浏览浏览 器中运行，为为什么我们还们还 需要Silverlight？ 第8问问：Silverlight、WPF和XAML之间间的关系是怎么样样的？ 第10问问：如何创创建一个简单简单 的Silverlight应应用程序？ 参考/a2009/0518/362/000000362992.shtml AvePoint, Inc. Catalog Silverlight 基础础 1.页页面布局 2.常用控件 3.扩扩展标记标记 ，样样式，资资源 4.动动画 5.事件和委托 AvePoint, Inc. 1. 页面布局 Silverlight布局系统统 布局是一个递归递归 系统统，实现实现 在屏幕上对对元素进进行大小调调整、定位和 绘绘制。布局系统为统为 Children 集合的每个成员员完成两个处处理过过程：第 一个是测测量处处理过过程，第二个是排列处处理过过程。测测量处处理过过程是确定 每个子元素所需大小的过过程。排列处处理过过程是最终终确定每个子元素的 大小和位置的过过程。 AvePoint, Inc. 布局容器 面板名称说说明 Canvas 定义一个区域，在此区域内，您可以使用相对 于 Canvas 区域的坐标显式定位子元素。 Grid 定义由行和列组成的灵活网格区域。(相当于 html中的Table标签） StackPanel 将子元素排列成一行（可沿水平或垂直方向 ）。 (相当于html中的Div和Span) AvePoint, Inc. Margin set; （FrameworkElement） public Thickness Padding get; set; (Border, Control, TextBlock) AvePoint, Inc. Alignment对齐 属性 1. HorizontalAlignment: 水平对齐对齐 2. VerticalAlightment：垂直对齐对齐 AvePoint, Inc. 布局控件之间的关系 System.Object System.Windows.DependencyObject System.Windows.UIElement System.Windows.FrameworkElement System.Windows.Controls.Panel Canvas Grid StackPanel 三个基本布局控件不同的是布局行为为，都继继承了Panel的Background和 Children属性。 在cs编编程时时，可以使用Panel来替换换具体的某个Panel，来获获取其中包含的 元素。 AvePoint, Inc. 2. 常用控件 (1)按钮钮/命令控件 Button HyperlinkButton (2) 选择选择 控件 CheckBox RadioButton ComboBox ListBox (3)信息显显示（只读读） TextBlock ProgressBar AvePoint, Inc. (4) 文本显显示和编辑编辑 TextBox Password RichTextBox (5)数据显显示 DataGrid DataPager TreeView (6) 图图形和视频显视频显 示 Image AvePoint, Inc. (7) 布局和元素分组组 Border Canvas/Grid/StackPanel ScrollViewer TabControl ContentControl GridSplitter (8) 导导航 Frame Page AvePoint, Inc. (9) 对话对话 框和窗口 ChildWindow Popup OpenFileDialog SaveFileDialog AvePoint, Inc. Summary 1 1. 如何快速的页页面编编程？ 拖拽不是最合理的练习练习 方式，初学者还还是要自己手写，就像记单词记单词 那 样样，多尝试尝试 ，才会熟练练的运用各种控件。 2. 使用控件的一些注意事项项 我们们之前总结总结 了一篇文档“Silverlight控件使用注意事项项.docx”，放在 /Uploads/GUI/GUI文档 里，适合在进进行6.0界面开 发发前阅览阅览 。 AvePoint, Inc. 3.扩展标记 ，样式，资源 Silverlight 命名空间扩间扩 展 Xaml语语言在给给控件赋赋属性值时值时 ，支持propertyName=“”的方式来 设设置属性值值。“”中支持的内容可以理解为扩为扩 展标记标记 。Xaml支持的 扩扩展标记标记 有： (1)绑绑定标记扩标记扩 展 (2)StaticResource 标记扩标记扩 展 (3)TemplateBinding 标记扩标记扩 展 (4)RelativeSource 标记扩标记扩 展 AvePoint, Inc. 绑定标记扩 展 (1) 作用： 使属性值值遵从数据绑绑定值值，从而在运行时创时创建一个中间间表达式对对象，并解释应释应用于元素的 数据上下文。 (2) 具体用法 AvePoint, Inc. StaticResource标记扩 展 (1) 作用： 通过计过计算对对 ResourceDictionary中已定义资义资源的引用，为为任何 XAML 属性 (Property) 的特性 (Attribute) 提供值值。 (2) 具体用法 AvePoint, Inc. TemplateBinding标记扩 展 (1) 作用： 将控件模板中的属性值链值链接到在模板控件上公开的某个其他属性的值值。只能用在 XAML 中 的 ControlTemplate定义义内。 (2) 具体用法 AvePoint, Inc. RelativeSource标记扩 展 (1) 作用： 提供一种方法，以便根据运行时对时对象图图中的相对对关系指定绑绑定的源。 (2) 具体用法 /CS/blogs/jprosise/archive/2009/11/06/silverlight-3-s-new- relativesource-markup-extension.aspx 6.0中目前用到的地方比较少，大家可以自己上网找点例子研究下。 AvePoint, Inc. 样式和资源 样式 1 html一般通过在css样式文件id和class设置写页面上某个标签元素的样式。 2 xaml中其实也类似 (1) 与Css文件对应的，Silverlight有ResourceDictionary类型的xaml文件单独用于存放各种 控件样式。 (2)与id和class对应的有x:Name和x:Key标记。 (3)另外如果想重新控件的风格，那么可以设置控件的Style属性，如Style=“StaticResource StyleKeyOrName”/。具体的请参考示例。 3 样样式定义义的方法 a. 控件本身 b. 引用父容器的样式资源 c. 引用文档内的样式资源（文档内的样式资源定义方法） d. 引用当前应用程序的样式资源（应用程序的样式资源定义方法） AvePoint, Inc. 4 动画Animation Silverlight动动画效果演示 动动画的要素 时间 ，对象，行为，性质等 Storyboard animation的宿主，标识动 画的配置，行为等。 动动画的类别类别 DoubleAnimation ColorAnimation PointAnimation TargetProperty的写法 依赖属性（最简单 ）Height Width等 属性路劲语 法（复杂）（ObjectType.Property） AvePoint, Inc. 动动画的播放（三种形式） 1.Storyborad的方法来控制动画行为（Begin，Stop，Pause，Resume，Completed） 2.Trigger触发器来处罚动 画（仅限Loaded方法） 3.VSM视觉 状态管理器，通过状态的转换 来触发 动态动态 添加动动画 new Storyborad() 什么情况该该用哪种动动画，和哪种触发发方式 AvePoint, Inc. 变形Transform 变换变换 功能 Transform处处理二维维平面内的变换变换 功能 基本变换变换 RotateTransform（CenterX,CenterY,Angle）按指定点旋转转 ScaleTransform(CenterX,CenterY,ScaleX,ScaleY)按指定点缩缩放 SkewTransform(CenterX,CenterY,AngleX,AngleY)按指定点扭曲 TranslateTransform(X,Y)二维维内平移 变换变换 和动动画相结结合 AvePoint, Inc. 5 委托和事件Delegate 可以将委托的定义义理解成给给一个方法签签名指定名称的过过程。 委托的实现实现 delegateType name = new delegateType(函数)； 函数可以是亲亲自打扫扫，或者是请请人打扫扫，但是必须须是大扫扫除这这件事。 也就是说说方法签签名必须须一直。 事件 委托的扩扩展，定义义:event delegateType eventName; 事件的实现实现 eventName =(+=) new delegateType(函数)； +=采用堆栈栈原理可+-； AvePoint, Inc. Delegate func(selfInfo); AUIAlert(“message”, method) function method(para) alert(para); 此处实现处实现 的是:控件应应用 之间间的参数，事件之间间的传递传递 和调调用。 相对对Csharp中，利用Event来完成。 void AUIAlert(msg,event) var selfInfo = “info”; event(selfInfo )