【移动应用开发技术】如何在iOS中使用iconfont文字图标_第1页
【移动应用开发技术】如何在iOS中使用iconfont文字图标_第2页
【移动应用开发技术】如何在iOS中使用iconfont文字图标_第3页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

【移动应用开发技术】如何在iOS中使用iconfont文字图标

本篇文章为大家展示了如何在iOS中使用iconfont文字图标，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。第一步：获取iconfont文件。公司会有UI做图，让他们提供文件就好了，如果自己学习测试或者做自己的项目，就需要自己找素材了。打开网址，搜索你需要的图标移动鼠标到图标上，点击购物车的小图标，然后点击右上角的购物车小图标，点击下载代码，就可以把下载一个包含iconfont的压缩包，文件夹的目录如下图第二步：导入ttf文件将文件夹中的iconfont.ttf文件直接拖入到项目中，记得勾选Addtotargets中的选项第三步：修改info.plist点击添加按钮，输入UIAppFonts，点击回车，会自动变成名称为Fontsprovidedbyapplication的数组，点击添加一个item，类型为String，输入iconfont.ttf，这个是你刚导入的文件的名字，点击回车，配置完毕；第四步：查看iconfont中的图标的编码我们使用的是unicode，所以，在刚才下载的文件夹中找到demo_unicode.html文件，双击打开，可以看到如下内容其中的图标名称下面的一个字符串就是我们需要的编码，只是我们需要将其进行转换，如果是Objective-C，我们需要将其转为\U0000e642，如果是swift，我们需要将其转为\u{e642}，每个图标的编码不一样，但是对应关系是一样的，每个iconfont文件中可能不止一个图标，使用的时候就根据图标编码转成对应的即可使用；第五步：在项目中使用iconfont我用的是swift，Objective-C的使用方式类似，你们可以自己尝试，只是编码的转换结果不一样let

iconLabel

=

UILabel.init(frame:

.init(x:

0,

y:

0,

width:

100,

height:

30))

iconLabel.text

=

"\u{e642}"

iconLabel.font

=

UIFont.init(name:

"iconfont",

size:

15)其中的设置font中的name是你导入文件

人人文库> 全部分类> 专业文献 > IT计算机

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论