iconFont在iOS上的使用详解

2024-04-17 09:32
文章标签 使用 详解 ios iconfont

本文主要是介绍iconFont在iOS上的使用详解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 iconFont原理:app有个特点,就是支持三方语言包,通过这个特点,我们可以把icon做成字体,注册到系统,这样我们就能通过使用文字的方式去使用icon。其实说白了,系统的字体也是图像,只是这个图像的样子是个字。

     基于这个基础,地球上出现了很多类似icomoon这样把icon生成字体的应用,我们可以直接在这类应用选择icon,然后下载,也可以上传我们自己设计的icon,生成出字体icon,最后把icon文件导入应用,写上几行代码就能实现像显示文字一些样显示icon了。

      这么做的好处:
1,通过icomoon生成的字体icon是矢量图,在各种屏幕上显示都不变形,无需切成@1X,@2X,@3X...这么多的图片
2,icomoon大大的缩减了我们app的大小,是瘦身的一大利器
3,操作简单,若生成icon的对应表,找icon时就不用一个个文件夹去找了

      这么做的坏处:
1,图片的使用变得复杂,这么做当然比直接使用图片要复杂,新手需要学习成本
2,xib文件在UIImageView上设置image时不能直接用这个icon,那么xib到底该怎么用iconFont呢?

     详细用法:
1 )访问 https://icomoon.io 2 )点击右上角 “IcoMoon App” ,会出来茫茫多的小 icon ,这个时候你选择你想要的 icon ,或者上传你自己设计的 icon 3 )选好 icon 之后选择右下角的 Generate Font 生成 icon 字体
4 )右下角可以 Download 下来这个 icon 字体集合,找到里面的 .ttf 文件,把这个文件拖到工程里面(是否每次新增加 icon 都要拖入这么一个文件)
5 )把下载下来的文件中的 style.css 打开,找到 icon 的名称和字符对应关系,把 icon 字符抽取出来放到工程里面供代码使用。(其实这里还有一点没说,直接下载下来的字符格式是不能直接使用的,因为iconfont注册为系统字体,在我们使用的时候要用Unicode码才能调用得到系统字体,所以我们需要转一下,转码方法是吧/e600转成/ue600,就是在e前面直接加上一个u就可以了,然后在代码里面使用/ue600就可以显示出应有的icon了)
6 )在 info.plist 中加上 Fonts provided by application 这个节点,下面的值就是字体 icon 的.t tf 文件名

效果图:



更多信息关注快友移动:http://www.58hunlian.com/H5


这篇关于iconFont在iOS上的使用详解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/911422

相关文章

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery

使用Python绘制蛇年春节祝福艺术图

《使用Python绘制蛇年春节祝福艺术图》:本文主要介绍如何使用Python的Matplotlib库绘制一幅富有创意的“蛇年有福”艺术图,这幅图结合了数字,蛇形,花朵等装饰,需要的可以参考下... 目录1. 绘图的基本概念2. 准备工作3. 实现代码解析3.1 设置绘图画布3.2 绘制数字“2025”3.3

Jsoncpp的安装与使用方式

《Jsoncpp的安装与使用方式》JsonCpp是一个用于解析和生成JSON数据的C++库,它支持解析JSON文件或字符串到C++对象,以及将C++对象序列化回JSON格式,安装JsonCpp可以通过... 目录安装jsoncppJsoncpp的使用Value类构造函数检测保存的数据类型提取数据对json数

python使用watchdog实现文件资源监控

《python使用watchdog实现文件资源监控》watchdog支持跨平台文件资源监控,可以检测指定文件夹下文件及文件夹变动,下面我们来看看Python如何使用watchdog实现文件资源监控吧... python文件监控库watchdogs简介随着Python在各种应用领域中的广泛使用,其生态环境也

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

springboot整合 xxl-job及使用步骤

《springboot整合xxl-job及使用步骤》XXL-JOB是一个分布式任务调度平台,用于解决分布式系统中的任务调度和管理问题,文章详细介绍了XXL-JOB的架构,包括调度中心、执行器和Web... 目录一、xxl-job是什么二、使用步骤1. 下载并运行管理端代码2. 访问管理页面,确认是否启动成功

Mysql 中的多表连接和连接类型详解

《Mysql中的多表连接和连接类型详解》这篇文章详细介绍了MySQL中的多表连接及其各种类型,包括内连接、左连接、右连接、全外连接、自连接和交叉连接,通过这些连接方式,可以将分散在不同表中的相关数据... 目录什么是多表连接?1. 内连接(INNER JOIN)2. 左连接(LEFT JOIN 或 LEFT

使用Nginx来共享文件的详细教程

《使用Nginx来共享文件的详细教程》有时我们想共享电脑上的某些文件,一个比较方便的做法是,开一个HTTP服务,指向文件所在的目录,这次我们用nginx来实现这个需求,本文将通过代码示例一步步教你使用... 在本教程中,我们将向您展示如何使用开源 Web 服务器 Nginx 设置文件共享服务器步骤 0 —

Java中switch-case结构的使用方法举例详解

《Java中switch-case结构的使用方法举例详解》:本文主要介绍Java中switch-case结构使用的相关资料,switch-case结构是Java中处理多个分支条件的一种有效方式,它... 目录前言一、switch-case结构的基本语法二、使用示例三、注意事项四、总结前言对于Java初学者

Linux内核之内核裁剪详解

《Linux内核之内核裁剪详解》Linux内核裁剪是通过移除不必要的功能和模块,调整配置参数来优化内核,以满足特定需求,裁剪的方法包括使用配置选项、模块化设计和优化配置参数,图形裁剪工具如makeme... 目录简介一、 裁剪的原因二、裁剪的方法三、图形裁剪工具四、操作说明五、make menuconfig