Silverlight圖片放大相關操作代碼講解
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,如下所示:
- < 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圖片放大的相關實現方法就為大家介紹到這里,希望有些幫助。