silverlight之Blend教程.docVIP

微软Expression Blend基础教程系列  公司准备大力的开展Silverlight方面的产品研发，我为公司的设计师以及动画师制作了一系列的PPT教程、Demo等资料培训，使得设计师能更好的和程序员配合，现将这些资料整理成文，希望对大家在公司内部推广Silverlight有所帮助。  本系列教程基于Microsoft Expression Blend 3中文版进行讲解，不涉及后台编码操作。  Blend基础-项目与层次 Blend基础-布局控件 Blend基础-控件与用户控件 Blend基础-动画 Blend基础-数据绑定 Blend基础-项目与层次 2009-10-20 15:35 by 王喆(nasa), 3501 visits, 网摘, 收藏, 编辑 使用Blend这个工具来开发Silverlight所接触到的第一个概念就是“项目”，这里要讲的是blend基础。所以先从“项目”这里开始讨论。 项目  装好了Blend这个工具后首先要做的是建立项目。这里有两种不同的方式来建立项目。  和大多数工具一样新建文件都是 左上角的 “文件-新建项目”  或者也可是直接在欢迎屏幕的时候选择新建项目。  在新建立项目的时候可以选择他的开发语言是C#还是VB。   什么是项目？  所有文件的一个集合 类似一个网站项目（HTML+Images+Code） Experssion Blend 项目 = Visual Studio 项目  文件类型用户控件（UserControl） 页面（Page） 资源文件（Resource Dictionary） 代码文件（C#、VB） 富媒体（视频、音频） 文件夹 引用 其他...  在Blend中也可以对项目中的文件进行管理，对着任意一个文件点击右键会弹出对其相映的操作框。  这里有一个要注意的。“删除”与“从项目中删除”。所谓的“从项目中删除”是把文件在项目中做了一个标记在项目中不包括这个文件。而“删除”是真正的从项目中和硬盘中对文件做的真正的删除操作。  对这项目文件点击右键，就可以在项目中新建项目、或者添加一些己经存在的文件（比如音频、视频、图片等等）。   树形目录（层次）  树形目录结构，也可以把他理解为路径。在Silverlight具体的开发中经常要操作各个部分不同的元素，你要正确的找到他们的位置，并且对其操作以便完成相应的效果或者功能就必须要对结构心知肚明。  什么是树形目录？ 树形目录代表在blend项目中特定范围内的一组对象 在blend内部遵循父子、兄弟关系的一组对象 父对象包含子对象 子对象在其父对象内部 拥有同一父对象的对象为兄弟关系 就好像俄罗斯娃娃一样，一层一层的嵌套在一起。 一个活生生的例子，族谱族谱  爷爷 爸爸 你 你的儿子 你的孙子   实际的例子：  具体在Blend中的操作 新建 在左侧的工具栏中双击控件就可将其添加到场景中。这里先添加上几个控件。并且给控件启好名字。 现在能看到在LayoutRoot外侧有一个蓝色的高亮边缘。代表了“将要在哪里添加控件” 那个元素选中，新添加的控件就将曾为当前选中的子控件。  在左侧，双击一个控件就可对其选中。  改变层次 这里改变层次有两种常用的操作。 第一种、直接在左侧的对象面板对选中的控件进行拖拽。 第二种、在舞台上选中控件并且按照提示按“alt”键。  当然 如果你对Silverlight的XAML相当熟悉的话 也可以直接去修改XAML来改变层次。    接下来将会讲到如何使用布局控件来搭建界面。  Blend基础-布局控件 2009-10-22 15:19 by 王喆(nasa), 2500 visits, 网摘, 收藏, 编辑 布局  什么是布局？ Panels控件（其实就是容器控件） 对内部的子控件提供了自动布局功能 可以在容器控件内继续添加容器控件（一个复杂的界面往往是多种容器控件嵌套而组成的） 一些界面器控件也是嵌套了容器控件而组成的（比如ListBox就嵌套了StackPanel控件） 你也可以自己来制作一些容器控件  一些常见的布局控件 Canvas 最原始的容器控件，对子控件无自动布局功能。 StackPanel 能将子元素排列成一行（可沿水平或者垂直方向） WarpPanel 元素从左到右按顺序排列，在包含他们的框的边缘处将内容换至下一行。 Grid 定义由行和列的灵活网格区域。 ViewBox 可拉伸或者缩放子元素。 Border 在一个子元素的周围绘制边框、背景。 DockPanel 可将子元素沿其边缘进行定位。