0

原生应用程序中的应用程序开发分别针对 iPhone 和 Android 进行。但在 HTML5 Sencha 框架应用程序中,使用相同的 HTML5 代码。我们应该为两个平台的警报框或按钮使用相同的视觉样式,还是应该根据平台看起来不同?

由于使用相同的 HTML5 代码,您如何处理两个平台的不同外观?例如,iPhone 的菜单栏位于底部,而 android 的菜单栏位于顶部。或者对于Android,我们需要隐藏顶部的后退按钮或者如何为两个平台设置不同的警报框或按钮?

我们是否需要为 iOS 和 An 使用不同的 CSS 文件集?

我正在通过厨房同步 Sencha 应用程序,它显示了警报框的非常基本的样式。

4

1 回答 1

1

您可以使用 Sencha Touch 在检测用户代理时添加的 iOS/Android 类。例如,如果设备运行 iOS,则 body 元素具有类“x-ios”。对于 android,它将是“x-android”。这也适用于特定的操作系统版本(例如:“x-ios-4”)。尝试在 Chrome 中覆盖您的用户代理并检查不同代理下的元素以了解类。使用这些类,您可以避免使用多个样式表,只需根据类相应地设置 CSS。

至于无法用简单的 CSS 执行的特定布局调整 - 这是配置文件发挥作用的地方 (http://docs.sencha.com/touch/2-1/#!/api/Ext.app.Profile)。为 Android 和 iOS 设置配置文件,并根据需要使用启动功能来操作特定组件。

使用这些方法,您应该能够使事情井井有条,并最大限度地减少所需的单独文件的数量。

于 2012-12-05T05:36:04.160 回答