SwiftUIScroll View ft. Classic Picture Books with Coronavirus

Who Whoville 變成了W.H.O. Dr. Seuss 的書本來在韻文與圖像上就很有雙關,然後又再被雙關一次。

最近看到這篇二創完全就讓我產生了會心的一笑,因為裡面的繪本與梗圖,我都了啊!!

除了圖像上的致敬之外,pond的標題更是令人拍案叫絕,還可以學學病毒防疫的英文怎麼說,如果能做個原圖對照,相信對經典繪本的介紹與箇中的樂趣,一定會很有幫助的!

因為是經典繪本所以原圖並不難找,難的是維持比例,直幅與橫幅目前我只能二選一,以直幅為多來看,加上方的文字說明default 設長寬(400, 300), 只能先跟被變動比例的橫幅說聲抱歉了!

因為我相信繪本作者設定的畫面比例都有一定的理由,所以正常不應隨意更動,尤其當你看過原來繪本的比例與大小。

  1. 設定 CompareView

加入Rectangle() 維持相片比例與元件一樣大小

2. 加入框線同時輸入Preview

3. 先做horizontal ScrollView 裡帶CompareView,再帶 vertical ScrollView 這樣上下左右都可以移動.

4. 分三組Group {}做完,因為一組只能放10個CompareView

覺得自己能把所有繪本都找出來,然後拼字還要拼對,不然圖不跑出來,真的是對繪本很有愛耶!!最後一定要示範這樣的對照圖,希望大家好好品嚐一下:

--

--