IOS添加小图标


最近做一个项目, 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












  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值