Silverlight图片放大相关操作代码讲解

Silverlight开发工具对于图片的处理，是一个非常有用的操作技巧。对于初学者来说，需要牢固掌握这方面的各种处理应用技巧，以此来方便将来的灵活使用，提高编程开发效率。#t#

成都创新互联-专业网站定制、快速模板网站建设、高性价比玉州网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式玉州网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖玉州地区。费用合理售后完善，10多年实体公司更值得信赖。

当我们创建了一个图片的时候，如果不指定它的宽度和高度，它将会使用默认的规格来显示；如果指定了高和宽，图片将显示在指定高和宽的矩形区域内。可以通过苏醒Stretch来指定图片如何填充在该区域内，即Silverlight图片放大。

Stretch属性具有四个可选值：

None：不对图片进行拉伸以便填充规定的尺寸。

Uniform：按比例进行拉伸，直到有一边满足规定的尺寸区域为止，其余部分不会被填充，按最小尺寸填充。

UniformToFill：按比例进行拉伸，直到完全填充规定的尺寸区域为止，超出该区域的将会被裁剪，按最大尺寸填充。

Fill：不按比例拉伸，完全填充规定的尺寸区域，将会破坏图像的比例。

Stretch默认的属性是Uniform，为了更直观的看到这个四个值的区别，下面看一个例子，我们使用一个规格尺寸为160*90图片，中间带一个小的正方形：

在页面上放置四个Border控件，大小为220*220，并在其中各放置一个Image，Silverlight图片放大的大小也定义为220*220，设置四个Image的Stretch属性分别为None、Uniform、UniformToFill、Fill，如下所示：

 
 
 

  
  
  
< Canvas Background="#CDFCAE">
  
  
  
< Border BorderBrush="Black" 
BorderThickness="3"
  
  
  
Width="220" Height="220" Canvas.Left="40"
 Canvas.Top="50">
  
  
  
< Image Source="a2.png" Stretch="None" 
Width="220" Height="220">< /Image>
  
  
  
< /Border>
  
  
  
< Border BorderBrush="Black"
 BorderThickness="3"
  
  
  
Width="220" Height="220" Canvas.Left="330" 
Canvas.Top="50">
  
  
  
< Image Source="a2.png" Stretch="Uniform" 
Width="220" Height="220">< /Image>
  
  
  
< /Border>
  
  
  
< Border BorderBrush="Black" 
BorderThickness="3"
  
  
  
Width="220" Height="220" Canvas.Left="330" 
Canvas.Top="330">
  
  
  
< Image Source="a2.png" 
Stretch="UniformToFill" Width="220" 
Height="220">< /Image>
  
  
  
< /Border>
  
  
  
< Border BorderBrush="Black" 
BorderThickness="3"
  
  
  
Width="220" Height="220" Canvas.Left="40" 
Canvas.Top="330">
  
  
  
< Image Source="a2.png" Stretch="Fill" 
Width="220" Height="220">< /Image>
  
  
  
< /Border>
  
  
  
< /Canvas>
 
 
 

Silverlight图片放大的相关实现方法就为大家介绍到这里，希望有些帮助。

本文名称：Silverlight图片放大相关操作代码讲解
转载源于：http://www.shufengxianlan.com/qtweb/news39/403739.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联