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];
网友评论