前言
零零散散的写过一些博客,但最终都很难坚持下去,现在就从简书开始了,多学习一些东西,多记录下来,共同提高,共同进步。
也许你经常看见支付宝的口碑页面、淘宝上经常动态的切换些和节日相关的图片,也许你会觉得那是后台提供的url,其实它也可以是个文字。用UILabel来实现的,下面就带你来code。
首先
既然是文字,那肯定有字体包,就比如
那么这个iconfont也是有字体包的,字体包的制作详见fontello(这里就不介绍)。
把iconfont.ttf 加载进Xcode, 并在info.plist里加上
info
前面一个是我的平方字体库,你们可以省略。
现在就可以在控制台打印出包含的字体库的名称了。
for (NSString* family in [UIFont familyNames])
{
NSLog(@"%@", family);
for (NSString* name in [UIFont fontNamesForFamilyName: family])
{ NSLog(@" %@", name);
}
}
拿到你需要的字体库名称,在下面fontWithName:@“你的字体库” 填入。
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(10, 60, 300, 50)];
label.font = [UIFont fontWithName:@"字体库名" size:35];
label.text = @"\U0000e606 \U0000e705 \U0000e6cb \U0000e42a\U0000e525\U0000e41c";
//label.textColor = UIColorFromRGB(0xFF7300);
[self.view addSubview:label];
现在就可以看见后面三个是系统表情icon。
找到图标对应的unicode码
使用 FontLab Studio 5工具打开字体文件(比如iconfont.ttf),就可以看到图标与unicode码之间的对应关系啦。
效果图
效果图
也许我写的不够简洁明了,当然你也可以访问淘宝网UED官方博客。
网友评论