知識點總結(jié)15:在xib中描述scrollView的contentSize

如何在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


截屏2021-11-02 下午9.52.49.png

-03 在Scrollview中添加子控件ContentView,并設(shè)置約束。
注意:是距離父控件Scrollview的上下左右為0(不要設(shè)置距離Frame layout Guide的上下左右為0)


截屏2021-11-02 下午9.54.53.png
截屏2021-11-02 下午9.57.36.png

04 給ContentView設(shè)置一個較高的高度,這個高度就是Scrollview的contentSize的height(這里可以不設(shè)置寬度,默認和其父控件ScrollView一樣寬)

截屏2021-11-02 下午10.12.42.png

-04 給ContentView設(shè)置為水平居中(如果scrollView為橫向滾動,則不要設(shè)置高度和水平居中,而是設(shè)置寬度和垂直居中)

截屏2021-11-02 下午9.59.02.png

-05 添加到ScrollView的視圖碌燕,不能直接添加在ScrollView里面,只能添加在ContentView里面才能實現(xiàn)滾動

添加一個Switch控件到ContentView


截屏2021-11-02 下午10.17.17.png

設(shè)置Switch控件的約束继薛,運行項目修壕,實現(xiàn)了ScrollView在Storyboard\Xib的滾動


截屏2021-11-02 下午10.17.35.png

06 后續(xù)要實現(xiàn)子控件動態(tài)布局時,只需要將ContentView的高度約束去掉遏考,并且設(shè)置ContentView底部最后一個控件A的約束慈鸠, ContentView.bottom == A.bottom + space,即可實現(xiàn)自動布局灌具!


截屏2021-11-02 下午10.22.32.png

-------------------------------------------以下備忘信息---------------------------

  • 給添加一個UIView類型的子控件A(這將是UIScrollView唯一的一個子控件)
  • 設(shè)置A距離UIScrollView上下左右間距都為0
  • 往A中再添加其他子控件
Snip20151109_228.png
  • 上下滾動(垂直滾動)
    • 設(shè)置A的高度(這個高度就是UIScrollView的內(nèi)容高度: contentSize.height)
Snip20151109_202.png

- 設(shè)置A在UIScrollView中左右居中(水平居中)

Snip20151109_203.png

- 左右滾動(水平滾動)
- 設(shè)置A的寬度(這個寬度就是UIScrollView的內(nèi)容寬度: contentSize.width)

Snip20151109_231.png

- 設(shè)置A在UIScrollView中上下居中(垂直居中)

Snip20151109_230.png

- 上下左右滾動(水平垂直滾動)
- 設(shè)置A的寬度(這個寬度就是UIScrollView的內(nèi)容寬度: contentSize.width)
- 設(shè)置A的高度(這個高度就是UIScrollView的內(nèi)容高度: contentSize.height)

Snip20151109_232.png
Snip20151109_229.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末青团,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子咖楣,更是在濱河造成了極大的恐慌督笆,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件诱贿,死亡現(xiàn)場離奇詭異娃肿,居然都是意外死亡咕缎,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門料扰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來凭豪,“玉大人,你說我怎么就攤上這事晒杈∩┥。” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵桐智,是天一觀的道長末早。 經(jīng)常有香客問我烟馅,道長说庭,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任郑趁,我火速辦了婚禮刊驴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘寡润。我一直安慰自己捆憎,他們只是感情好,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布梭纹。 她就那樣靜靜地躺著躲惰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪变抽。 梳的紋絲不亂的頭發(fā)上础拨,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機與錄音绍载,去河邊找鬼诡宗。 笑死,一個胖子當著我的面吹牛击儡,可吹牛的內(nèi)容都是我干的塔沃。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼阳谍,長吁一口氣:“原來是場噩夢啊……” “哼蛀柴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起矫夯,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤鸽疾,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后茧痒,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體肮韧,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了弄企。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片超燃。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖拘领,靈堂內(nèi)的尸體忽然破棺而出意乓,到底是詐尸還是另有隱情,我是刑警寧澤约素,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布届良,位于F島的核電站,受9級特大地震影響圣猎,放射性物質(zhì)發(fā)生泄漏士葫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一送悔、第九天 我趴在偏房一處隱蔽的房頂上張望慢显。 院中可真熱鬧,春花似錦欠啤、人聲如沸荚藻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽应狱。三九已至,卻和暖如春祠丝,著一層夾襖步出監(jiān)牢的瞬間疾呻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工纽疟, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留罐韩,地道東北人。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓污朽,卻偏偏與公主長得像散吵,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蟆肆,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫矾睦、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,066評論 4 62
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案炎功? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,737評論 1 92
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程枚冗,因...
    小菜c閱讀 6,373評論 0 17
  • 疼痛像影子一樣隨行 卻不能像影子那樣 在黑暗中消失 遠方永遠有根胡蘿卜 引誘著你 走向你的出生地 兩個聾子在用手語...
    倚詩愛世閱讀 149評論 0 1
  • “子曰:吾日三省”。我們真的省了嗎蛇损?我不知道別人省了沒有赁温,但我是沒有坛怪。有的話都是很少的。所以我的生活才這樣狼狽股囊。這...
    小草_e388閱讀 232評論 0 0