swift

首先我們來看看圖片資源設定
撰寫app的過程中 圖片檔案要非常小心
不要侵犯到別人的智慧財產權喔
為了方便練習 身為工程師的我
弱弱的畫了幾隻素材小雞

需要的人自己抓來練習！
也可以自己畫～蠻好玩的～～
資源區
本次練習為匯入小雞圖片與icon
開始吧！

首先我們點選Assets.xcassets
並點選下方的＋的 Image set
並輸入一張圖片名稱 chick

圖片資源建立後, 會看到他有三個欄位
分別對應

1x: 非retina
2x: retina
3x: retina HD

三種尺寸, 對應不同設備
因此我們依序把三張 chick_尺寸.png
依照大小拉近進入框框即可

這樣圖片檔新增就完成摟！
接下來設定 AppIcon 請依照尺寸放入圖片

請下載資源區裡的圖片
swift資料夾下 Icon-App-尺寸 請依照提示拉入

這樣各種裝置的Icon圖就設定完成摟！
接下來請點選執行APP, 我們來看看虛擬機上的效果

回到桌面查看後, 小雞的Icon就設定完成摟！
如果想自製Icon, 可先製作1024x1024的正方形圖片
然後再依序縮放大小即可喔

kotlin

Android 的icon所需知識點稍微多一點
應此我們先從icon開始吧！
Android 在 v24後推出了自適應的Icon
仔細想想喔～Android 的Icon形狀是千奇百怪
有圓形 有圓角 還有各種形狀
會依照不同廠牌跟手機 略微不同
v24後利用XML來達成自適應
同時也可以由XML來轉換成個尺寸形狀的png
供應給v24以下的系統使用
首先～

將左上角從android 切換到 project
在res資料夾上方點選 右鍵 -> new -> image Asset

接下來設定
Icon Type: Launcher Icons (Adaptive and Legacy)
Name: ic_launcher
Foreground Layer:
Path請選到資源檔的 kotlin/ic_launcher_foreground.xml
Scaling請自行縮放大概70%附近

Background Layer：
Path請選到資源檔的 kotlin/ic_launcher_background.xml
其他不用動, 點選next

接下來工具就會輸出各種尺寸的icon圖
紅色文字是會覆蓋的檔案 不要怕就Finish下去
尺寸分別為

接下來將預設的Icon都刪除即可
點選 run app, 並點選Terminate
即可看到正確Icon

完美拉！
接下來匯入小雞圖片吧
請到 kotlin/chick.png 複製小雞圖片
將 project 切換回 android 資料夾模式
找到 res/drawble 資料夾 並貼上圖片

確認好路徑

設定好名稱！ 完成～！

小碎嘴時間 ヽ(ﾟ´Д`)ﾉﾟ

昨天在用Vectr畫小雞
畫著畫著～突然覺得好有成就感 ʕ •̀ o •́ ʔ

果然偶爾跨跨領域是很有趣的啊～
真的~很有趣... 有趣... ⸍⚙̥ꇴ⚙̥⸌

為什麼！！ 連假四天的我要在這裡畫小雞！！
該死的疫情 如果沒疫情

我現在應該在 山上看日出？海邊浮淺？ 還是在韓國吃部隊鍋？
ヽ༼⊙_⊙༽ﾉ 疫情快退散 我要出去玩