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

由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应用程序。

在iOS 14中使用带有SF Symbols 2的彩色图标_第1张图片

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

要在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/

你可能感兴趣的:(iOS移动开发,SF,Symbols)