65.9K
CodeProject is changing. Read more.
Home

Android UI Layout and Controls

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.75/5 (7 votes)

Aug 25, 2014

CPOL

1 min read

viewsIcon

19192

In this tutorial, I will go over many of the Android UI Layouts and Controls. Providing a few examples I will bring you step by step through creating, and implementing these to the completion of an Android Application.

Introduction

This step by step guild is packed full of screen shots to guide you in the journey of learning about the different Android UI Layouts and Controls and how to use them in an application. Ready to code?  

Background

This tutorial was made using Windows 8, Eclipse Platform 4.2.2 and the Android ADK 23.0.2.1259578. 

Lets learn...

Step 1:  Definitions and Basic Components

 

 

 

 

 

 

 

 

 

 

 

 

Step 2:  Create a Relative Layout with some UI elements

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 3:  Change to LinearLayout with the same UI elements and two other layouts

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 4:  Code using the current UI Layouts and Controls

 

 

 

 

 

 

 

 

 

 

 

Step 5:  Add an include Other Layout with a UI Control

 

 

 

 

 

 

 

Step 6:  Add code for our newly added UI Control and run our application

 

 

 

 

 

 

 

 

Points of Interest

When I started this tutorial I had never used a ProgressBar, RatingBar, or SeekBar before, so I learned quite a bit through the process of creating it. :)  

History