一、界面常用參數(shù)
-
iPhone屏幕:
a> UIStatusBar 狀態(tài)欄高20點
b> UINavigationBar 導航欄、工具欄、搜索欄、搜索范圍欄、表示圖單元格等,高44點,ios最常用高度
c> 標簽欄49點
二、界面布局設計模式
-
表單布局模式
如登錄界面和注冊界面,可以使用靜態(tài)表視圖實現(xiàn)。 -
列表布局模式
使用動態(tài)表視圖,同時需要實現(xiàn)表視圖的委托協(xié)議和數(shù)據(jù)源協(xié)議相關方法。 -
網格布局模式
與列表布局相似,列表一列,網格多列,采用集合視圖實現(xiàn)。StackView堆視圖,可以實現(xiàn)管理垂直方向和水平方向排列的布局。
三、傳統(tǒng)布局技術
-
特點:
只能設置視圖與屏幕的上下左右邊距 -
實現(xiàn):
一般Auto Layout是自動選中的,可以在文件檢查器中取消Use Auto Layout 和Use Size Classes復選框。
圖片.png
傳統(tǒng)布局需要設置控件與屏幕的絕對距離,在尺寸檢查器中,虛線代表相對距離,實線代表絕對距離,
注:模擬器中屏幕旋轉的快捷鍵 command + 左右箭頭
四、Auto Layout 布局技術
-
特點:
用一套約束定義視圖之間的關系 -
實現(xiàn):
a> Interface Builder
圖片.png
1、stack 將視圖對象添加到堆視圖StackView
2、對齊,創(chuàng)建對齊約束,如居中
3、Pin,創(chuàng)建距離和位置的相關約束,如視圖高度,指定與其他視圖的水平距離等
4、解決布局中的問題
b> 代碼
五、ios9 堆視圖 StackView
類UIStackView,是一種容器視圖。