1. 程式人生 > >Lee'S 專欄

Lee'S 專欄

系統至ios6之後,關於圖片拉伸的方法已經擴充套件至3個函式:

  1.ios4提供的方法:

  - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight

  這個函式是UIImage的一個例項函式,它的功能是建立一個內容可拉伸,而邊角不拉伸的圖片,需要兩個引數,第一個是不拉伸區域距離左邊框的寬度,第二個引數是不拉伸區域距離上邊框的寬度,其操作本質是對一個畫素的複製拉伸,故沒有漸變效果,這也是其缺點所在。

  引數的意義是,如果引數指定10,5。那麼,圖片左邊10個點,上邊5個點。不會被拉伸,x座標為11的點會被橫向複製,y座標為6的點會被縱向複製。注意:只是對一個點畫素進行復制到指定的寬度。

  2.ios5提供的方法

  - (UIImage *)resizableImageCapInsets:(UIEdgeInsets)Insets

  其中Insets這個引數的格式是(top,left,bottom,right),從上、左、下、右分別在圖片上畫了一道線,這樣就給一個圖片指定了一個矩形區域。只有在框裡面的部分才會被拉伸,而框外面的部分則保持改變。比如(20,5,10,5),意思是下圖矩形裡面的部分可以被拉伸,而其餘部分不變。

  3.ios6提供的方法:

  - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode

  關於Insets引數,與ios5是相同的,不同的是其後增加了一個拉伸的模式,ios6.0的版本提供了

  UIImageResizingModeTile和 UIImageResizingModeStretch兩種模式,從名字就可以看出,是平鋪模式和拉伸模式。平鋪就是複製你Insets指定的矩形區域塊來填充你所指定的圖片區域,而拉伸就是通過拉伸你Insets指定的矩形區域塊來填充你 所需的圖片區域。我想,相較4.0的進步你也看出來了,是明顯的吧,相較於以前的,圖片的resize由一個點變成了一個矩形塊,這樣你的所指定塊的漸變效果,也是可以呈現出來的。

  只是,如果你需要相容4.0的機器的話,那麼還是需用老的函式來完成對圖片的resize操作的。