用于使用 Apple 登录的自定义圆形按钮

Question

我遵循 Apple 的指南来实施“使用 Apple 登录”按钮。苹果在文档中表示，也可以仅使用徽标来创建“使用 Apple 登录”的自定义按钮，您也可以更改图像的形状以具有圆形按钮...

为了能够编辑图像，它还提供插入蒙版，但我不明白我们必须为按钮或所选图像创建蒙版。

这是苹果在文档中写的

此时我怎样才能获得只有圆形徽标的苹果登录按钮？

Answer 1

您可以使用由 Apple inc 提供的 DMG 文件（由 Apple 发布）中的 PNG、PDF Apple 图标。 这是链接https://devimages-cdn.apple.com/design/resources/download/Logo-SIWA.dmg

Answer 2

您可以在该链接中下载 de svg 图标：

https://developer.apple.com/design/resources/

Answer 3

我有一个解决方法！我的应用程序也获得了 Apple 审核团队的批准。

我所做的是，

1. 将

   UIImageView

   与应用程序中其他社交媒体徽标的尺寸相同。

   @IBOutlet var imgAppleLogo: UIImageView!
   

2. 设置

   SVG

   图标（来自苹果设计资源）。

3. 设置背景颜色和圆角半径如下：

   imgAppleLogo.layer.cornerRadius = imgAppleLogo.frame.size.height / 2
   imgAppleLogo.backgroundColor = UIColor.black
   

完成！

我必须设置背景颜色来填充苹果图标的默认填充。否则图标不会是圆形的。

即使您采取了

UIButton

，也可以遵循相同的方法。

通过这样做，我们不会修改默认的苹果图标，因此不会违反苹果指南。

Answer 4

对于那些来这里寻求 SwiftUI 解决方案的人。

我需要一个圆形登录按钮。我首先在此链接下载了圆形图像。我使用这些设置是因为我需要 50pt 的图像。

然后我将图像导入到资产中。并在我看来使用它。

struct AppleSignInBtn: View {
var action: () -> Void
var body: some View {
    Button {
        action()
    } label: {
        Image("apple")
            .foregroundColor(.white)
    }
    .frame(width: 50, height: 50)
}

现在我可以在任何这样的视图中使用它了。

AppleSignInBtn {
    print("Apple Sign In pressed")
}