1. 程式人生 > >設定 content size,實現水平捲動,上下捲動和分頁的 scroll view

設定 content size,實現水平捲動,上下捲動和分頁的 scroll view

研究常用 UI Kits- Phase 2_ 水平捲動

水平捲動的 Scroll View
水平捲動
  1. 在畫面上加入寬度等於螢幕寬度的 scroll view
  2. 再於 scroll view 上放一個 view,為方便操作,先將 View 拉到 的 Exit 下方,呈現畫面如下圖。
  3. 在 View 上加入需要 image view。

4. 製作好後再拉回原本的scroll view,當 View 回到 Scroll View 上時,位置會跑掉,須在調整View 的 X 和 Y,這裡千萬千萬不要自己手動拉,會一直跑掉XD

before
after, 這樣才是對的!!!

5. 最後設定scroll view 的 content size。

scroll view 的 content size 決定了它內容的大小,也就是它可以捲動的範圍。content size 的寬度要大於 scroll view 的寬度才能水平捲動。
在 scroll view 的 Identity inspector 頁面,於 User Defined Runtime Attributes 輸入以下內容。