Scribd
Upload
28 views

Layout Print

The document describes different layout types in Android: FrameLayout, TableLayout, LinearLayout, AbsoluteLayout, and RelativeLayout. For each layout type, it provides an XML code example to illustrate how each type can be defined and which attributes they support like positioning of views.

Uploaded by

varuag enadnok
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
28 views

Layout Print

The document describes different layout types in Android: FrameLayout, TableLayout, LinearLayout, AbsoluteLayout, and RelativeLayout. For each layout type, it provides an XML code example to illustrate how each type can be defined and which attributes they support like positioning of views.

Uploaded by

varuag enadnok
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

1)Frame Layout:-

<?xml version="1.0" encoding="utf-8"?>


<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/imgvw1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
android:src="@drawable/flimg" />
<TextView
android:id="@+id/txtvw1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:background="#4C374A"
android:padding="10dp"
android:text="Grand Palace, Bangkok"
android:textColor="#FFFFFF"
android:textSize="20sp" />
<TextView
android:id="@+id/txtvw2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right|bottom"
android:background="#AA000000"
android:padding="10dp"
android:text="21/Aug/2017"
android:textColor="#FFFFFF"
android:textSize="18sp" />
</FrameLayout>
2) Table Layout

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TableRow

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView

android:text="Time"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_column="1" />

<TextClock

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/textClock"

android:layout_column="2" />

</TableRow>

<TableRow>

<TextView

android:text="First Name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_column="1" />

<EditText

android:width="200px"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />
</TableRow>

<TableRow>

<TextView

android:text="Last Name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_column="1" />

<EditText

android:width="100px"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</TableRow>

<TableRow

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<RatingBar

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:id="@+id/ratingBar"

android:layout_column="2" />

</TableRow>

<TableRow

android:layout_width="fill_parent"

android:layout_height="fill_parent"/>

<TableRow

android:layout_width="fill_parent"

android:layout_height="fill_parent">

<Button

android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:text="Submit"

android:id="@+id/button"

android:layout_column="2" />

</TableRow>

</TableLayout>
3) Linear Layout

<?xml version="1.0" encoding="utf-8"?>


<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:orientation="vertical" >
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/to" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/subject" />
<EditText
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="top"
android:hint="@string/message" />
<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:text="@string/send" />
</LinearLayout>

4
4) Absolute Layout

<?xml version="1.0" encoding="utf-8"?>

<AbsoluteLayout

xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

tools:context=".MainActivity">

<!--Setting up TextViews-->

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_x="100px"

android:layout_y="300px" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_x="120px"

android:layout_y="350px" />

</AbsoluteLayout>
5) Relative Layout
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp" >
<EditText
android:id="@+id/name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/reminder" />
<Spinner
android:id="@+id/dates"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_below="@id/name"
android:layout_alignParentLeft="true"
android:layout_toLeftOf="@+id/times" />
<Spinner
android:id="@id/times"
android:layout_width="96dp"
android:layout_height="wrap_content"
android:layout_below="@id/name"
android:layout_alignParentRight="true" />
<Button
android:layout_width="96dp"
android:layout_height="wrap_content"
android:layout_below="@id/times"
android:layout_alignParentRight="true"
android:text="@string/done" />
</RelativeLayout>

You might also like