iOS使用xcode可視化圖像編輯功能進行圖片拉伸

iOS中可視化拉伸圖片技巧

1、補充

在個人另外一篇博客http://my.oschina.net/u/2340880/blog/403996中探討了IOS拉伸圖像(UIImage)的幾種方法和一些小經驗，這篇是一個補充，再將xcode中的另外一種可視化拉伸圖像的方法的使用介紹給你們。

2、如何使用

IOS開發文檔中的描述：https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html

一、xcode5的新特性

xcode5以後，IOS爲咱們提供了一個管理圖片的新方法Asset Catalogs，簡單說來，它至關於一個目錄，專門用來管理咱們項目中的圖片素材，包括Icon和啓動頁，這樣使項目管理更加方便也更加簡潔。

建立一個AssetCatalogs：在xcode中新建一個文件，選擇AssetCatalogs，以下：

而後咱們點開這個包，將圖片直接拖入工具區便可：

二、使用AssetCatalogs中的可視化工具進行圖片拉伸

完成了上面的步驟以後，咱們能夠對管理的圖片進行處理，點擊右下角的show Slicing按鈕，咱們就會進入可視化編輯區，以下：

如上圖，有三條豎直線，其中邊界的兩條分別約束了圖片兩側不被拉伸的區域範圍，中間虛線和左側虛線圍成的部分，將是被複制拉伸的區域。水平方向的線同理。

很重要的一點：官方文檔告訴咱們，這個方法只能在iOS 7 或者 OS X v10.10以後使用。效果以下：

三、在xib文件中UIImage的拉伸

在xib文件中的UIImageView，在上面加上圖片後，能夠設置stretching這個屬性：

這個屬性的四個值：X,Y,Width,Height的取值範圍是0-1；X，Y，用來肯定一個點，好比咱們設置爲X=0.1，Y=0.1，則這個點就是圖片的左上角開始，水平1/10處和豎直1/10處，設置圖片的拉伸點爲從這個點開始。後兩個參數分別設置圖片拉伸區域的寬度和高度，好比咱們這樣設置：Width=0.8，Height=0.8，則圖片拉伸時上下左右各1/10的寬度不會被拉伸，中間部分被拉伸，仍是剛纔的圖片，效果以下：

專一技術，熱愛生活，交流技術，也作朋友。

——琿少 QQ羣：203317592