美文网首页
iconfont 在App中的使用

iconfont 在App中的使用

作者: Mnnni | 来源:发表于2016-04-07 11:22 被阅读330次

    前言
    零零散散的写过一些博客,但最终都很难坚持下去,现在就从简书开始了,多学习一些东西,多记录下来,共同提高,共同进步。
    也许你经常看见支付宝的口碑页面、淘宝上经常动态的切换些和节日相关的图片,也许你会觉得那是后台提供的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官方博客

    相关文章

      网友评论

          本文标题:iconfont 在App中的使用

          本文链接:https://www.haomeiwen.com/subject/mvimlttx.html