标签: sf-symbols

更改 UIButton 内的 SF 符号大小

我正在声明一个这样的按钮:

let menuButton = UIButton()
Run Code Online (Sandbox Code Playgroud)

之后,我尝试更改它的参数并在具有此功能的 LBTATools(一个 pod)的帮助下设置他在视图上的位置:

fileprivate func setMenuButtonUI() {
        menuButton.setImage(UIImage(systemName: "line.horizontal.3.decrease.circle.fill"), for: .normal)
        view.addSubview(menuButton)
        menuButton.anchor(top: view.safeAreaLayoutGuide.topAnchor, leading: view.leadingAnchor, bottom: nil, trailing: nil, padding: .init(top: 20, left: 60, bottom: 0, right: 0), size: .init(width: 40, height: 40))
        menuButton.setupShadow(opacity: 1, radius: 5, offset: .zero, color: .darkGray)
        menuButton.tintColor = .red
    }
Run Code Online (Sandbox Code Playgroud)

一切正常,我得到了正确的颜色、位置和大小。唯一的问题是它的大小,我不能用所有常用的方法来改变它menuButton.imageView?.contentMode = .scaleAspectFit

可能是因为它是SF符号而不是普通图像。

有人的帮助将不胜感激。

谢谢

uibutton uiview ios swiftui sf-symbols

34
推荐指数
3
解决办法
9981
查看次数

如何在 UIKit 中更改 SF Symbols 的图标颜色?

在 中SwiftUI,您可以使用foregroundColor修饰符更改图标的颜色。所以我认为应该有一种方法可以改变UIKit. 我查阅了文档,并没有找到任何与之相关的内容。

现在可以吗?

let iconImage = UIImage(systemName: "chevron.right", 
    withConfiguration: UIImage.SymbolConfiguration(pointSize: 16, weight: .regular, scale: .medium))
Run Code Online (Sandbox Code Playgroud)

colors uikit ios sf-symbols

30
推荐指数
6
解决办法
1万
查看次数

是否可以在 UIImage 之外使用 SF Symbols?

我对如何在 iOS 项目的文本中使用 SF 符号感到困惑。我有一个 UIButton 使用一个符号就好了UIImage systemImageNamed:。我想在另一个视图中显示有关该按钮的消息和一些文本。我认为我应该能够使用对该符号的 Unicode 引用,但它没有呈现。我的理解是这些符号位于私人使用区域中,但我无法使用类似的代码渲染它们@"Press the \U0010057C button."

我曾尝试将 SFSymbolsFallback.ttf 字体文件导入到我的项目中。

我希望看到符号呈现,但我得到一个 ? 反而。

unicode nsstring ios sf-symbols

27
推荐指数
2
解决办法
8822
查看次数

在SwiftUI中找到Image(systemName :)的所有可用图像

在哪里可以找到初始化程序中可用的所有系统映像Image(systemName:)

我只使用了"chevron""star.fill"到目前为止,在苹果公司的SwiftUI系列教程发现。但是,我在任何官方文档中都找不到完整的图标列表。

swift ios13 swiftui sf-symbols

25
推荐指数
6
解决办法
6206
查看次数

有没有办法在 swiftui 中更改 sf 符号图标的笔触/填充颜色?

我正在寻找一种方法来更改 swiftui 中 sf 符号图标的笔触/填充颜色。

我已经尝试过,.background(Color.red)但这只是改变了整个图标的背景(没有改变应用于实际图标本身),正如暗示的那样,然后我也尝试.foregroundColor(Color.red)了对图标没有任何作用。

内容视图的内容如下

var body: some View {
Image(systemName: "person.circle").foregroundColor(.red)    
}

Run Code Online (Sandbox Code Playgroud)

swiftui sf-symbols

25
推荐指数
4
解决办法
2万
查看次数

SF 符号分层、调色板和多色渲染模式颜色?

在 WWDC 2021 上,Apple 宣布了 SF Symbols 3,它将在 iOS 15 和 macOS 12 中支持新的多色 SF Symbols。

新的色彩渲染模式,通过图层注释增加符号的深度和强调
https://developer.apple.com/design/ human-interface-guidelines/sf-symbols/overview/

在 UIKit 和 Swift 中创建这样的图像的语法是什么?

let configuration = UIImage.SymbolConfiguration(pointSize: 18, weight: .regular, scale: .large)
// set colors...?

let image = UIImage(systemName: "1.circle", withConfiguration: configuration)
Run Code Online (Sandbox Code Playgroud)

如何使用 UIKit 中新的hierarchicalpalette、 和multicolor渲染模式?

这些新的渲染模式和颜色在 SF Symbols 3 应用程序中可见:

SF 符号分层渲染颜色

SF 符号调色板渲染颜色

uikit uiimage swift sf-symbols

21
推荐指数
1
解决办法
9691
查看次数

如何在iOS 12及以下版本中使用SF符号?

我正在更新应用程序中的图标。听说Apple发布了SF Symbols以iOS 13 命名的图标字体后,我想知道我是否只能在iOS 13中使用它们,或者是否也可以在较低版本的iOS中使用它们。

如果要使用它们,是否必须对旧版本实施后备?

human-interface ios sf-symbols

20
推荐指数
3
解决办法
8950
查看次数

如何为iOS 13的SF符号设置权重?

我有这个

Image(systemName: "arrow.right")
Run Code Online (Sandbox Code Playgroud)

但是我如何使其变为粗体,半粗体等?

我正在使用新的SwiftUI。

ios swift swiftui sf-symbols

16
推荐指数
7
解决办法
2025
查看次数

在应用程序中轻松显示所有 SF Symbols 图标的方法

我正在开发一个显示 SwiftUI 中所有可用功能的应用程序。作为其中的一部分,我想显示所有可用的 SF 符号。我想知道是否有一种方法可以轻松做到这一点(无需输入所有名称/变体)。

谢谢

ios swift swiftui sf-symbols

9
推荐指数
2
解决办法
4456
查看次数

带有系统图像的倒置遮罩 swiftui

我正在尝试从 swiftUI 中的圆形中剪出一个 sf 符号。

我目前有以下代码:

Circle()
   .fill(Color.white)
   .frame(width: 50, height: 50)
   .mask(
       Image(systemName: "play.fill")
           .font(.system(size: 24))
           .foregroundColor(Color.black)
           .frame(width: 50, height: 50)
   )
Run Code Online (Sandbox Code Playgroud)

产生:

在此处输入图片说明

但是,我想要的是反转蒙版的效果:符号从圆圈中切出,如下图所示:

在此处输入图片说明

请注意,实际背景不是图像中的红色,而是用户上传的图像,因此无法将符号 foregroundColor 设置为红色。

有什么方法可以反转符号/图像的蒙版,使圆圈中有一个具有图像形状的孔?

ios swiftui sf-symbols

8
推荐指数
3
解决办法
2050
查看次数