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