Free Download Software and Android Tutorials

Thursday, July 2, 2015

Android studio tutorial: create layouts with DroidDraw

Android Studio tutorial on this occasion they will discuss about the layout found on android, where the last two articles have discussed fully about the types of layouts on android which consists of two parts. If in the previous article we make a layout on the media with android editor studio, so it has limitations in design, but in this article we will create a layout with the help of a tool that is DroidDraw. This tool is very flexible to design the layout android, and most importantly, free. The size is very small, only 845 KB and you can download via the official website.

File the downLoaded DroidDraw shaped Winrar, and to use it you first extract. DroidDraw does not have an installer, so to run it you just click the file DroidDraw Application. If already opened, then the initial appearance of DroidDraw like the following.


Android studio tutorial: create layouts with DroidDraw

You look at the picture at the top of which is the appearance of DroidDraw, where in the middle are a preview, while the right side is the components that you can enter. Now we will design a Table Layout which has three TableRow, wherein the first TableRow TextView and EditText contain, as well as a second TableRow. As for the third TableRow contains a button. To design the layout as I described above through the tool DroidDraw way is as follows.

In the right pane you select the Layout tab, and then you select TableLayout then drag to the preview window so that later the results are as shown below.

Android studio tutorial: create layouts with DroidDraw

Do not forget to add components as much as 3 TableRow the same way that you drag to the live preview window, for more details please see the picture below.

Android studio tutorial: create layouts with DroidDraw

If the window appears as shown above, then you select TableLayout which means you put into TableRow attributes. Repeat these steps three times to enter TableRow that will produce a design TableLayout as shown below.

Android studio tutorial: create layouts with DroidDraw

The next step now is to add a component or object TextView and EditText into first and second TableRow. The trick is you select the Widgets tab of the window on the right, then enter and EditText TextView component in the first and second TableRow. For more details you can see in the image below.

Android studio tutorial: create layouts with DroidDraw

Android studio tutorial: create layouts with DroidDraw

Repeat the above steps to fill TableRow second while the third TableRow you just simply insert the Button component.

Set the object properties in DroidDraw

Once we have succeeded in designing a layout through DroidDraw, now we will set the properties of each object we have designed earlier. Change properties TableRow TextView at first on the properties Text and ID, So that the end result will be like the picture below.

Android studio tutorial: create layouts with DroidDraw

Do not forget every completed setting up the properties you click the Apply button found on the right-hand window DroidDraw. Now we will take the xml code of the design layout that we have made is to be in place on android editor studio is on the toolbar DroidDraw way you select generate, so that later on the bottom right will appear the code as shown below.

Android studio tutorial: create layouts with DroidDraw

Thus a brief tutorial android layout with the help of a simple tool called DroidDraw; hopefully this short article can provide additional useful knowledge.



Android studio tutorial: create layouts with DroidDraw Rating: 4.5 Diposkan Oleh: Unknown

0 comments:

Post a Comment