uibutton - tvOS:如何制作一个在聚焦时仍然有阴影的圆形按钮？

Question

更新:自 WWDC 2017 起，tvOS 支持非圆角按钮。 Here's a link to the documentation .

原始问题:

在 tvOS 上，系统类型 UIButton 在聚焦时会获得简洁的阴影效果。

我想获得这种效果，但使用圆形的UIButton。到目前为止，我已经尝试过以下方法:

1. 我尝试过使用 ol'layer.cornerRadius 技巧来圆角 - 但这不起作用；按钮是圆形的，但在聚焦时它们不会脱离 View (因为它们被剪切到边界):

   button.layer.cornerRadius = button.size.width / 2.0
   button.clipsToBounds = true
   

2. 我尝试设置圆形背景图像 - 但现在按钮后面出现奇怪的背景颜色或阴影:

   button.setBackgroundImage(myCircularImage, forState: .Normal)
   

   选项 2 如下所示(注意:红色按钮当前处于焦点状态):

我还可以尝试使用 UIButton(type: .System) 来免费获得焦点引擎的阴影效果吗？或者我需要为此编写一些更自定义的内容吗？

Answer 1

我本月在西雅图举行的 tvOS 会谈中与苹果工程师进行了交谈 - 目前还没有办法获得圆形 UIButton 的系统标准焦点行为(视差、运动效果、光泽等) - 这真是太糟糕了!

他们建议我要么改变设计，要么为 UIButton 编写自己的焦点/视差/运动效果。我并不急于编写自己的效果 - 可能无法完全复制系统标准效果，并且当 future 平台发生变化时，自定义效果可能会显得过时。

更新:我写了一篇博客文章，并包含了用于实现此效果的示例代码: http://www.devsign.co/notes/custom-focus-effects-in-tvos

更新 #2:自 WWDC 2017 起，tvOS 支持非圆角按钮! Here's Apple's documentation .