Silverlight圖片放大相關(guān)操作代碼講解
Silverlight開發(fā)工具對于圖片的處理,是一個(gè)非常有用的操作技巧。對于初學(xué)者來說,需要牢固掌握這方面的各種處理應(yīng)用技巧,以此來方便將來的靈活使用,提高編程開發(fā)效率。#t#
當(dāng)我們創(chuàng)建了一個(gè)圖片的時(shí)候,如果不指定它的寬度和高度,它將會使用默認(rèn)的規(guī)格來顯示;如果指定了高和寬,圖片將顯示在指定高和寬的矩形區(qū)域內(nèi)??梢酝ㄟ^蘇醒Stretch來指定圖片如何填充在該區(qū)域內(nèi),即Silverlight圖片放大。
Stretch屬性具有四個(gè)可選值:
None:不對圖片進(jìn)行拉伸以便填充規(guī)定的尺寸。
Uniform:按比例進(jìn)行拉伸,直到有一邊滿足規(guī)定的尺寸區(qū)域?yàn)橹梗溆嗖糠植粫惶畛?,按最小尺寸填充?/p>
UniformToFill:按比例進(jìn)行拉伸,直到完全填充規(guī)定的尺寸區(qū)域?yàn)橹?,超出該區(qū)域的將會被裁剪,按最大尺寸填充。
Fill:不按比例拉伸,完全填充規(guī)定的尺寸區(qū)域,將會破壞圖像的比例。
Stretch默認(rèn)的屬性是Uniform,為了更直觀的看到這個(gè)四個(gè)值的區(qū)別,下面看一個(gè)例子,我們使用一個(gè)規(guī)格尺寸為160*90圖片,中間帶一個(gè)小的正方形:
在頁面上放置四個(gè)Border控件,大小為220*220,并在其中各放置一個(gè)Image,Silverlight圖片放大的大小也定義為220*220,設(shè)置四個(gè)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圖片放大的相關(guān)實(shí)現(xiàn)方法就為大家介紹到這里,希望有些幫助。