在專案當中，我們好多時候都會用到圖片。有時候，我們會設定圖片自動填充，一般情況下，這樣是可行的。但是有的時候又會存在變形的情況，這樣很影響使用者的體驗，比如我們就像我們聊天的起泡等等，就是中間是可拉伸的，但是邊上的小尖角和幾個圓角都是保持不變的。下面就教大家直接用storyboard來切圖。
工具/原料
Xcode
Mac
方法/步驟
首先，我們開啟Xcode，新建一個專案，新建的時候選擇iOS -> Application ->Single View Application 如圖所示。然後點選next按鈕。
現在為你的專案填寫資訊，這個時候我們是在Choose options for your new project：頁面。然後在product name欄裡邊填寫專案的名稱。後邊自己看著填就好。如果你習慣於永OC那麼language欄就現則objective - c。如果用swift那就選swift，包括下邊devices也根據自己專案的需求來填就好。點選next,選著好儲存的位置，然後create就好。
為了符合大家平時看手機的樣子，所以我們現在把storyboard裡邊的控制器改成我們平時手機的樣子。點選main.storyboard ->view controller ，然後把use size classes的勾給去掉就好了，這個時候我們的我們的控制器就變成了正常手機的樣子了。
為了能對我們待會兒切的圖片能有一個直觀的觀察，我們現在在控制上邊新增兩個imageView 和一個button，控制元件直接從右下角里拖就行。如圖所示：
準備好你需要切的圖片，現在把我們需要切的圖片給加到專案裡邊去。點選assets,xcassets。把圖片直接拖到appicon下邊的空白處即可。然後把控制元件的圖片改成對應的圖片即可。
為了和待會兒我們切好圖片之後的效果對比，我們現在執行一下看看效果。模擬器最好選擇5s，然後點選左上角的三角形標誌執行專案，或者command + r來執行專案，下面就是我們執行出來的效果圖。
現在我們開始切圖，同樣是進入到assets,xcassets，選中我們要切的圖片。點選右下角show slicing。然後點選start slicing。
切圖的時候我們的四個角里圖片部分是不會改變的，至於中間是拉伸還是重複，就在右方slicing->center裡設定，tiles就說明中間的部分是重複，stretches代表中間的部分是拉伸。如圖所示：
需要注意的就是，如果你的圖片只有一個規格的那就省事兒，直接切這一個就好了。但是如果然後1x,2x等等，那麼每一張都是要切的。切好了之後現在我們執行試試，這就是現在的效果。這樣是不是就美觀多了。
