黄金比例角圆角框矩形按钮答案

【问题标题】：Golden ratio corner rounded frame rectangle button黄金比例角圆角框矩形按钮
【发布时间】：2013-11-18 19:25:04
【问题描述】：

我们如何以编程方式制作圆角矩形框架，如

buyButton.layer.cornerRadius = 2;
buyButton.layer.borderWidth = 1;
buyButton.layer.borderColor = [UIColor blueColor].CGColor;

但会产生一个黄金比例角，例如 iOS 7 图标形状中引入的那个；
?

【问题讨论】：

增加圆角半径？
你怎么知道它遵循黄金比例？
它确实使用了与整体尺寸相关的曲率半径以一定的比例，看； razorianfly.com/wp-content/uploads/IOS7-Icon-Grid-System.png

【解决方案1】：

如果您想要相同的形状，只需测量图像，例如使用 Photoshop 并设置与按钮宽度成比例的边框半径。我为你做了测量：

buyButton.layer.borderRadius = 0.315 * buyButton.frame.size.width;

我不认为它遵循黄金比例的思想。如果是的话，比例应该是(1 - (sqrt(5) - 1)/2)，也就是0.381...，导致圆角太圆。

【讨论】：

【解决方案2】：

此模板中的黄金比例还有更多内容。它出现在相对于彼此的圆圈的相对大小和模板的宽度中。有关详细信息，请参阅http://www.phimatrix.com/product-design-golden-ratio/。

【讨论】：