Click here to Skip to main content
Click here to Skip to main content
Go to top

Android UI Layout and Controls

, 24 Aug 2014
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

 
GeneralGood artical [modified] PinmemberMember 108825777-Sep-14 3:36 
GeneralThanks for the entry! PinstaffKevin Priddle27-Aug-14 6: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 | Mobile
Web02 | 2.8.140926.1 | Last Updated 25 Aug 2014
Article Copyright 2014 by Julie Bartolf
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid