silverlight3 ch07

《silverlight3 ch07》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Silverlight3ch07本文由junbaozi贡献pdf文档可能在WAP端浏览体验不佳。建议您优先选择TXT，或下载源文件到本机查看。第7章图像与视觉特效关键词图像对象图像拉伸属性图像画刷文本画刷应用透明特效透明遮罩特效裁剪特效变形特效图像元素和图像画刷元素的作用都是将一幅图像文件在Silverlight中显示出来,由于两者作用相同但呈现形式不同,其中图像对象是单纯用来显示位图文件,但ImageBrush可以作为任何支持Brush填充元素的填充内容,所以将它们放在一个章节来介绍.本章还对Silverlight3的3

2、D特性进行详细的分析.银光志Silverlight3.0开发详解与最佳实践7.1图像对象图像(Image)对象是Silverlight中显示图片的主要元素,其作用是显示一幅位图文件,下面介绍一个简单的Image应用例子,使用一个Image元素来显示一幅游戏的图片,图片格式为PNG,示例代码如下.XAML代码:运行结果如图7.1所示.图7.1使用图像(Image)对象这段代码很简单,Grid中只包含一个Image元素,并声明了

3、它的Source属性,Image元素在默认情况下会完整呈现位图的大小,你可以指定它的Width和Height属性来修改图片的大小,将示例代码修改后如下.XAML:[216]Silverlight第7章图像与视觉特效3.0示例的运行结果如图7.2所示.Width=500Height=380图7.2指定图像的Width和Height属性提示:当你对Image元素只设置了Width或者Height中的某一个属性值,并且没有定义St

4、retch属性时,Image将根据Width或Height之一的尺寸来等比缩放图像.7.1.1图像拉伸属性当源位图的实际大小与Image元素声明的Width和Height属性的尺寸不同时,你可以使用Stretch(拉伸)属性控制图像的拉伸方式,拉伸属性基于图片的Width和Height属性,这里使用微软Silverlight的Logo作为源图,示例代码如下.XAML:[217]银光志Silverlight3.0开发详解与最佳实践运行结果如图7.3所示.NoneFillUniformUniformToFill图7.3使用St

5、retch(拉伸)属性控制图像的拉伸方式Image元素的Stretch属性值类型是枚举型,属性值分别为原始尺寸(None),填充拉伸(Fill),等比拉伸(Uniform)和等比拉伸填充(UniformToFill).提示:从图中可以发现,当设置Image的Stretch属性为None和UniformToFill值时Logo图片没有被完整显示,这是因为图片拉伸后的大小超出了Width和Height属性指定的范围,所以超出的部分被忽略了.7.1.2图像画刷在Silverlight中,除了可以直接使用Image元素来显示图像以

6、外,还可以使用一幅图像来填充一个Silverlight元素,只要这个元素的属性可以接受Brush类型——这就是图像画刷(ImageBrush).ImageBrush和Image一样可以指定图像的拉伸效果,下面看一个图像画刷实例,是将一幅图片填充到一个矩形元素中作为背景图片,示例代码如下.XAML:[218]Silverlight第7章图像与视觉特效3.0

7、0"RadiusY="50">运行结果如图7.4所示.图7.4使用图像画刷填充矩形由于这里的Rectangle.Fill属性填充的不是单一的颜色,所以元素被放在…之间,矩形元素的RadiusX和RadiusY属性是用来声明矩形的圆角边缘,通过改变RadiusX和RadiusY属性的值可以调整圆角的程度.提示:ImageBrush和Image一样支持Stre

8、tch属性,当声明拉伸属性值为None,并且图像的尺寸小于被填充元素的尺寸时,你可以使用AlignmentX和AlignmentY属性来改变图像填充的位置.7.2在C#中使用图像与XAML不同,在C#中使用Image对象不可以直接对Image.Source属性赋值,你需要先创建URI和BitmapIma