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

推荐订阅源

Forbes - Security
Forbes - Security
T
Troy Hunt's Blog
cs.CV updates on arXiv.org
cs.CV updates on arXiv.org
H
Hacker News: Front Page
TaoSecurity Blog
TaoSecurity Blog
PCI Perspectives
PCI Perspectives
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
V
Vulnerabilities – Threatpost
博客园 - 【当耐特】
V
Visual Studio Blog
N
News and Events Feed by Topic
Security Archives - TechRepublic
Security Archives - TechRepublic
V
V2EX
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Recent Commits to openclaw:main
Recent Commits to openclaw:main
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
WordPress大学
WordPress大学
T
Tor Project blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
美团技术团队
P
Proofpoint News Feed
A
Arctic Wolf
C
CERT Recently Published Vulnerability Notes
Last Week in AI
Last Week in AI
T
Tenable Blog
K
Kaspersky official blog
爱范儿
爱范儿
S
Security @ Cisco Blogs
Spread Privacy
Spread Privacy
大猫的无限游戏
大猫的无限游戏
Jina AI
Jina AI
博客园 - 三生石上(FineUI控件)
T
Tailwind CSS Blog
S
SegmentFault 最新的问题
Security Latest
Security Latest
T
The Exploit Database - CXSecurity.com
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
www.infosecurity-magazine.com
www.infosecurity-magazine.com
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Project Zero
Project Zero
W
WeLiveSecurity
L
LINUX DO - 最新话题
Hacker News: Ask HN
Hacker News: Ask HN
阮一峰的网络日志
阮一峰的网络日志
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Cyber Attacks, Cyber Crime and Cyber Security
小众软件
小众软件
Webroot Blog
Webroot Blog
Hacker News - Newest:
Hacker News - Newest: "LLM"
Attack and Defense Labs
Attack and Defense Labs

博客园 - wjwdive

如何使用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即可,方便快捷。