SignIn with Apple 的自定义圆形按钮

Posted

技术标签:

【中文标题】SignIn with Apple 的自定义圆形按钮【英文标题】:Custom circular button for SignIn with Apple 【发布时间】:2020-07-10 03:38:17 【问题描述】:

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

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

这是苹果在文档中写的

此时我如何才能获得只有圆形标志的苹果登录按钮?

【问题讨论】:

您是否找到了解决方案或更好地对此进行澄清?我有同样的问题。我不明白我是否必须将角半径应用于按钮或掩盖按钮内的图像。另一个问题是图像有自己的填充,所以即使图像的大小填充按钮,如果您将圆角半径应用于按钮,其背景颜色应该与徽标的图像(黑色或白色)相同,如果清除则不会看到圆角。如果您将蒙版应用于图像,您还需要考虑填充大小。 @MrHim 我添加了适合我的解决方案 【参考方案1】:

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

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

【讨论】:

【参考方案2】:

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

【讨论】:

【参考方案3】:

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

我所做的是,

    UIImageView 与您应用中其他社交媒体徽标的大小相同。

    @IBOutlet var imgAppleLogo: UIImageView!
    

    设置SVG 图标(来自苹果设计resources)。

    设置背景颜色和圆角半径如下:

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

完成!

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

即使你采取UIButton,你也可以关注。

这样做,我们不会修改默认的苹果图标,因此不会违反 Apple 准则。

【讨论】:

以上是关于SignIn with Apple 的自定义圆形按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何在颤动中创建具有圆形边缘的自定义容器?

带有实心圆圈的自定义圆形进度条

使标签栏上的自定义按钮圆形

详细分享UICollectionView的自定义布局(瀑布流, 线性, 圆形...)

带有圆形边框的Android自定义相机

自定义圆形ProgressBar遇到的问题