LAYOUT DAN TAMPILAN DI

ANDROID STUDIO
PEMROGRAMAN PERANGKAT BEBRGERAK

PRAYUDI LESTANTYO
LAYOUT
• Layout adalah suatu tampilan tata letak di android studio untuk
mengatur penempatan text/gambar yang sudah terkonsep.
• jadi layout di sini adalah bagian terpenting untuk memperindah
tampilan pada aplikasi yang kita buat nyaman di lihat bagi pengguna.
ANDROID STUDIO LAYOUT
• Layout Managers (Biasa disebut dengan Layouts) digunakan untuk
mengontrol posisi utama dari layar.
• Layouts dapat di lekatkan (embed) dengan layout lainnya, jadi dengan
kata lain Anda dapat memasukan lebih dari satu buah layout pada
tampilan yang nantinya akan dibuat.
• Android SDK juga menyediakan beberapa layouts sederhana untuk
membantu anda membangun tampilan program.
• Jadi Anda tinggal memilih ingin menggunakan layout yang mana saja
untuk membuat tampilan program yang nantinya akan dibuat
menjadi mudah dimengerti dan digunakan.
ANDROID STUDIO LAYOUT…… (1)
• Beberapa layouts yang terdapat pada Android :
• FrameLayout = Layouts yang paling sederhana, FrameLayout menampilkan
setiap view di kiri atas.
• LinearLayout = LinearLayout menambahkan setiap child View secara datar,
artinya LinearLayout hanya menampilkan satu buah child View perbaris.
• RelativeLayout = Dengan menggunakan RelativeLayout, Anda
mendefinisikan posisi dari masing-masing child View menjadi relatif.
• TableLayout = TableLayout memungkinkan layout ditampilkan secara garis
dan kolom atau mirip tabel (ya namanya juga tablelayout).
• AbsoluteLayout = Setiap child View di definisikan dalam kordinat.
RELATIVE LAYOUT
• Relative Layout adalah layout yang menampilkan elemen-elemen
yang saling berhubungan.
LINEAR LAYOUT
• Linear layout adalah suatu layout yang biasanya digunakan untuk
tampilan statis.
TABLE LAYOUT
• Table Layout adalah layout sederhana yang nantinya posisi dari
komponen-komponennya otomatis tertata seperti layaknya tabel
pada umumnya.
FRAME LAYOUT
• Frame layout adalah layout yang sederhana dengan menumpuk
komponen-komponen agar saling menutupi satu sama lain. Urutan
komponen pertama, kedua, dan seterusnya dimulai dari bawah.
TUGAS 1
• KETIKKAN CODING UNTUK XML ANDROID STUDIO BERIKUT INI:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent“
tools:context=".MainActivity">

</RelativeLayout>
TUGAS 2
• KETIKKAN CODING UNTUK XML ANDROID STUDIO BERIKUT INI:

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

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
</LinearLayout>
 <TableRow>
<TextView
TUGAS 3 android:layout_weight="wrap_content"
android:layout_height="wrap_content"
android:text="text 1 text"/>
<TextView
• KETIKKAN CODING BERIKUT! android:layout_weight="wrap_content"
android:layout_height="wrap_content"
android:text="text 2 text"/>
</TableRow>
<?xml version="1.0" encoding="utf-8"?> <TableRow>
<TableLayout <TextView
xmlns:android="http://schemas.android.com/apk/res/android" android:layout_weight="wrap_content"
xmlns:tools="http://schemas.android.com/tools" android:layout_height="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto" android:text="text 2 text"/>
android:layout_width="match_parent" <TextView
android:layout_height="match_parent" android:layout_weight="wrap_content"
android:orientation="vertical" android:layout_height="wrap_content"
tools:context=".MainActivity"> android:text="text 3 text"/>
</TableRow>
</TableLayout>
STUDI KASUS
• BUATLAH LAYOUT
SEPERTI GAMBAR
DISAMPING
NB:
• Format apk dikumpulkan mulai dari tugas 1,2,3 dan Studi Kasus ke
ketua kelas dan diupload ke google drive dengan melampirkan link
yang bisa di download.