惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
有赞技术团队
有赞技术团队
Jina AI
Jina AI
H
Help Net Security
D
Docker
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Blog — PlanetScale
Blog — PlanetScale
Hugging Face - Blog
Hugging Face - Blog
罗磊的独立博客
MyScale Blog
MyScale Blog
N
Netflix TechBlog - Medium
B
Blog RSS Feed
Martin Fowler
Martin Fowler
WordPress大学
WordPress大学
T
The Blog of Author Tim Ferriss
U
Unit 42
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
MongoDB | Blog
MongoDB | Blog
美团技术团队
M
MIT News - Artificial intelligence
阮一峰的网络日志
阮一峰的网络日志
博客园 - 司徒正美
Microsoft Security Blog
Microsoft Security Blog
IT之家
IT之家

博客园 - wjwdive

Apple官方package介绍 SwiftUI常用的第三方package MAC安装鼠尾管输入引擎并配置雾凇词库+万象拼音大模型 如何使用git submodule拆分大的git项目 MAC多github账号配置步骤 记录一次flutter boost5.0.2示例调试的过程 【算法】可获得的最大点数问题 使用1panel一键建站 关于混合加密(AES+RSA) C++设计模式汇总 设计模式C++005__桥模式 设计模式C++007__抽象工厂方法模式 设计模式C++004__装饰器模式 设计模式C++003__观察者模式 设计模式C++002__策略模式 设计模式C++001__模板方法 使用bundler自动化构建Xcode项目时遇到的问题。 AI图片生成网站 suno AI编曲创作利器 iOS组件化开发之私有库 iOS、Android获取apk公钥MD5信息 C语言实现回调函数标准方式 swift 自定义tabbar为基本结构的项目 swift 可选类型
阿里图标库批量下载iOS适配的图标
wjwdive · 2023-05-15 · via 博客园 - wjwdive

没有UI设计师精湛的技艺,很难设计出符合业务场景的图标,作为开发,确实拙计。
练手的项目可以完全可以降低标准,不必达到看图识意,生产上在再请专业UI出图也不失是一个好的方案。
阿里巴巴矢量图标库,就给了我们极大方便,😭。

阿里图网址:
可以使用微博,git,等第三方登陆
https://www.iconfont.cn/
根据自己的需要选择图标库类型,我一般选单色图标,然后再根据情况在下载时选择图标大小和颜色。

参考苹果的图标尺寸大小:
标准 tab bars                                                    压缩 tab bars
69px × 69px (23pt × 23pt @3x)                        51px × 51px (17pt × 17pt @3x)
46px × 46px (23pt × 23pt @2x)                        34px × 34px (17pt × 17pt @2x)

默认选48px就可以,当作@2x 的图标来用。
然后可以,右键网页--检查,在网页的控制台输入全选图标的代码:

var span = document.querySelectorAll('.icon-cover');
for (var i = 0, len = span.length; i < len; i++) {
     console.log(span[i].querySelector('span').click());
}

会发现所有的图标都已被放入购物车,
然后打开购物车,选择合适的大小和颜色,再点击下方的SVG/AI/PNG就可以打包下载了对应文件格式压缩包了。

解压缩后,全选图标文件,右键重命名,可以在后面批量追加文字,例如_hilight,_disabled.@2x,@3x.
再拖进Xcode文件里就可以使用了。
普通图标颜色:1296db
hilight图标颜色:10d3ad
不可用图标颜色:707070

蒲公英的内测工具箱里有简单好用的App 图标批量导出工具:
http://static.pgyer.com/about/cooperation

可以选择一个自己喜欢的简易图标,下载1024x1024的图,然后上传,让系统切割好Icon,直接导入Xcode即可,方便快捷。