天天看點

iOS-使用Xcode拉伸圖檔

如果要制作一個類似于QQ消息氣泡的圖檔,該如何制作呢?android中可以使用.9圖檔指定圖檔中的某一部分拉伸,那iOS中類似的功能要如何實作呢,Xcode提供了類似的功能。具體步驟如下:

1.選擇需要進行拉伸的圖檔

iOS-使用Xcode拉伸圖檔

上圖是一個搜尋框的背景圖檔,很明顯,需要對搜尋框的中間區域進行拉伸。

2.點選圖檔右側的屬性部分

iOS-使用Xcode拉伸圖檔

可以看到,裡面有一個Slicing(切片)屬性,在Slices屬性中可以選擇目前拉伸的類型,我們選擇Horizontal and Vertical(水準和垂直拉伸),下面的Left,Right,Top,Bottom則分别代表左右上角保留的區域。Center屬性代表中部的像素區域按哪種形式去拉伸,一種為Stretches(拉伸),一種為Tiles(平鋪),這裡我們選擇Stretches。width和Height代表中部像素區域的大小。

全部選擇完畢後,運作效果如下 :

iOS-使用Xcode拉伸圖檔

可以看到圖檔已經被順利拉伸。