Linear Layout Examples

Items are arranged in linear vertical or horizontal order.

Main Attributes:

android:baselineAligned - Set to "true" by default. When "false" it do not need to align children views with the same base line.
android:orientation - Set the linear or horizontal orientation of the layout.
android:gravity - Align the content within the view.
android:layout_gravity - Align the view position outside of itself.
android:weight - To divide the available space in some defined proportion between views.
android:weightSum - It is maximum weight sum of child views, and defined in the parent layout. If unspecified, the sum is computed by adding the layout_weight of all of the childrens.
android:divider - It is drawable, which vertically divide the two buttons.
android:layout_above -
android:layout_centerHorizontal
android:layout_below
android:layout_toEndOf

Linear Layout - Vertical Orientation

MainActivity.java


package com.zyasin.linearlayout;

import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
}

activity_main.xml


  <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 One"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"  
                    />
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text One"
                        android:paddingTop="10px"/>
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text Two"
                        android:paddingTop="10px"/>

Linear Layout - Horizontal Orientation

MainActivity.java


package com.zyasin.linearlayout;

import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
}

activity_main.xml


  <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 One"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"  
                    />
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text One"
                        android:paddingTop="10px"/>
                    
                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="Text Two"
                        android:paddingTop="10px"/>
                    
                          
        </LinearLayout >

Linear Layout - Weight and Gravity

MainActivity.java


package com.zyasin.linearlayout;

import android.os.Bundle;
import android.app.Activity;

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
}

activity_main.xml


  


    
   <Button
		android:layout_width="100dp"
		android:layout_height="wrap_content"
		android:text="Button 1" 
		android:background="#da4453"
		android:layout_margin="2dp"
		android:layout_gravity="left"
		android:layout_weight="3"/>
     <Button
		android:layout_width="100dp"
		android:layout_height="wrap_content"
		android:text="Button 2" 
		android:background="#da4453"
		android:layout_margin="2dp"
		
		android:layout_gravity="center"
		android:layout_weight="2"/>
    <Button
		android:layout_width="100dp"
		android:layout_height="wrap_content"
		android:text="Button 3" 
		android:background="#da4453"
		android:layout_margin="2dp"
		android:layout_gravity="right"
		android:layout_weight="1"/>