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

相关文章

使用Python实现矢量路径的压缩、解压与可视化

《使用Python实现矢量路径的压缩、解压与可视化》在图形设计和Web开发中,矢量路径数据的高效存储与传输至关重要,本文将通过一个Python示例,展示如何将复杂的矢量路径命令序列压缩为JSON格式,... 目录引言核心功能概述1. 路径命令解析2. 路径数据压缩3. 路径数据解压4. 可视化代码实现详解1

Pandas透视表(Pivot Table)的具体使用

《Pandas透视表(PivotTable)的具体使用》透视表用于在数据分析和处理过程中进行数据重塑和汇总,本文就来介绍一下Pandas透视表(PivotTable)的具体使用,感兴趣的可以了解一下... 目录前言什么是透视表?使用步骤1. 引入必要的库2. 读取数据3. 创建透视表4. 查看透视表总结前言

Python装饰器之类装饰器详解

《Python装饰器之类装饰器详解》本文将详细介绍Python中类装饰器的概念、使用方法以及应用场景,并通过一个综合详细的例子展示如何使用类装饰器,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录1. 引言2. 装饰器的基本概念2.1. 函数装饰器复习2.2 类装饰器的定义和使用3. 类装饰

Python 交互式可视化的利器Bokeh的使用

《Python交互式可视化的利器Bokeh的使用》Bokeh是一个专注于Web端交互式数据可视化的Python库,本文主要介绍了Python交互式可视化的利器Bokeh的使用,具有一定的参考价值,感... 目录1. Bokeh 简介1.1 为什么选择 Bokeh1.2 安装与环境配置2. Bokeh 基础2

Android使用ImageView.ScaleType实现图片的缩放与裁剪功能

《Android使用ImageView.ScaleType实现图片的缩放与裁剪功能》ImageView是最常用的控件之一,它用于展示各种类型的图片,为了能够根据需求调整图片的显示效果,Android提... 目录什么是 ImageView.ScaleType?FIT_XYFIT_STARTFIT_CENTE

MySQL 中的 JSON 查询案例详解

《MySQL中的JSON查询案例详解》:本文主要介绍MySQL的JSON查询的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql 的 jsON 路径格式基本结构路径组件详解特殊语法元素实际示例简单路径复杂路径简写操作符注意MySQL 的 J

Java学习手册之Filter和Listener使用方法

《Java学习手册之Filter和Listener使用方法》:本文主要介绍Java学习手册之Filter和Listener使用方法的相关资料,Filter是一种拦截器,可以在请求到达Servl... 目录一、Filter(过滤器)1. Filter 的工作原理2. Filter 的配置与使用二、Listen

Pandas使用AdaBoost进行分类的实现

《Pandas使用AdaBoost进行分类的实现》Pandas和AdaBoost分类算法,可以高效地进行数据预处理和分类任务,本文主要介绍了Pandas使用AdaBoost进行分类的实现,具有一定的参... 目录什么是 AdaBoost?使用 AdaBoost 的步骤安装必要的库步骤一:数据准备步骤二:模型

使用Pandas进行均值填充的实现

《使用Pandas进行均值填充的实现》缺失数据(NaN值)是一个常见的问题,我们可以通过多种方法来处理缺失数据,其中一种常用的方法是均值填充,本文主要介绍了使用Pandas进行均值填充的实现,感兴趣的... 目录什么是均值填充?为什么选择均值填充?均值填充的步骤实际代码示例总结在数据分析和处理过程中,缺失数

如何使用 Python 读取 Excel 数据

《如何使用Python读取Excel数据》:本文主要介绍使用Python读取Excel数据的详细教程,通过pandas和openpyxl,你可以轻松读取Excel文件,并进行各种数据处理操... 目录使用 python 读取 Excel 数据的详细教程1. 安装必要的依赖2. 读取 Excel 文件3. 读