Facebook 应用程序中的 titleView 图标（这样绘制的算法？）
新版本的 Facebook iPhone 应用程序在 UINavigationItem 的 titleView 中添加了浮雕工具栏图像。在该图像中很难看到，但基本上有一个内部阴影，然后是温和的外部发光，当你点击它们时，它们会像普通的条形按钮一样发出全面的发光。
它们具有某种压印或浮雕的外观，而不是普通条形按钮的白色面具。
有什么想法如何做到这一点吗？非常感谢，谢谢。
The new version of the Facebook iPhone app has embossed toolbar images in the UINavigationItem's titleView. It's hard to see in that image, but basically there's an inner shadow and then a mild outer glow, and when you tap on them they have a full-on glow like regular bar buttons.
They have sort of a stamped or embossed look, rather than the white mask of regular bar buttons.
Any ideas how to do that? Much appreciated, thanks.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
聘请图形设计师为各种状态创建按钮图像。 :)
Hire a graphic designer to create button images for the various states. :)
到目前为止，我的进展顺利，尽管我还没有优化我的绘图代码。这花费了我比我想要的更多的时间，但我希望这最终能得到回报。我怀疑 Facebook 的应用程序只是使用图像。
第 1 步：剪辑到边界并绘制色调颜色（一些 alpha 透明度）
第 2 步：使用 此代码（删除图像参数的路径参数）
第3步：CGContextBeginTransparencyLayer，设置shadow=white，绘制图像，然后再次绘制kCGBlendModeDestinationOut
此时，只需调整颜色（步骤 1）和阴影参数（步骤 2 和 3）即可。
在此之后，我怀疑水龙头和发光效果会很容易。这是一些很好的核心图形实践！
So far, I'm well on my way, though I haven't optimized my drawing code yet. It's taken me far more time than I'd have liked, but I hope this pays off in the end. I suspect that Facebook's app simply uses images.
Step 1: clip to bounds and draw tint color (some alpha transparency)
Step 2: draw inner shadow using this code (remove path parameters for image parameter)
Step 3: CGContextBeginTransparencyLayer, set shadow = white, draw your image, then draw it again with kCGBlendModeDestinationOut
At this point it's just a matter of tweaking the color (step 1) and the shadow parameters (steps 2 and 3).
After this, I suspect the tap & glow effect will be easy. It's been some good core graphics practice!