除了使用CSS或javascript之外,是否有使用Phonegap创建iOS7模糊效果的更原生的解决方案?
之前我从未使用过Phonegap,我的应用程序需要模糊效果,我试图决定使用我的网络技能来创建这个应用程序或聘请本地开发人员。
谢谢你们!
答案 0 :(得分: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/)
另一种选择是使用本机导航栏。它引入了一系列问题(例如:如何最好地将非本机视图转换与本机导航栏的转换同步),但这意味着您还可以获得iOS 7'在导航栏上免费模糊。我在这里有一个(非常alpha)插件实现了这个(以及工具栏):http://plugins.cordova.io/#/package/com.photokandy.nativecontrols