Creating your first app page!

I’m going to create the first page using the palette which is on the left hand side of the IDE. 

Image

Before you start it’s best to familiarise yourself with the properties which are in the palette. Find out which layout is best for the app you are creating, as each has their benefits and disadvantages. 

I will take you through the most commonly used ones and how to use them. 

1. First chose what layout you are going to use. In this case i’m going to use a “relative layout”. This will enable me to place textviews and textedits etc freely around the screen. 

2. Placing TextViews. Textviews are using for text which cannot be edited. They can be used to display titles or anything, however the text placed within them should be stored in the strings file. 

Image

Updating the text and id

You should also update the id of the widget you have inserted. This will be used for the Java code and will enable to identify it easily.

3. Textedits are for when the user has to enter some form of information. This could be there name, or a guess etc. 

4. Buttons are just the regular buttons which you would click on to go to the next page. 

Image

Properties

5. To change the position of the widget go to the left hand corner to the properties box. You will there see layout:width, layout:height and layout:margin. 

 

 

 

What my finished page looked like:

Image

 

3 thoughts on “Creating your first app page!

  1. great publish, very informative. You should proceed your writing. I’m sure,
    you’ve a huge readers’ base already!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s