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 的自定义圆形按钮的主要内容,如果未能解决你的问题,请参考以下文章