最終效果如下圖: 所有控制元件總高度超過螢幕高度,需要滾動才能完全顯示-->使用UIScrollView;
![Upload UISrcollView&AutoLayout.gif failed. Please try again.] gif 圖片上傳失敗,下次再弄吧
UISrcollView 的高度需要由子控制元件的高度來決定,所以與普通 AutoLayout 佈局不太相同。 最終佈局的檢視層次:ViewController(View>SrcollView>ContentView>SubViews) 手動新增的ContentView用來做所有子檢視的父檢視,方便與SrcollView固定相對位置關係; 設定 AutoLayout 的步驟:( StoryBoard 佈局不好描述,下面使用 VFL 描述)
- H:|-[SrcollView]-| 左右邊距為0 2. V:|-[SrcollView]-| 上下邊距為0 3. H:|-[ContentView]-| 左右邊距為0 4. V:|-[ContentView]-1-| 上邊距為0,下邊距為1 5. H:|-[SrcollView(ContentView)] 等寬 6. V:[SrcollView]-[SrcollView(SrcollView)] 等高(這時會有高度黃色警告,設定優先順序為999,即小於第4步優先順序)
- 設定每個 SubView 的佈局,必須固定每個 SubView 的高度
- 設定最下面一個 SubView 的 下邊距:V:|-[ContentView]-100-|,100是自定義值