#3 用 view 拼湊漂亮的圖案

用 view 拼湊漂亮的圖案,Storyboard 初體驗,發揮創意,訓練耐心。

圖片轉像素網站

觀摩了好多人的作品,覺得輸人不輸陣,決定幹大事!

小改了圖片轉像素網站的水平格數為360

原本 理想的圖案 360*270

靠著各種方法,終於完成。10:53分 開啟 storyBoard,心裡想說 97200個 View,就給 Xcode 多點時間,讓它轉啊轉
然後…就 GG ,三小時過後 Xcode 就 當.掉.惹. 🤪
心好累

只好委屈一點改成 60 * 45

為了保護眼睛、鍵盤、雙手,只好靠著非正統方法完成。
參考這篇前輩的做法
https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84%E8%A9%A6%E7%85%89-%E5%8B%87%E8%80%85%E7%9A%84-100-%E9%81%93-swift-ios-app-%E8%AC%8E%E9%A1%8C/%E7%94%A8-view-%E6%8B%BC%E6%B9%8A%E6%BC%82%E4%BA%AE%E7%9A%84%E5%9C%96%E6%A1%88-%E6%AF%94%E6%96%B9%E5%B0%8F%E5%B0%8F%E5%85%B5-%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84ios-app-%E4%BD%9C%E6%A5%AD-b146129ca2e0#.9srqjepft

處理步驟如下

1. 透過圖片轉像素網站產生 html 語法

2. 透過文字編輯器將 html 語法轉成 array 格式,並透過 javascript 處理 hex2RGB 與組成 View 的 XML 內容

3. 將 View 的 XML 語法貼到 storyBoard,並開啟/執行 Project 確認結果

--

--