[Day13] swift & kotlin 实作篇！(4) 图片资源

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 •́ ʔ

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

为什麽！！ 连假四天的我要在这里画小鸡！！
该死的疫情 如果没疫情

我现在应该在 山上看日出？海边浮浅？ 还是在韩国吃部队锅？
ヽ༼⊙_⊙༽ﾉ 疫情快退散 我要出去玩