javascript - Phonegap原生iOS7模糊效果

Question

除了使用 CSS 或 javascript 之外，是否有更原生的解决方案使用 Phonegap 来创建 iOS7 模糊效果？

我以前从未使用过 Phonegap，我的应用程序需要模糊效果，我正在尝试决定是使用我的网络技能来创建此应用程序还是聘请本地开发人员。

谢谢大家!

Answer 1

和往常一样，答案是视情况而定。

CSS3 确实支持模糊，但与 iOS 7 使用的方式不同。这意味着可以创建一个静态模糊(比如，在导航栏上)，但是没有发现(我最后知道的)启用动态模糊的好方法-- 如果试图模仿 iOS 7，这可能就是您想要的。

尽管将此作为解决方案提出这个问题有点离谱，但一种选择是简单地不实现模糊。您可以通过使用渐变(例如，75% 不透明到 100% 不透明)来近似类似的东西。根据您的需要，这可能就足够了。 (我第一次注意到这个是在这个网站:https://mir.aculo.us/2013/09/16/how-to-create-a-web-app-that-looks-like-a-ios7-native-app-part-1/)

另一种选择是使用 native 导航栏。它引入了自己的一系列问题(例如:如何最好地将非 native View 转换与 native 导航栏的转换同步)，但是这意味着您还可以免费获得 iOS 7 导航栏上的模糊效果.我有一个(非常 alpha 的)插件在这里实现了这个(以及工具栏):http://plugins.cordova.io/#/package/com.photokandy.nativecontrols