一秃嗜、界面常用參數(shù)
-
iPhone屏幕:
a> UIStatusBar 狀態(tài)欄高20點
b> UINavigationBar 導(dǎo)航欄、工具欄澎羞、搜索欄髓绽、搜索范圍欄、表示圖單元格等煤痕,高44點梧宫,ios最常用高度
c> 標(biāo)簽欄49點
二接谨、界面布局設(shè)計模式
-
表單布局模式
如登錄界面和注冊界面摆碉,可以使用靜態(tài)表視圖實現(xiàn)。 -
列表布局模式
使用動態(tài)表視圖脓豪,同時需要實現(xiàn)表視圖的委托協(xié)議和數(shù)據(jù)源協(xié)議相關(guān)方法巷帝。 -
網(wǎng)格布局模式
與列表布局相似,列表一列扫夜,網(wǎng)格多列楞泼,采用集合視圖實現(xiàn)。StackView堆視圖笤闯,可以實現(xiàn)管理垂直方向和水平方向排列的布局堕阔。
三、傳統(tǒng)布局技術(shù)
-
特點:
只能設(shè)置視圖與屏幕的上下左右邊距 -
實現(xiàn):
一般Auto Layout是自動選中的颗味,可以在文件檢查器中取消Use Auto Layout 和Use Size Classes復(fù)選框超陆。
傳統(tǒng)布局需要設(shè)置控件與屏幕的絕對距離,在尺寸檢查器中浦马,虛線代表相對距離时呀,實線代表絕對距離张漂,
注:模擬器中屏幕旋轉(zhuǎn)的快捷鍵 command + 左右箭頭
四、Auto Layout 布局技術(shù)
-
特點:
用一套約束定義視圖之間的關(guān)系 -
實現(xiàn):
a> Interface Builder
1谨娜、stack 將視圖對象添加到堆視圖StackView
2航攒、對齊,創(chuàng)建對齊約束趴梢,如居中
3漠畜、Pin,創(chuàng)建距離和位置的相關(guān)約束坞靶,如視圖高度盆驹,指定與其他視圖的水平距離等
4、解決布局中的問題
b> 代碼
五滩愁、ios9 堆視圖 StackView
類UIStackView躯喇,是一種容器視圖。