矢量图形绘制旋钮

Question

我想画一个带有旋钮的界面，类似于这张照片中的"overdrive“(绿色)：

​

​

在iOS中，比如矢量图形，我应该使用吗？Quartz、OpenGL ES或其他什么？

我确信可以用OpenGL完成，但我认为它非常复杂。所以，如果可以的话，我会避免使用更“简单”的东西。

Answer 1

这在很大程度上取决于如何呈现GUI的其余部分。但是，除非您已经在使用OpenGL，否则Quartz或CoreAnimation可能是您最好的选择。

看一下截图，似乎你可以用两个图像层来达到这个效果，一个背景(静态)和一个前景(旋转)。

背景图像可以有比例(画在踏板上)和阴影，然后是黑色的旋钮边框和闪亮的金属中间。然后，您只需使用Quartz或使用CGLayer并旋转它，以适当的角度绘制黑色刻度线指示器(特别是如果您希望按钮纹理的一部分随其旋转)。

看起来旋钮很平滑，所以你不需要担心旋转边缘。假设光源是固定的，那么左上角边缘的高光和金属中间的光线也可以是静态的。

但是，如果您想要更逼真，可以尝试使用第三层，其中只包含有光泽的中间部分，并在指针旋转时来回稍微旋转此层以使旋钮中间具有动画效果。它不需要一直走来走去；也许10度左右的变化应该有助于销售效果。