Constraint Layout

(Pemrograman Mobile)

Oleh:
I Putu Adi Wira Kusuma
NIM: 1705552059
Kelas: Paralel

PROGRAM STUDI TEKNOLOGI INFORMASI

FAKULTAS TEKNIK
UNIVERSITAS UDAYANA
2019
1. Aplikasi Gojek

Gambar 1. Aplikasi Gojek

Gambar 1 merupakan tampilan awal gojek yang dibuka pada smartphone. Tampilan ini
merupakan tampilan sebelum menuju ke daftar menu yang disediakan gojek itu sendiri. Saya
akan membuat seperti tampilan ini pada Android Studio. Hasilnya dapat dilihat pada gambar
2.
 Gambar 2. Hasil Emulator

Gambar 2 merupakan hasil dari tampilan awal gojek yang telah dibuat pada Android
Studio. Tampilan ini memiliki desain yang sama persis dengan aslinya, dari segi tulisan sampai
warnanya. Berikutnya merupakan source code yang telah dibuat.

Table 1. Source Code

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFFFFF"
android:gravity="center"
tools:context=".MainActivity">

<ImageView
android:layout_width="160dp"
android:layout_height="60dp"
android:id="@+id/logo"
android:src="@drawable/logogojek"
android:layout_centerVertical="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />

</RelativeLayout>
 Table 1 merupakan table yang berisi source code untuk membuat tampilan awal gojek
pada Android Studio. Source code diatas menggunakan relative layout dengan ditambahkan
satu widget imageview untuk menampilan gambar.