欢迎来到天天文库
浏览记录
ID:15024517
大小:2.85 MB
页数:31页
时间:2018-07-31
《blend精选案例图解教程》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、(一):丰富的形状(Shape)资源1(二):找张图片玩特效6(三):一键拖拽15(四):请给我路径指引17(五):可视数据管理26(一):丰富的形状(Shape)资源Blend4资源面板中内置了丰富的形状素材,为我们在构建程序时提供极大的方便。系统默认内置18种常用形状,通过其属性设置可以自定义出更多衍生形状,或者通过DirectSelection工具手动绘制,我们可以获得更自由的形状编辑。当然我们还可以登陆ExpressionGallery下载别人分享的素材(似乎并不多),来扩充形状资源库。因为形状的用法比较一致,重点是形状的不同属性设置,在此仅举一例来展示形状的常规用法。1、新建项目
2、2、项目文件生成后,在ObjectsandTimeline面板中选中LayoutRoot3、然后在资源(Assets)面板中选中Shapes4、我们可以通过双击或者拖拽的方式添加一个形状,这里我们使用Star来作演示,Star已添加到LayoutRoot中,如图5、选择Selection工具确认五角星处于被选择状态(如未选择可以通过点击选择)6、在属性(Properties)面板中,我们可以对形状进行一系列的属性设置,直到符合我们的需要。下面我们对五角星进行简单的修饰。把颜色调为红色去边框OK,这样一个标准的五角星制作完成7、通过组合不同的属性设置,我们可以获得更多的效果:手绘风格:效果:
3、更改Fill属性为渐变效果效果:更改外观属性效果:如果你愿意,可以做出更多的效果!以上效果我们也可以通过XAML来实现,以下为完整代码:?1234567891011121314151617184、"ShapesDemo.MainPage"Width="640"Height="480">5、lGradientBrush>?1在实际项目中,不推荐使用代码的方式来进行大规模的效果设计,Blend的设计功能,VS无可替代;作为程序员将Blend和VS的结合使用才能带来高效的SilverLight应用程序开发。后续章节,将通过实例一步一步展现Blend的6、强大魅力!(二):找张图片玩特效Blend中的特效给了我们在处理资源时更多的想象空间,合理地运用特效往往会得到梦幻般效果,本次教程展示对图片应用特效的常规操作,当然特效不仅限于使用在图片上,还也可以应用到动画和视频中。OK,开始本次旅程1、在项目中添加一张现有的图片如果添加的图片大于250KB,会提示推荐把图片嵌入到XAP包中,这样图片在浏览器加载XAP文件时会一起被下载到本地。2、把图片拖到UserControl中3、在资源面板中,选择特效(Effect),先体验一下“漩涡”,双击应用。效果:对属性进行微调效果:特效的应用非常简单:应用特效,微调属性。再看看其他的效果:效果:(涟漪)效果7、:(像素)效果:(Mono)其他的特效就不一一展示了,可以找些图片慢慢玩。这里有一个问题:我们在选择应用不同特效时,最后应用的特效会把前面的特效覆盖(单重特效),那如果我希望应用多重特效,该如何处理呢?最简单的方式是为图片添加一个“容器”,在“容器”中再应用一重特效,如此嵌套可实现多重特效。下面来演示操作过程:4、为图片添加一个容器Canvas5、在容器中应用特效,文档结构如图得到涟漪+像素的双重特效(三):一键拖拽拖拽
4、"ShapesDemo.MainPage"Width="640"Height="480">5、lGradientBrush>?1在实际项目中,不推荐使用代码的方式来进行大规模的效果设计,Blend的设计功能,VS无可替代;作为程序员将Blend和VS的结合使用才能带来高效的SilverLight应用程序开发。后续章节,将通过实例一步一步展现Blend的
5、lGradientBrush>
6、强大魅力!(二):找张图片玩特效Blend中的特效给了我们在处理资源时更多的想象空间,合理地运用特效往往会得到梦幻般效果,本次教程展示对图片应用特效的常规操作,当然特效不仅限于使用在图片上,还也可以应用到动画和视频中。OK,开始本次旅程1、在项目中添加一张现有的图片如果添加的图片大于250KB,会提示推荐把图片嵌入到XAP包中,这样图片在浏览器加载XAP文件时会一起被下载到本地。2、把图片拖到UserControl中3、在资源面板中,选择特效(Effect),先体验一下“漩涡”,双击应用。效果:对属性进行微调效果:特效的应用非常简单:应用特效,微调属性。再看看其他的效果:效果:(涟漪)效果
7、:(像素)效果:(Mono)其他的特效就不一一展示了,可以找些图片慢慢玩。这里有一个问题:我们在选择应用不同特效时,最后应用的特效会把前面的特效覆盖(单重特效),那如果我希望应用多重特效,该如何处理呢?最简单的方式是为图片添加一个“容器”,在“容器”中再应用一重特效,如此嵌套可实现多重特效。下面来演示操作过程:4、为图片添加一个容器Canvas5、在容器中应用特效,文档结构如图得到涟漪+像素的双重特效(三):一键拖拽拖拽
此文档下载收益归作者所有