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

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/

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值