UNESA
s1-pmat@unesa.ac.id

Seri Tutorial Android Studio (Bagian 4: Navigasi Antar Halaman dengan Intent)

Seri Tutorial Android Studio (Bagian 4: Navigasi Antar Halaman dengan Intent)

- kategori Serba-serbi 102 Views

Selamat datang di Bagian 4! Di Bagian 3, kita telah sukses membuat kalkulator yang berfungsi. Namun, saat ini aplikasi kita langsung terbuka ke kalkulator.

Bagaimana jika kita ingin aplikasi kita memiliki Menu Utama terlebih dahulu? (Misalnya, tombol "Buka Kalkulator" dan "Mulai Kuis"). Untuk melakukan ini, kita perlu membuat halaman baru.

Di Android, satu halaman (atau satu layar) disebut sebagai sebuah Activity. Hari ini, kita akan belajar cara membuat `Activity` baru dan berpindah antar-halaman menggunakan Intent.

Langkah 1: Membuat Activity Baru (MenuActivity)

Kita akan membuat layar "Menu Utama" kita.

  1. Di panel Proyek (Project), klik kanan pada folder java/com.namapaketanda... Anda.
  2. Pilih New > Activity > Empty Views Activity.
  3. Beri nama Activity baru ini: MenuActivity.
  4. Pastikan "Generate a Layout File" tercentang (akan bernama activity_menu.xml).
  5. Klik Finish.

Android Studio akan secara otomatis membuatkan dua file untuk kita: MenuActivity.kt (untuk logika Kotlin) dan activity_menu.xml (untuk desain visual).

Langkah 2: Mendesain Menu Utama (activity_menu.xml)

Buka file activity_menu.xml yang baru saja dibuat. Hapus TextView default jika ada, dan mari kita tambahkan dua tombol di dalam ConstraintLayout:

<Button
    android:id="@+id/btnBukaKalkulator"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Buka Kalkulator Luas"
    ... (Atur 'constraints' agar di tengah) ...
/>

<Button
    android:id="@+id/btnMulaiKuis"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Mulai Kuis Matematika"
    ... (Atur 'constraints' agar di bawah tombol pertama) ...
/>

Langkah 3: Mengatur Layar "Rumah" Baru (AndroidManifest.xml)

Saat ini, aplikasi kita masih akan membuka MainActivity (kalkulator) terlebih dahulu. Kita harus memberi tahu Android bahwa MenuActivity adalah layar "peluncur" (launcher) yang baru.

Kita melakukannya di file "buku aturan" aplikasi: AndroidManifest.xml.
Buka file tersebut (ada di app > manifests > AndroidManifest.xml).

Anda akan melihat dua blok <activity>. Cari blok <activity> untuk MainActivity. Di dalamnya, Anda akan menemukan blok <intent-filter>.

Tugas kita adalah memindahkan seluruh blok <intent-filter> tersebut dari MainActivity ke MenuActivity.

SEBELUM:

&lt;activity android:name=".MenuActivity" ... /&gt;

&lt;activity android:name=".MainActivity" ... &gt;
    &lt;intent-filter&gt;
        &lt;action android:name="android.intent.action.MAIN" /&gt;
        &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
    &lt;/intent-filter&gt;
&lt;/activity&gt;

SESUDAH (YANG BENAR):

&lt;activity android:name=".MenuActivity" ... &gt;
    &lt;intent-filter&gt;
        &lt;action android:name="android.intent.action.MAIN" /&gt;
        &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
    &lt;/intent-filter&gt;
&lt;/activity&gt;

&lt;activity android:name=".MainActivity" ... /&gt;

Sekarang, saat aplikasi Anda dijalankan, ia akan membuka MenuActivity terlebih dahulu!

Langkah 4: Menulis Logika Navigasi (MenuActivity.kt)

Buka file MenuActivity.kt. Kita perlu menyiapkan ViewBinding (seperti di Bagian 3) dan menambahkan logika pada tombol "Buka Kalkulator".

Untuk berpindah halaman, kita menggunakan Intent. Anggap saja Intent sebagai "surat" yang Anda kirim ke Android, yang berisi permintaan "Tolong buka halaman MainActivity".

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.content.Intent // <-- PENTING
import com.namapaketanda.aplikasimatematika.databinding.ActivityMenuBinding // <-- Impor binding BARU

class MenuActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMenuBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMenuBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // Logika tombol "Buka Kalkulator"
        binding.btnBukaKalkulator.setOnClickListener {
            // 1. Buat Intent: dari halaman ini (this) ke MainActivity
            val intent = Intent(this, MainActivity::class.java)
            // 2. Kirim "surat" (jalankan Intent)
            startActivity(intent)
        }

        // Tombol kuis akan kita kerjakan di bagian 5
    }
}

Kesimpulan & Apa Selanjutnya?

Luar biasa! Jalankan aplikasi Anda. Sekarang Anda akan melihat Menu Utama. Jika Anda menekan "Buka Kalkulator", Anda akan pindah ke halaman kalkulator yang kita buat di Bagian 3.

Anda telah mempelajari konsep paling mendasar dari aplikasi multi-halaman: Activity, Intent, dan AndroidManifest.

Di Bagian 5, kita akan mulai mengerjakan tombol kedua itu: kita akan membangun halaman Kuis Pilihan Ganda Matematika.

-> Lanjutkan ke Bagian 5: Logika Kuis (Bagian A) – Struktur Data & Logika if/else

Keywords: Tutorial Android Studio, Pindah Halaman Android, Android Intent, startActivity, Apa itu Activity, AndroidManifest.xml, Navigasi Android, Kotlin, Pendidikan Matematika

Scroll to Top