Cara Menavigasi Antar Halaman dalam Proyek Xamarin

Xamarin adalah platform perangkat lunak yang digunakan untuk pengembangan seluler lintas platform. Anda dapat menggunakannya untuk membuat aplikasi di iOS, Android, Windows, dan lainnya. Anda dapat membuat proyek Xamarin baru menggunakan Visual Studio, dan mengisi aplikasi Anda dengan menambahkan konten, widget, dan fungsi lainnya.

Saat Anda membuat aplikasi seluler baru, aplikasi Anda mungkin memerlukan beberapa halaman. Jika demikian, aplikasi juga memerlukan fungsionalitas yang diperlukan bagi pengguna untuk bernavigasi di antara halaman-halaman ini.

Cara Mengatur Proyek Xamarin

Untuk memulai, buat proyek Xamarin baru. Saat Anda membuat aplikasi baru, akan ada halaman utama default yang disebut Halaman Utama.xaml disimpan dalam folder proyek Xamarin utama. Itu Halaman Utama.xaml halaman bertindak sebagai layar awal Anda saat pertama kali meluncurkan aplikasi.

Halaman ini juga berisi Halaman Utama.xaml.cs file, di mana Anda dapat menulis logika pemrograman Anda menggunakan C#. Platform lain dapat menggunakan lainnya

bahasa game pengembangan seluler yang mungkin berguna untuk Anda pelajari.

1. Navigasi ke Halaman Utama.xaml dan membukanya.
2. Dalam Halaman Utama.xaml file, ubah kode default. Ganti isi Tata Letak Tumpukan Elemen UI dengan label baru:

   <Padding StackLayout = "50">
   <Teks Label = "Aplikasi Seluler Baru Saya"
    Opsi Horizontal = "Tengah"
    Opsi Vertikal = "PusatDanPerluas"
    FontAttribut = "Tebal miring"
    Ukuran Font = "24"
    Warna Teks = "Hitam" />
   </StackLayout>
   

3. Di bagian atas jendela Visual Studio, klik tombol putar hijau untuk menjalankan aplikasi di emulator.
4. Tunggu hingga proyek dikompilasi sebelum emulator diluncurkan.

Cara Menambahkan Halaman Kedua ke Proyek Xamarin

Saat ini, proyek Xamarin Anda hanya memiliki satu halaman. Untuk membuat halaman baru, tambahkan halaman baru xaml file dan mengisinya dengan beberapa konten.

1. Di Solution Explorer, klik kanan pada proyek. Pilih Menambahkan, dan klik Barang baru.
2. Pilih Halaman Konten dari Xamarin. Formulir kategori. Beri nama file baru Halaman Kedua.xaml, dan klik Menambahkan.
3. Anda akan melihat halaman baru muncul di Solution Explorer, dan akan terdiri dari keduanya: xaml file dan xaml.cs mengajukan. Itu xaml file akan terdiri dari elemen UI dan widget, dan xaml.cs file akan terdiri dari logika dan fungsionalitas kode lainnya.
4. Buka Halaman Kedua.xaml file, yang sudah akan berisi beberapa kode default. Dalam Tata Letak Tumpukan Elemen UI, ganti label saat ini dengan label yang bertuliskan "Halaman Kedua".

   <Tata Letak Tumpukan>
   <Teks Label="Halaman Kedua"
    Ukuran Font="42"
    Opsi Vertikal="PusatDanPerluas"
    Opsi Horizontal="PusatDanPerluas" />
   </StackLayout>

Cara Menavigasi ke Halaman Kedua Dari Halaman Utama

Untuk menavigasi ke halaman kedua, tambahkan tombol yang akan memicu aplikasi untuk menavigasi ke sana.

1. Membuka Halaman Utama.xaml.
2. Tambahkan elemen UI tombol. Tambahkan tombol baru di bawah label.

   <Teks Tombol = "Navigasikan Ke Halaman Kedua"
    x: Nama = "Tombol1"
    Warna Latar = "#2196F3"
    Warna Teks = "Asap putih"
    Permintaan Tinggi = "50" />

3. Membuka Halaman Utama.xaml.cs, dan buat fungsi yang disebut Navigasi ke(). Di dalam fungsi, gunakan Navigasi. DorongAsinkron berfungsi untuk menavigasi ke halaman baru. Anda perlu menambahkan objek halaman baru sebagai argumen.

   tidak sinkronruang kosong NavigateTo (pengirim objek, EventArgs e)
   {
    Navigasi. DorongAsinkron(baru Halaman Kedua());
   }

4. Kembali ke Halaman Utama.xaml. Tambahkan yang baru Navigasi ke() fungsi dalam diklik atribut. Ini akan memicu fungsi untuk berjalan ketika pengguna menekan tombol.

   <Teks Tombol = "Navigasikan Ke Halaman Kedua"
    x: Nama = "Tombol1"
    Diklik = "Navigasi ke"
    Warna Latar = "#2196F3"
    Warna Teks = "Asap putih"
    Permintaan Tinggi = "50" />

5. Di bagian atas jendela Visual Studio, klik tombol putar hijau untuk meluncurkan aplikasi menggunakan emulator.
6. Klik tombol di halaman utama. Anda akan melihat aplikasi menavigasi ke halaman kedua.

Membuat Aplikasi Mobile Menggunakan Xamarin

Xamarin adalah alat sumber terbuka yang dapat Anda gunakan untuk mengembangkan aplikasi seluler di iOS, Android, Windows, dan lainnya. Anda dapat membuat proyek Xamarin baru menggunakan Visual Studio, mengisi aplikasi, dan menambahkan beberapa halaman.

Untuk menambahkan beberapa halaman, buat halaman konten baru dan isi dengan konten. Anda juga dapat menggunakan peristiwa saat diklik atau peristiwa lain untuk memicu aplikasi bernavigasi ke halaman baru.

Ada banyak hal yang diperlukan untuk membangun aplikasi seluler, jadi penting bagi Anda untuk memahami dasar-dasarnya saat memulai. Jelajahi beberapa kursus hebat yang tersedia untuk Anda pelajari.