ios 界面布局

一、界面常用參數(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,是一種容器視圖。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容