最近做一个项目, UI给了PSD文件, 所以一些小图标我也需要从里面截, 然后用到app中却发现尺寸并不合适, 大家也知道如果改变其大小是会失真的, 所以我找不到改变大小不失真的方式(貌似在web中可以用script操作保证不失真, 没用过), 所以我找到了其他的办法:FontAwesomeTools-iOS
是的, 可以从github上(https://github.com/sweetmandm/FontAwesomeTools-iOS)下载到, 其实它的作用就是可以让你很容易地就能用到N多个小图标, 而且可以设置图标大小, 并且不失真! 下面就让我们来看看怎么用它吧, 别看这么多废话, 其实很简单的!
1. 到上述那个网址下载整个zip压缩包,
文件就这么多, 主要的还是FontAwesomeTools里的文件, 其他可以不管;
2. FontAwesomeTools:
将这里的文件全部导入到你的项目中, 位置可以随意(FontAwesome.otf建议放到Supporting Files), LICENSE可以不需要导入;
3. 接下来就是需要在Supporting Files目录下的xx-Info.plist文件中设置:
在其实加入新项: Fonts provided by application, 如果你之前有那就直接在这下面加入item, 然后值填入FontAwesome.otf(也就是这个icon包的文件名), 如图
4. 确保上面没问题了之后就可以直接在你的代码中调用icon了:
<1>. 先导入FontAwesome.h
<2>.创建字体:
UIFont *fontAwesome = [FontAwesome fontWithSize:30.0f];
创建带Icon的UILabel
UILabel *label = [FontAwesome labelWithIcon:fa_cutlery size:20.0f color:[UIColor blackColor]];
设置已存在UILabel的Icon
[FontAwesome label:existingLabel setIcon:fa_cutlery size:20.0f color:[UIColor blackColor] sizeToFit:YES];
创建UIImage(我现在用的这个, fa_cutlery是icon名字, 具体对应哪些icon我后面会给link.)
UIImage *icon = [FontAwesome imageWithIcon:fa_cutlery
iconColor:[UIColor redColor]
iconSize:60.0f
imageSize:CGSizeMake(90.0f, 90.0f)];
还有一种, 用文件方式创建
UIImage *icon2 = [FontAwesome imageWithText:@"\uf190"
font:[UIFont fontWithName:@"FontAwesome" size:60.0f]
iconColor:[UIColor redColor]
imageSize:CGSizeMake(90.0f, 90.0f)];
选择自己需要的方式去创建小图标吧!
PS: fa_cutlery为Icon name, 参照link: http://fortawesome.github.io/Font-Awesome/icons/
link中不是下划线, 但是还是对应的, 因为这个框架还支持很多, css, php, ruby等, 配置过程各异;
如果有理解不对的地方还往大家直接指出, 一起努力! 7.24 xdx