javascript - Phonegap原生iOS7模糊效果

标签 javascript css cordova

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

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

谢谢大家!

最佳答案

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

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

关于javascript - Phonegap原生iOS7模糊效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23450346/

相关文章:

android - 如何从 Cordova 项目中删除 Crosswalk?

cordova - 添加cordova平台ios时出错

javascript - 用于 Web 组件/自定义事件 (JS) 的基于 HTML 的事件监听器

javascript - 如何导出带有 CMYK 颜色的 Highcharts?

javascript - 对象参数接口(interface)的 TypeScript 函数属性...任意数量的 args

javascript - 如何在不卡住浏览器的情况下在 JavaScript 中使用计时器循环?

javascript - 我的警告标签未显示在无效输入上

html - 如何使用 font-face 缩小 CSS

HTML 在 wordpress contact 7 插件中将文本右对齐

javascript - 从数据库检索值时未选中 Jquery mobile 复选框