Android Examples
Login / Register

Linear Layout Basic- Android Example

Horizontal orientation linear layout simulator view
Vertical orientation linear layout simulator view
Both orientation linear layout simulator view
  1. Horizontal orientation linear layout simulator view
  2. Vertical orientation linear layout simulator view
  3. Both orientation linear layout simulator view

DOWNLOAD CODE

Related Examples

Tab Layout | TabBar - Android Example

Grid Layout - Android Example

Table Layout - Android Example

Relative Layout Basics - Android Example

LINEAR LAYOUT create components vertical and horizontal order. Set orientation property to get vertical or horizontal LINEAR LAYOUT.

In this example we will learn about LINEAR LAYOUT.

1.   How to create Linear Layout .

2.   Created example to place comonents vertical and horizontal order.

3.   Created one example ( Login form ) to use both vertical and horizontal orientation property of LINEAR LAYOUT.

 

Orientation Vertical:

 

Linear layout vertical Sketch

   

 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            tools:context=".LinearLayout" >
        
                    <Button
                        android:text="BUTTON"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"  
                    />
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text 1"
                        android:paddingTop="10px"/>
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text 2"
                        android:paddingTop="10px"/>
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text 3"
                        android:paddingTop="10px"/>
        
        </LinearLayout>

 

Orientation Vertical :

 

Linear Layout Horizontal Sketch

 

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            tools:context=".LinearLayout" >
                
                    <Button
                        android:text="BUTTON"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"  
                    />
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text 1"
                        android:paddingTop="10px"
                        android:paddingLeft="10px"/>
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text 2"
                        android:paddingTop="10px"
                        android:paddingLeft="10px"/>
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text 3"
                        android:paddingTop="10px"
                        android:paddingLeft="10px"/>
        
    </LinearLayout>

 

 

Mixed Example With Horizontal And Vertical Orientation Properties :

 


Mixed with horizontal and vertical orientation properties

 

 

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_gravity="center"
                android:orientation="vertical"
                tools:context=".LinearLayout" >
                
                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:paddingLeft="10px"
                            android:paddingTop="20px"
                            android:text="LOGIN" />
                        
                                    <LinearLayout
                                        android:layout_width="fill_parent"
                                        android:layout_height="wrap_content"
                                        android:orientation="horizontal"
                                        android:paddingTop="20px">
                                
                                        <TextView
                                            android:layout_width="wrap_content"
                                            android:layout_height="wrap_content"
                                            android:paddingLeft="10px"
                                            android:paddingTop="20px"
                                            android:text="Username" />
                                
                                        <EditText
                                            android:layout_width="wrap_content"
                                            android:layout_height="wrap_content"
                                            android:layout_weight="0.50"
                                            android:layout_marginLeft="40px"
                                            android:paddingTop="20px" />


                                    </LinearLayout>
                        
                                    <LinearLayout
                                    android:layout_width="fill_parent"
                                    android:layout_height="wrap_content"
                                    android:orientation="horizontal"
                                    android:paddingTop="20px"
                                     >
                                    
                                                        <TextView
                                                            android:layout_width="wrap_content"
                                                            android:layout_height="wrap_content"
                                                            android:text="Password"
                                                            android:paddingTop="20px"
                                                            android:paddingLeft="10px"/>
                                                        
                                                        <EditText
                                                            android:layout_width="wrap_content"
                                                            android:layout_height="wrap_content"
                                                            android:layout_gravity="center_horizontal"
                                                            android:layout_marginLeft="40px"
                                                            android:layout_weight="0.50"
                                                            android:paddingTop="20px" />
                                 
                                    </LinearLayout>
                                    
                        <Button
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:paddingLeft="20px"
                            android:paddingTop="10px"
                            android:text="BUTTON" />
            
            </LinearLayout>

 

Categories

Tags

Top Downloads

Open File Chooser With Camera Option In Webview File Option Open File Chooser With Camera Option In Webview File Option
Feb 03, 2014 671496
Facebook Integration - Android Example Facebook Integration - Android Example
Jan 13, 2016 670839
Android Session Management Using SharedPreferences - Android Example Android Session Management Using SharedPreferences - Android Example
Jan 19, 2014 670638
Show Loader To Open Url In WebView - Android Example Show Loader To Open Url In WebView - Android Example
Dec 24, 2013 670544
Android SharedPreferences Basics Android SharedPreferences Basics
Dec 28, 2013 670477
Play Video File - Android Example Play Video File - Android Example
Nov 09, 2013 669918
Android Push Notifications using Google Cloud Messaging GCM Android Push Notifications using Google Cloud Messaging GCM
Oct 05, 2013 633194
Upload File To Server - Android Example Upload File To Server - Android Example
Feb 28, 2013 632483
Incomming SMS Broadcast Receiver - Android Example Incomming SMS Broadcast Receiver - Android Example
Feb 04, 2013 632410
How To Make HTTP POST Request To Server - Android Example How To Make HTTP POST Request To Server - Android Example
Feb 06, 2013 632305