ㄟ！你渴不渴 V2 — Auto Layout

與 Auto Layout 的愛恨糾葛

畫面跑版缺乏的不是個人能力，而是意志力！٩(๑`^´๑)۶

心血來潮把你渴不渴切換成 iPhone SE 看看，不看不知道，一看嚇一跳。快點用 Auto Layout 修改一下。

iPhone SE 災情報告

原本眾神歌頌的神聖氛圍突然變得跟沈沒的亞特蘭提斯一樣！
右側被切掉～訂購按鈕整個消失，還不給看總金額！嚶嚶嚶

Auto Layout 後 Screenshot

iPhone SE

iPhone 15

iPhone 15 Pro Max

Demo

iPhone SE

iPhone 15

iPhone 15 Pro Max

結語

呼～終於修改完成了！還順道調了 UI (๑•̀ㅂ•́)و✧

以下是這次工作分配：

Auto Layout 設置：Me

找彼拉Ａ夢：巴黎人

資料來源：可不可

找彼拉Ａ夢示意圖

彼拉Ａ夢百寶袋

scroll view 決定捲動範圍的 Content Layout Guide

設定 flow layout 的 collection cell & 間距固定大小

將畫面上多個元件變成 array 的 outlet collection

stack view + scroll view 製作分頁 tutorial (懶得寫程式版)

GitHub

GitHub - thinklikes/kebuke