1. 程式人生 > >IOS專案開發實戰——Storyboard設定介面技巧與注意事項

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

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

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

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

(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個一模一樣的兩個控制元件了,不必要再進行拖拉。