ios开发小技巧

iOS中iconfont的基本使用

2017-12-01  本文已影响16人  qiulibi

第一步:从iconfont平台选择要使用到的图标,并下载至本地

动图.gif
第二步:打开从iconfont平台下载下来的文件,并在目录中打开demo_unicode.html,找到图标相对应的 HTML 实体字符码;
image.png
第三步:将从IconFont平台下载的字体文件(.ttf)添加到工程中;

打开Info.plist文件,增加一个新的Array类型的键,键名设置为UIAppFonts(Fonts provided by application),增加字体的文件名:“iconfont.ttf“


image.png

第四步:使用IconFont字体:

    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 250, 100)];
    label.numberOfLines = 0;
    label.textColor = [UIColor redColor];
    label.font = [UIFont fontWithName:@"iconfont" size:30];
    label.text = @"\U0000e6ec \U0000e6f2 \U0000e6f4 \U0000e6f5 \U0000e6f7 哈哈哈";
    [self.view addSubview:label];

其中fontWithName中的名称可以从之前打开的html文件中查找


image.png

效果图


Simulator Screen Shot - iPhone 8 Plus - 2017-12-01 at 18.18.42.png

其中还有一点需要主要一下:
· 文本值为 8 位的 Unicode 字符,我们可以从第一张图中找每个图标所对应的 HTML 实体 Unicode 码,比如: "扫一扫" 对应的 HTML 实体 Unicode 码为:&#xe6ec,我们只取圈起来的四个,即转换后为:\U0000e6ec 就是用\U 加圈起来的四个中间用 0 填补满长度为 8 个字符

上一篇下一篇

猜你喜欢

热点阅读