Click here to Skip to main content
11,436,179 members (64,831 online)
Click here to Skip to main content

Android UI Layout and Controls

, 24 Aug 2014 CPOL
Rate this:
Please Sign up or sign in to vote.
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. Smile | :)  

History

 

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Julie Bartolf

United States United States
No Biography provided

Comments and Discussions

 
GeneralMy vote of 5 Pin
mrmike19-Nov-14 9:12
professionalmrmike19-Nov-14 9:12 
GeneralGood artical [modified] Pin
Member 108825777-Sep-14 4:36
memberMember 108825777-Sep-14 4:36 
GeneralThanks for the entry! Pin
Kevin Priddle27-Aug-14 7:12
staffKevin Priddle27-Aug-14 7:12 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.150428.2 | Last Updated 25 Aug 2014
Article Copyright 2014 by Julie Bartolf
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid