iOS專案開發實戰——storyboard設定介面技巧與注意事項

乞力馬紮羅的雪CYF發表於2015-08-30

      在iOS開發中,使用Main.storyboard來設計介面是每一個iOS開發人員需要面對的問題,使用storyboard相比較Android中使用XML來設定佈局,有優點也有缺陷,現在我們來談談storyboard的設計技巧。

(1)直接使用滑鼠右鍵可以直接縮放storyboard的縮放比例。當然你也可以用觸控板使用2根手指縮放。


(2)拖拽控制元件繫結到程式碼中,不一定要從設計介面的控制元件中進行拖拽,也可以直接從左側的列表中拖拽,這樣會更加清晰方便。


(3)如何新增修改超過一屏的控制元件。我們把控制元件拖拉到介面上,只能設定一屏的控制元件,如果我們使用了ScrollView控制元件,需要設計超過一個螢幕長度的佈局,應該怎麼辦?其實我們也可以直接拖拉控制元件到左側的列表中,而沒必要拖拉到介面上。然後可以修改一些位置資料,就可以完成更個滾動介面的設計。所以此時就算我們“看不到”控制元件,也可以設定控制元件的各個屬性。


(4)在程式碼中刪除一行繫結程式碼,或者在storyboard中刪除一個控制元件,最好提前先去右側的Show the Connections Inspector中刪除有關這個控制元件的繫結,否則可能會出錯誤。造成空指標異常,錯誤類似“。。。nil。。。uncaught...”.

.


(5)控制元件的X ,Y,座標,指的都是相對座標。相對的位置是父類容器的位置。如果一個ScrollView中有一個TextView,那麼這個TextView的X  ,Y 座標的值是相對這個ScrollView來說的。並不是相對於整個介面。有點類似與Android中的相對佈局。


(6)如果你使用了底部的TabBar,也就是底部的導航欄,那麼預設一行只能顯示5個,超過5個的會在最後以More顯示,多餘的Tab會在點選More後顯示。


(7)如果一個類已經在程式碼中繼承了Datasource,或者Delegate,某個控制元件想要實現這個資料來源或者委託,不需要在程式碼中寫***.delegate = self這樣的程式碼,直接在storyboard中按住控制元件右鍵拖拽到介面的ViewController中,就會出現DataSource或者Delegate,選中就可以了,簡單粗暴。


(8)控制元件可以直接在storyboard左側的列表中,按住option鍵和滑鼠左鍵快速複製。這樣就可以在介面中複製出2個一模一樣的兩個控制元件了,不必要再進行拖拉。

(9)iOS的頂部狀態列的背景圖片可以自定義設定,實現方法見《iOS專案開發實戰——自定義設定導航欄和狀態列背景》。



github主頁:https://github.com/chenyufeng1991  。歡迎大家訪問!


相關文章