美文网首页
SF Symbols(iOS 13.0新特性)

SF Symbols(iOS 13.0新特性)

作者: 红红宝宝 | 来源:发表于2020-06-12 18:01 被阅读0次

    SF Symbols 是iOS 13中引入的一项非常重要的新特性,由于Dark Mode下所有图标都会需要两套颜色,使用静态的图片切图会让图片素材数量激增,因此苹果干脆做了这一整套1500多个图标的矢量图标库,配合iOS中的基底层与架高层、语义化颜色、Vibrancy(鲜亮化)等动态的颜色处理,使用SF Symbols可以在深浅模式中都能自动获得完美的展示效果。

    SF Symbols的原理和Iconfont很类似,都是将SVG矢量图形以Unicode字符的形式打包在字体文件中。SF Symbols是内置集成在苹果目前的系统默认字体San Francisco字体系列里的,开发者只需引用Symbol的名称就可以迅速调用出SF Symbols提供的图标。同时设计师也可以利用SF Symbols官方提供的SVG模板制作自定义的图标共App调用。

    Mac中的SF Symbols应用,可以快速检索Symbols名称,并以Unicode字符形式复制出来

    官方文档:

    https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

    SF Symbols官方下载地址:

    https://developer.apple.com/design/downloads/SF-Symbols.dmg

    应用:

     UIImage *image = [UIImage systemImageNamed:@"circle.fill"];

        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 80, 80)];

        imageView.image= image;

        [self.viewaddSubview:imageView];

    相关文章

      网友评论

          本文标题:SF Symbols(iOS 13.0新特性)

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