如何在xib中描述一個scrollView的步驟:
1.拖入一個scrollView并設(shè)置他的frame
2.將一個UIView拖入scrollView,成為scrollView唯一的子控件,并設(shè)置UIView相對scrollView上下左右對齊(即用UiView完全填充Scrollview)
3.設(shè)置UIView寬度和高度,即為scrollView的contentSize
4.設(shè)置UIView水平對齊,即為scrollView垂直滾動,設(shè)置UIView垂直對齊,即為scrollView水平滾動
5.要設(shè)置scrollView的contentSize隨子控件而改變,則刪除UIView的高度,并設(shè)置最底部的子控件UIView距離為XXX
在Storyboard\Xib中添加UIScrollView
-
01 在storyboard\xib添加一個ScrollView 并設(shè)置約束孝凌,
截屏2021-11-02 下午9.50.37.png
-02 ScrollView距離其父控件的上下左右都為0
-03 在Scrollview中添加子控件ContentView,并設(shè)置約束。
注意:是距離父控件Scrollview的上下左右為0(不要設(shè)置距離Frame layout Guide的上下左右為0)
04 給ContentView設(shè)置一個較高的高度,這個高度就是Scrollview的contentSize的height(這里可以不設(shè)置寬度,默認和其父控件ScrollView一樣寬)
-04 給ContentView設(shè)置為水平居中(如果scrollView為橫向滾動,則不要設(shè)置高度和水平居中,而是設(shè)置寬度和垂直居中)
-05 添加到ScrollView的視圖碌燕,不能直接添加在ScrollView里面,只能添加在ContentView里面才能實現(xiàn)滾動
添加一個Switch控件到ContentView
設(shè)置Switch控件的約束继薛,運行項目修壕,實現(xiàn)了ScrollView在Storyboard\Xib的滾動
06 后續(xù)要實現(xiàn)子控件動態(tài)布局時,只需要將ContentView的高度約束去掉遏考,并且設(shè)置ContentView底部最后一個控件A的約束慈鸠, ContentView.bottom == A.bottom + space,即可實現(xiàn)自動布局灌具!
-------------------------------------------以下備忘信息---------------------------
- 給添加一個UIView類型的子控件A(這將是UIScrollView唯一的一個子控件)
- 設(shè)置A距離UIScrollView上下左右間距都為0
- 往A中再添加其他子控件
- 上下滾動(垂直滾動)
- 設(shè)置A的高度(這個高度就是UIScrollView的內(nèi)容高度: contentSize.height)
- 設(shè)置A在UIScrollView中左右居中(水平居中)
- 左右滾動(水平滾動)
- 設(shè)置A的寬度(這個寬度就是UIScrollView的內(nèi)容寬度: contentSize.width)
- 設(shè)置A在UIScrollView中上下居中(垂直居中)
- 上下左右滾動(水平垂直滾動)
- 設(shè)置A的寬度(這個寬度就是UIScrollView的內(nèi)容寬度: contentSize.width)
- 設(shè)置A的高度(這個高度就是UIScrollView的內(nèi)容高度: contentSize.height)