如何让PhoneGap、jQuery Mobile中的UI好用？答案

【问题标题】：How to make UI in PhoneGap, jQuery Mobile good?如何让PhoneGap、jQuery Mobile中的UI好用？
【发布时间】：2013-09-24 04:49:32
【问题描述】：

我是 PhoneGap 的新手。我使用 ponegap 和 jquery mobile 创建了一个示例应用程序，其中包含一些按钮和一些其他表单元素。当我安装在我的手机（Samsung Ace）中时，我觉得按钮的 UI 和其他一些表单元素看起来不太好。按钮内的拐角不完美.
我正在使用以下

cordova-2.9.0.jar
jquery-2.0.3.min.js
jquery.mobile-1.3.2.min.js
jquery.mobile-1.3.2.min.css

我错过了什么吗？请帮助我。如何使 UI 看起来和感觉良好？

谢谢

【问题讨论】：

尝试在你的设备上运行jquerymobile的官方网站，它也会以类似的方式呈现按钮，没有什么可以做的......你需要去其他的UI框架......跨度>
Idk 关于你，但 jquerymobile.com 对我来说是关闭 atm..

标签： javascript jquery css jquery-mobile cordova

【解决方案1】：

要在 Phonegap 中制作 UI，jQuery Mobile 不错，但不是最好的。如果您想要在性能和 UI 方面获得最佳结果，那么您必须使用 Sencha Touch。请访问此Link，它可能对您有所帮助。

【讨论】：

【解决方案2】：

我建议使用ThemeRoller 在jQuerymobile 框架中获取您的用户界面

查看以下链接

http://jquerymobile.com/themeroller/index.php

【讨论】：

【解决方案3】：

就我自己而言，我已经将 jQuery Mobile 与 Phonegap 一起使用，我对此相当满意。我不认为您在角落遇到的问题是 jquery mobile，而是与您使用的任何模拟器程序有关；它们在我的笔记本电脑、平板电脑、s3 和 iPhone 上的各种分辨率下都能正常工作，即使我使用 ripple 在 chrome 上缩小/缩小 25% 到 500% 也是如此。

要制作更好的界面，您可以使用 jQuery Mobile 的ThemeRoller。

【讨论】：

我也试过手机。显示的格式相同。对于每行右侧的列表视图，将出现右箭头图标。但是因为它只显示灰色圆圈，所以没有显示箭头。

【解决方案4】：

jQuery Mobile 框架对于 phonegap 应用并不重要，您可以使用普通的 HTML 和 CSS（CSS3 也可以）自定义自己的样式。

【讨论】：