Now the we know more about the components of an Android Application let me introduce you to a new element we can work with: DroidDraw.
This is a User Interface designer/editor for Android written in Java. With this application (we can work on-line or on our desktop). We can also download it for Linux, Mac or Windows.
Once we have it on our desktop, it's time to have a look at it.
On the left side we can see a rectangle area, like our phone screen. This is the place where we are going to “draw" our UI. Above this screen we can see two values:
Root Layout -> Here we can set which is going to be the root layout of our UI. It can be a LinearLayout, AbsoluteLayout, RelativeLayout, ScrollView or TableLayout. So this is our first container of elements we are going to use.
Screen Size -> Here we can choose the size of our screen, as if we had different kinds of mobile phones and different screen sizes.
On the right side, we have, now, lots of widgets, that’s because we are on the “widgets" tab. We can see the names of the others tabs.
On the lower right side we can see the output of our creation. Here, we can generate the XML code from the UI we have created on the left side. On the other hand, we could write our own XML code and load it to the screen. This is a good way of testing the XML parameters to get familiar with them.
We are going to use the most important ones (in my opinion). Let's have a look at them.