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

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - wjwdive

如何使用git submodule拆分大的git项目 MAC多github账号配置步骤 - wjwdive 记录一次flutter boost5.0.2示例调试的过程 【算法】可获得的最大点数问题 使用1panel一键建站 关于混合加密(AES+RSA) C++设计模式汇总 设计模式C++005__桥模式 设计模式C++007__抽象工厂方法模式 设计模式C++004__装饰器模式 设计模式C++003__观察者模式 设计模式C++002__策略模式 设计模式C++001__模板方法 使用bundler自动化构建Xcode项目时遇到的问题。 - wjwdive AI图片生成网站 suno AI编曲创作利器 iOS组件化开发之私有库 iOS、Android获取apk公钥MD5信息 C语言实现回调函数标准方式 - wjwdive 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即可,方便快捷。