致敬光之國～製作ios超級英雄之書
在美式英雄漫畫電影尚未風靡全球之前，相信有點年紀的男生或多或少都有看過日本超級英雄的影集，光之國是我小時候接觸到的一個網站，他整理了日本假面騎士、戰隊系列、奧特曼(台譯：鹹蛋超人或超能力霸王)等日式超級英雄的相關情報與資料，還記得小時候每當上電腦課時，總是會登入網站去逛逛，在以前以電視為收看影音主流的時代，只有在播的時候才能看到，而錄影帶跟光碟又不是能一天到晚去租(爸媽總希望小孩電視少看一點、書一點哈)，所以逛光之國成為我當時吸收超級英雄宇宙資訊的一個重要的管道。
https://sites.google.com/site/ultratw/
那本次是模擬光之國的模式做簡單的超級英雄app，總共有三個主題“超級戰隊”、“假面騎士”、“奧特曼”，單一主題介面總共分兩個區塊，底下用Container View連結Table View做歷代英雄清單，上面則用Scroll View做左右滑動的照片banner。
並製作app專屬的light、dark版的主題用色
介面上做了一些土法煉鋼的小巧思
一、設計了專屬的Bar item：
花了一點時間一定要炫耀一下，用ai製作成pdf檔，拉進Assets.xcassets後開啟圖片的Preserve vector data，直接最高清
二、不貼邊的有色邊框：
我們知道Peter有教如何用layer.borderWidth，再不寫城市的狀況下增加邊框，但這有兩個問題，1.他一定會貼形狀邊、2.他只會是黑色的，這樣我們想做的像IG好友頭貼一樣美美的外框怎麼辦？現在有個土法煉鋼的方法(但無法使用漸層色)，就是在圖像(以下稱為i)後面再增加兩個view(以下稱為a、b)，讓i、a、b垂直水平至中依序疊在一起，並個別比上一層大些許尺寸，(ex: i=10x10、a=12x12、b=14x14)這樣，最後把a的顏色設為與底色相同，b則設為你想要邊框顏色，這樣就完成囉～
三、在Bar item上面增加一條長線，在切換item的時候會跟切換：
這個設計主要是在視覺上多一點變化，也能讓使用者更一目了然現在在哪一個頁面，正常來說這個長線應該是切換item的時候要有像拉霸一樣左右移動，但因為目前沒有寫程式，所以我們依然來土法煉鋼一下，直接讓他跟著出現切換就好，方法其實超簡單，就是用view做出來，調整適當的高度(ex:2~5)，再來就是以整個畫面寬除以總共的item數，就能得到線該有的寬度，再來就是在個別item放上線並調整好位置就大功告成囉
完成操作影片：
因為不想復刻別人的UI，所以一直在想能做什麼主題，想好後還要搜集跟製作素材，導致製作的時間上有點少，做得相對陽春，然後清單其實應該是要可以點的然後到個別詳細介紹的畫面，但是來不及哈哈，如果之後能夠有時間就在做得更仔細囉！
以下附上此app有用上的功能連結：
(容我事後再補哈哈哈)
