Thursday 21 June 2012

LinearLayout - Vertical & Horizontal Orientation

Here i tell you how to create a Linear Layout example.

LinearLayout is depends upon Orientation.

Default orientation is "vertical"

Create new android project.
    > open main.xml
    > Paste below code


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Enter the Name"
        android:textColor="#F5166F"/>

    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="Enter your Name"
        />
   <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Enter the Password"
        android:textColor="#F5166F"/>

    <EditText
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:hint="Enter your Password"
        />
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Click"
        />
 
</LinearLayout>

This is output screen of LinearLayout with Vertical Orientation



This is the Horizontal orientation source code.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Enter the Name"
        android:textColor="#F5166F"/>

    <EditText 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Enter your Name"
        />
</LinearLayout>


Here is output screen of Horizontal Orientation output

More about Linear Layout Click here..



No comments:

Post a Comment