Ep.22[ wen’s iOS ] — 設定 content size，實現水平捲動，上下捲動和分頁的 scroll view
Published in
3 min readJul 31, 2023
本來是想做仿照一頁app，盡量練習到各項元件並還原畫面，不過做著做著完全歪掉哈哈哈，就當作這個是 scroll view 練習＋ 電子書 app 的綜合練習，由於 Ｍeta 7/6 發表了 threads 這個酷東東，馬上當成素材來練習 xd。
App 實作
storyboard 建立
如上圖，這次主要是練習在 table view 裏面塞一個橫向的 scroll view ，及其他基本元件練習，如 tab bar、 navigation controller 的設定等。
其中比較特別的如：
- 不想在滑動時跑出灰色的 header / footer，須在 tabel view 的欄位下面 Estimate 設定為 0 。
2.Navigation 的相關設定請參考這裡，當初設定要讓搜尋 / 動態那欄做的跟 threads 一模一樣有漸變的效果需要寫程式，因此選擇 hide bars 中的 on swipe 模仿。
3.撰寫頁面的部分有參考了彼得潘的 present modally 模仿彈出式卡片，無奈單獨測試的時候沒問題，與 tab bar 結合的時候就無法正常作動，這個部分待之後來 revenge 。
4.動態的下面那欄實作了橫的 scroll view ，但是在滑動的時候下面會有拉桿，不知道有沒有辦法不寫程式就能像 threads 那欄一樣 (沒辦法還原的部分就都懷疑是要寫程式 xd ) 。
5.整體看起來是個半成品，之後變得更強大要再回來模仿這些功能並實作！
GitHub 交作業
參考
