如何在PhoneGap，jQuery Mobile中使UI更好？

Question

I'm new to PhoneGap. I created a sample application using ponegap and jquery mobile which contain some button and few other form elements. While I installed in my mobile(Samsung Ace), i feel the UI of button and few other form elements are not looking good. Cornering in button is not perfect .
I'm using the following

1. cordova-2.9.0.jar
2. jquery-2.0.3.min.js
3. jquery.mobile-1.3.2.min.js

4. jquery.mobile-1.3.2.min.css

   Am i missing anything? Please help me.How to make the UI look and feel good?

Thanks

Answer 1

To make UI in Phonegap, jQuery Mobile is good, but not the best. If You want the best result in performance and UI then you'll have to use Sencha Touch . Please visit this Link it may be helpful to you.

Answer 2

I would suggest to use ThemeRoller to get your UI in jQuerymobile framework

Check the following link

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

Answer 3

Speaking for myself, I've used jQuery Mobile with Phonegap, and I'm fairly happy with it. I don't think the problem you're having with the corners is jquery mobile, but rather related to whatever emulator program you're using; they work fine for me on various resolutions on my laptop, tablet, s3 & iphone, even when I zoom out/in between 25% and 500% on chrome using ripple .

To make a nicer interface, you can use jQuery Mobile's ThemeRoller .

Answer 4

jQuery Mobile框架对于phonegap应用程序并不重要，您可以使用常规HTML和CSS（也包括CSS3）来自定义自己的样式。