您当前的位置: 首页 >  ios

在iOS 14中使用带有SF Symbols 2的彩色图标

发布时间:2021-03-01 18:56:01 ,浏览量:0

由donnywals于2020年6月28日发布 苹果在iOS 13中引入了SF符号。SF符号使开发人员可以轻松地在其应用程序中集成图标。 SF Symbols图标与默认系统字体很好地集成在一起,并在整个系统中提供了一致的外观。

在iOS 14中,Apple向SF Symbols库添加了750多个新图标,供开发人员在其应用程序中使用。此外,Apple已将SF Symbols扩展为包括多色图标。有关可用的SF符号(包括新添加的和多色的符号)的完整概述,请从Apple的SF Symbols页面下载SF Symbols 2应用程序。

grid of new symbols

新符号网格 要在您的应用中使用彩色符号,您需要做的就是为图像设置正确的渲染模式。

要在SwiftUI中使用彩色图标,可以使用以下代码:

Image(systemName: "thermometer.sun.fill")
  .font(.largeTitle)
  .renderingMode(.original)

在基于UIKit的应用程序中,可以如下设置图标的颜色:

let image = UIImage(systemName: "star.fill")?
  .withRenderingMode(.alwaysOriginal)

请注意,在撰写本文时,我还没有设法使彩色SF符号与UIKit一起实际使用,并且在SwiftUI中使用时,取决于所使用的设备,只有少数SF符号可以正确显示多种颜色。 iPhone 11模拟器似乎可以正确渲染所有图标,但iPhone 7上的iOS 14 beta不能。当前还有一个错误,在该错误中设置图标的字体大小可能会导致其颜色不正确。

在您的应用程序中使用多色符号的功能是SF Symbols功能的非常受欢迎的功能,我认为它可以为您的应用程序增添真正的活力。

译自:https://www.donnywals.com/using-multi-colored-icons-in-ios14-with-sf-symbols-2/

关注
打赏
1688896170
查看更多评论

暂无认证

  • 0浏览

    0关注

    109966博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.3210s