[Blend4精选案例图解教程.doc

（一）：丰富的形状（Shape）资源 1 （二）：找张图片玩特效 6 （三）：一键拖拽 15 （四）：请给我路径指引 17 （五）：可视数据管理 26 （一）：丰富的形状（Shape）资源 Blend4资源面板中内置了丰富的形状素材，为我们在构建程序时提供极大的方便。系统默认内置18种常用形状，通过其属性设置可以自定义出更多衍生形状，或者通过Direct Selection工具手动绘制，我们可以获得更自由的形状编辑。当然我们还可以登陆 Expression Gallery 下载别人分享的素材（似乎并不多），来扩充形状资源库。 因为形状的用法比较一致，重点是形状的不同属性设置，在此仅举一例来展示形状的常规用法。 1、 新建项目 2、 项目文件生成后，在Objects and Timeline面板中选中LayoutRoot 3、 然后在资源(Assets)面板中选中Shapes 4、 我们可以通过双击或者拖拽的方式添加一个形状，这里我们使用Star来作演示，Star已添加到LayoutRoot中，如图 5、 选择Selection工具 确认五角星处于被选择状态（如未选择可以通过点击选择） 6、 在属性（Properties）面板中，我们可以对形状进行一系列的属性设置，直到符合我们的需要。下面我们对五角星进行简单的修饰。 把颜色调为红色 去边框 OK，这样一个标准的五角星制作完成 7、 通过组合不同的属性设置，我们可以获得更多的效果： 手绘风格： 效果： 更改Fill属性为渐变效果 效果： 更改外观属性 效果： 如果你愿意，可以做出更多的效果！ 以上效果我们也可以通过XAML来实现，以下为完整代码： ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 UserControl xmlns=/winfx/2006/xaml/presentation xmlns:x=/winfx/2006/xaml xmlns:ed=/expression/2010/drawing x:Class=ShapesDemo.MainPage Width=640 Height=480 Grid x:Name=LayoutRoot Background=White ed:RegularPolygon InnerRadius=0.702 Margin=244,193,296,187 PointCount=20 Stretch=Fill Stroke=Black UseLayoutRounding=False StrokeThickness=0 RenderTransformOrigin=0.5,0.5 ed:RegularPolygon.Fill RadialGradientBrush GradientStop Color=#FFFF0001 Offset=0/ GradientStop Color=White Offset=1/ /RadialGradientBrush /ed:RegularPolygon.Fill /ed:RegularPolygon /Grid /UserControl ? 1 在实际项目中，不推荐使用代码的方式来进行大规模的效果设计，Blend的设计功能，VS无可替代；作为程序员将Blend和VS的结合使用才能带来高效的SilverLight应用程序开发。后续章节，将通过实例一步一步展现Blend的强大魅力！ （二）：找张图片玩特效 Blend中的特效给了我们在处理资源时更多的想象空间，合理地运用特效往往会得到梦幻般效果，本次教程展示对图片应用特效的常规操作，当然特效不仅限于使用在图片上，还也可以应用到动画和视频中。 OK，开始本次旅程 1、 在项目中添加一张现有的图片 如果添加的图片大于250KB，会提示推荐把图片嵌入到XAP包中，这样图片在浏览器加载XAP文件时会一起被下载到本地。 2、把图片拖到UserControl中 3、在资源面板中，选择特效（Effect），先体验一下“漩涡”，双击应用。 效果： 对属性进行微调 效果： 特效的应用非常简单：应用特效，微调属性。 再看看其他的效果： 效果： (涟漪） 效果： （像素） 效果： (Mono) 其他的特效就不一一展示了，可以找些图片慢慢玩。 这里有一个问题： 我们在选择应用不同特效时，最后应用的特效会把前面的特效覆盖（单重特效），那如果我希望应用多重特效，该如何处理呢？ 最简单的方式是为图片添加一个“容器”，在“容器”中再应用一重特效，如此嵌套可实现多重特效。下面来演示操作过程： 4、为图片添加一个容器Canvas 5、在容器中应用特效，文档结构如图 得到涟漪+