I have created an application and tested on the BB Curve device. It is working fine, but when I loaded the same application on BB Bold, I encountered following problems:
1) On Bold the UI was not occupying the full drawable area available
2) The alignment of the UI elements within the screen went heywire
3) Some of the UI components were looking weired eg. DropDown(Combo box). On curve it was looking good, but on Bold the size of the dropdown changed.
Please give me your valuable suggestions and comments on how to create a cross compatible application which can be used uniformly across different BB device. The application should be able to detect the device specifics and automatically adjust itself based on the available resolution and drawable area.
The attached is the snapshot of the UI from the simulator from both Curve and Bold BB device.
The screen resolutions are different between Curve and Bold:
Storm 9530 = 480 x 360
Bold 9000 = 480 x 320
Curve = 320 x 240
8800 = 320 x 240
8700 = 320 x 240
Pearl = 240 x 260
You either need to use a preprocessor to flag code for different devices if you are using bitmaps, and use differing sizes of bitmaps, or you could use SVG which is a vector graphic format - there is a couple of examples in the JDE samples, you can get the screen sizes with a signed method Display.getHeight() and Display.getWidth()...
Another option is to use a layout manager - there are a few examples in this forum for that.