IBM Worklight: UI Performance

Question

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

Answer 1

Quick Fix for this issue:

In your AndroidManifest.xml

1. Replace <supports-screens ...> node with the following:
   <supports-screens android:largeScreens="true" android:normalScreens="true" android:smallScreens="true" android:resizeable="true" android:anyDensity="true" />

2. Replace <uses-sdk ...> node with <uses-sdk android:minSdkVersion="9"android:targetSdkVersion="17" /> and move direct after <supports-screens> Node.

3. Add screenSize to android:configChange attribute under main Activity.

4. 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.