Rounded Corners For Flex Mobile Application’s List/ListForm

This technique is applicable to probably any component that is on the Mobile phones screen inside a group. Lets take a look how to do this I am using Flash Builder 4.5.1 for this exercise. First create a project called roundedcorners, In your Mobile settings check either Android, Apple iOS or BlackBerry > Select View Based application > Click Finish In the roundedcornersHomeView.mxml file you will see code similar to this Now add a rectangle to the above code shown below Lets add a List Control to our little app now as shown below Above code just had one problem with padding and margins, when you scroll your list the the List item are visible in the Gap between ActionBar and Rect border. To fix that try these margin and padding settings Run this application now and you will get lovely rounded corners for your Mobile View. Adjust padding as per liking.     This final result is shown below Hope this helps Download project files by clicking this link roundedcorners Flash Builder project … [Read more...]