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

推荐订阅源

Google DeepMind News
Google DeepMind News
爱范儿
爱范儿
J
Java Code Geeks
L
LangChain Blog
V
V2EX
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
博客园 - Franky
Microsoft Azure Blog
Microsoft Azure Blog
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
The Cloudflare Blog
博客园 - 司徒正美
B
Blog
G
Google Developers Blog
Stack Overflow Blog
Stack Overflow Blog
罗磊的独立博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
Engineering at Meta
Engineering at Meta
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
Hugging Face - Blog
Hugging Face - Blog

博客园 - 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即可,方便快捷。