I have used jQuery Mobile 1.3 for Worklight 5.0.6 development. I find that some of the functionalities such as Transitions, Panels and Popup Menu are not smooth in real device (Samsung Galaxy S3 & Samsung Note II, Android 4.1.1). It is poor and quite lag during display.
As Phonegap framework is used by Worklight ultimately, I have created a same mobile application using Phonegap and the performance is dramatically smoother than that using Worklight...
May I know why is it so and is there any way to improve the UI performance?
Thanks a lot.
Here is the code for the testing app: Worklight, PhoneGap
Quick Fix for this issue:
In your AndroidManifest.xml
Replace <supports-screens ...>
node with the following:
<supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true" />
Replace <uses-sdk ...>
node with <uses-sdk android:minSdkVersion="9"android:targetSdkVersion="17" />
and move direct after <supports-screens>
Node.
Add screenSize
to android:configChange
attribute under main Activity.
Build against SDK Version which greater than 3.2. (Click properties on your Android
project and then click on Android, see screenshot).
Try to install and run your Android application again.