<?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:background="#FFFFFF">
<!-- Konten utama dalam ScrollView agar bisa di-scroll -->
<ScrollView
android:id="@+id/scrollMain"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/footerMenu">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<!-- ================= HEADER ================= -->
<LinearLayout
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="60dp"
android:background="#FFFFFF"
android:padding="10dp"
android:gravity="center_vertical">
<ImageView
android:id="@+id/logoGojek"
android:layout_width="140dp"
android:layout_height="40dp"
android:contentDescription="Logo Gojek"
android:src="@drawable/gjek" />
<View
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1" />
<ImageView
android:id="@+id/btnProfile"
android:layout_width="35dp"
android:layout_height="35dp"
android:contentDescription="Profil"
android:src="@drawable/akun" />
</LinearLayout>
<!-- ================= GOPAY SECTION ================= -->
<LinearLayout
android:id="@+id/gopaySection"
android:layout_width="match_parent"
android:layout_height="120dp"
android:orientation="vertical"
android:background="#1E3A8A"
android:padding="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="GO PAY Rp.0"
android:textColor="#FFFFFF"
android:textSize="18sp"
android:textStyle="bold" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="4"
android:gravity="center">
<!-- Transfer -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/tf" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Transfer"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>
<!-- Scan QR -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/scan" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Scan QR"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>
<!-- Isi Saldo -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/saldo" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Isi Saldo"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>
<!-- Beranda -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="35dp"
android:layout_height="35dp"
android:src="@drawable/beranda" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Beranda"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<!-- ================= MENU UTAMA (8 Ikon) ================= -->
<LinearLayout
android:id="@+id/primaryMenu"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="10dp">
<!-- Baris 1 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="4"
android:gravity="center">
<!-- GO-FOOD -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/food" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-FOOD"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
<!-- GO-RIDE -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/reed" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-RIDE"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
<!-- GO-CAR -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/car" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-CAR"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
<!-- GO-POINTS -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/point" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-POINTS"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
</LinearLayout>
<!-- Baris 2 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="4"
android:gravity="center"
android:layout_marginTop="10dp">
<!-- GO-PULSA -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/pulsa" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-PULSA"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
<!-- GO-BILLS -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/bill" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-BILLS"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
<!-- GO-SEND -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/paket" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="GO-SEND"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
<!-- Lainnya -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/dll" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="LAINNYA"
android:textSize="12sp"
android:gravity="center" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<!-- ================= JAJANAN ================= -->
<LinearLayout
android:id="@+id/additionalMenuBox"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="#F2F2F2"
android:padding="10dp"
android:layout_marginTop="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jajanan paling hits"
android:textSize="16sp"
android:textStyle="bold"
android:textColor="#000000"
android:layout_marginBottom="8dp" />
<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:paddingEnd="10dp">
<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:layout_marginEnd="10dp"
android:src="@drawable/jp" />
<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:layout_marginEnd="10dp"
android:src="@drawable/sempol" />
<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:layout_marginEnd="10dp"
android:src="@drawable/mochi" />
<ImageView
android:layout_width="120dp"
android:layout_height="80dp"
android:src="@drawable/klepon" />
</LinearLayout>
</HorizontalScrollView>
</LinearLayout>
</LinearLayout>
</ScrollView>
<!-- ================= FOOTER MENU ================= -->
<LinearLayout
android:id="@+id/footerMenu"
android:layout_width="match_parent"
android:layout_height="60dp"
android:orientation="horizontal"
android:background="#D0C9C9"
android:gravity="center"
android:weightSum="4"
android:layout_alignParentBottom="true"
android:padding="5dp">
<!-- Beranda -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/home" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Beranda"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>
<!-- Pesanan -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/pesan" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Pesanan"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>
<!-- Bantuan -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/tanya" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Bantuan"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>
<!-- Inbox -->
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:layout_width="30dp"
android:layout_height="30dp"
android:src="@drawable/inbox" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Inbox"
android:textStyle="bold"
android:textSize="10sp" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
Selasa, 28 Oktober 2025
Relative Layout faiz dan ikhsan
Langganan:
Posting Komentar (Atom)
-
<? xml version ="1.0" encoding ="utf-8" ?> <RelativeLayout xmlns: android ="http://schemas.android.com/apk...
-
<? xml version ="1.0" encoding ="utf-8" ?> <LinearLayout xmlns: android ="http://schemas.android.com...
-
Pengertian IP Address -IP Address atau Alamat IP adalah alamat yang menjadi tanda pengenal untuk setiap host yang terhubung ke jaringan den...
Tidak ada komentar:
Posting Komentar