Belajar Cara Membuat fill_parent dan wrap_content di Layout xml

Oleh Fathur Rahman

10 Januari 2015

Saat kita membuat atau mendesain Aplikasi Android yang kita buat di file layout xml, dan juga  menambahkan sebuah widget  seperti button. terdapat 2 jenis tag fill_parent dan wrap_content dan 2 atribut yaitu

1.   android:layout_width
2.   android:layout_height

                    Pastikan kalian sudah Membaca Cara Membuat Aplikasi HelloWorld di Android Studio untuk dasarnya ,karna tutorial disini kita akan langsung mulai pemrograman Aplikasi di dalam Android Studio .

Klik Kanan folder Layout di app> res>Layout

Buat file Layout

Buat nama layout

Atribut tersebut mengambil nilai fill_parent dan wrap_content dan akan menampilkan tampilan yang diminta. Dan  juga menggunakan Tampilan jenis Linear Layout pada Layout.xml

1. Saat Tampil Menggunakan Atribut

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

<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:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Okedroid.com"
        android:textSize="30dp" />

</LinearLayout>

Maka akan tampil seperti Gambar berikut:

Linear Layout

2. Saat Tampil Menggunakan Atribut

• android:layout_width="fill_parent"
• android:layout_height="wrap_content"

<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:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Okedroid.com"
        android:textSize="30dp" />

</LinearLayout>

Maka akan tampil seperti Gambar berikut:

Linear Layout

3. Saat Tampil Menggunakan Atribut

•    android:layout_width="wrap_content"
•    android:layout_height="fill_parent"

<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:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:text="Pavan"
        android:textSize="30dp" />

</LinearLayout>

Linear Layout

4. Saat Tampil Menggunakan Atribut

•    android:layout_width="fill_content"
•    android:layout_height="fill_parent"

<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:orientation="vertical" >

    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:text="Okedroid.com"
        android:textSize="30dp" />

</LinearLayout>

Linear Layout

Tag : Android Studio Tutorial,Android App Development,Layout