Silverlight图片放大相关操作代码讲解
创始人
2024-06-18 19:31:16
0

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

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

Stretch属性具有四个可选值:

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

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

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

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

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

 

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

 

  1. < Canvas Background="#CDFCAE"> 
  2. < Border BorderBrush="Black" 
    BorderThickness="3" 
  3. Width="220" Height="220" Canvas.Left="40"
     Canvas.Top="50"> 
  4. < Image Source="a2.png" Stretch="None" 
    Width="220" Height="220">< /Image> 
  5. < /Border> 
  6. < Border BorderBrush="Black"
     BorderThickness="3" 
  7. Width="220" Height="220" Canvas.Left="330" 
    Canvas.Top="50"> 
  8. < Image Source="a2.png" Stretch="Uniform" 
    Width="220" Height="220">< /Image> 
  9. < /Border> 
  10. < Border BorderBrush="Black" 
    BorderThickness="3" 
  11. Width="220" Height="220" Canvas.Left="330" 
    Canvas.Top="330"> 
  12. < Image Source="a2.png" 
    Stretch="UniformToFill" Width="220" 
    Height="220">< /Image> 
  13. < /Border> 
  14. < Border BorderBrush="Black" 
    BorderThickness="3" 
  15. Width="220" Height="220" Canvas.Left="40" 
    Canvas.Top="330"> 
  16. < Image Source="a2.png" Stretch="Fill" 
    Width="220" Height="220">< /Image> 
  17. < /Border> 
  18. < /Canvas> 

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

相关内容

热门资讯

如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下,MySQL服务器仅侦听来自localhos...
如何利用交换机和端口设置来管理... 在网络管理中,总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
施耐德电气数据中心整体解决方案... 近日,全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”,作为该活动的...
Windows恶意软件20年“... 在Windows的早期年代,病毒游走于系统之间,偶尔删除文件(但被删除的文件几乎都是可恢复的),并弹...
20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站,直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
着眼MAC地址,解救无法享受D... 在安装了DHCP服务器的局域网环境中,每一台工作站在上网之前,都要先从DHCP服务器那里享受到地址动...
为啥国人偏爱 Mybatis,... 关于 SQL 和 ORM 的争论,永远都不会终止,我也一直在思考这个问题。昨天又跟群里的小伙伴进行...