blend精选案例图解教程

blend精选案例图解教程

ID:15024517

大小:2.85 MB

页数:31页

时间:2018-07-31

blend精选案例图解教程_第1页
blend精选案例图解教程_第2页
blend精选案例图解教程_第3页
blend精选案例图解教程_第4页
blend精选案例图解教程_第5页
资源描述:

《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来实现,以下为完整代码:?123456789101112131415161718

4、"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、在容器中应用特效,文档结构如图得到涟漪+像素的双重特效(三):一键拖拽拖拽

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。