Articles → Android → linear layout in android

linear layout in android

In this article, we will discuss about linear layout in android.

Purpose

Linear layout is a view group used to align the children in single direction (vertically or horizontally).

Syntax

<LinearLayout   
android:layout_width=""    
android:layout_height=""    
android:orientation=" "></LinearLayout>

Here orientation is either horizontal or vertical.

layout_weight attribute

layout_weight specifies the size ratio between multiple control. For example, if there are 2 buttons in linear layout.

Button 1 wants to take 25% space, then layout_weight of button 1 is 1 and 3 for button 2.

Gravity attribute

Gravity attribute specifies the alignment of the child objects. Consider the following code

<LinearLayout    
android:layout_width="400dp"
android:layout_height="200dp"
android:gravity="bottom"
android:orientation="horizontal">
    <Button        
    android:id="@+id/button2"        
    android:layout_width="wrap_content"        
    android:layout_height="wrap_content"        
    android:layout_weight="10"        
    android:text="Button" />
    <Button
    android:id="@+id/button"
    android:layout_width="wrap_content"        
    android:layout_height="wrap_content"
    android:layout_weight="4"
    android:text="Button" />
</LinearLayout>

Here linear layout aligns both the buttons at the bottom.

Picture showing the output of the linear layout in android

Click to Enlarge

match_parent attribute

match_parent attributes takes up the attribute of the parent element. For example, if we set the width of child control as match_parent, then the width of child control is equal to the parent control.

Nested Layout

You can also use nested layout i.e. layout within layout

Click to Enlarge

Here is the output

Picture showing the output of the nested layout

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Monday, October 28, 2019

Query/Feedback

Your Email Id

Subject

Query/Feedback	Characters remaining 250