如何使用 CALayer 绘制边框或文本？
我想要 3D 外观，即使是我使用 Core Animation 制作的某些文本和边框的浅色 3D 外观。
现在我只是创建一个具有角半径的 CALayer，但我最终可能会用贝塞尔曲线替换它。但我不知道如何从镶边文本开始。我可以看到一些关于 illustrator 或 Photoshop 的教程，所以我认为这里可能有可能 - 但很难找到任何东西。
I would like to have a 3d look, even if it is a light 3d look to some text and borders that I am doing with Core Animation.
Right now I am just creating a CALayer that has a corner radius, but I may eventually replace that with a bezier curve. But I have no idea how even begin with bezelled text. I can see some tutorials with illustrator or photoshop, so I think it is probably possible here — yet it is hard to find anything.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
使用阴影。要么是浅色文本颜色，要么是深色阴影颜色，或者相反，再加上一点偏移（哪个方向应该反映您拥有的颜色方式以及您希望文本的外观方式）并且没有模糊。
CALayer 有四个属性，您可以使用它来进行设置。
只需确保它仍然可读，尤其是对于视力不佳的用户而言。不要使对比度太低，也不要导致文本看起来模糊而不是凸起或雕刻。
请记住，在Mac OS X 界面中，灯光光源位于正上方，因此阴影直接向下投射。对于雕刻文字，阴影（文字的深色面）应位于文字（浅色面）上方；对于凸起的文本，它应该位于下方。
Use a shadow. Either a light text color and dark shadow color, or the other way around, plus a one-point offset (which direction should reflect which way you have the colors and which way you want the text to look) and no blur.
CALayer has four properties you can use to set this up.
Just make sure it's still readable, especially to users with low vision. Don't make the contrast too low, and don't cause the text to look blurry instead of raised or carved.
And remember, in the Mac OS X interface, the light source is directly above, so shadows are cast straight down. For carved-in text, the shadow(ed side of the text) should be above the (light side of the) text; for raised text, it should be below.