Pengantar
.NET MAUI memungkinkan Anda membuat antarmuka pengguna aplikasi secara dinamis dengan menggunakan kode C#. Namun, menentukan antarmuka pengguna secara statis terkadang lebih tepat dan efisien. Extensible Application Markup Language (XAML) menyediakan cara untuk menata UI pada waktu kompilasi. Deskripsi XAML dari UI juga menyediakan tingkat dokumentasi, memungkinkan Anda untuk dengan cepat memahami cara UI disajikan kepada pengguna tanpa harus mempelajari kode aplikasi.
Misalkan Anda bekerja untuk perusahaan utilitas listrik sebagai pengembang ponsel. Anda bertanggung jawab untuk menyempurnakan aplikasi seluler perusahaan yang digunakan teknisi saat mengunjungi lokasi pelanggan. Saat ini, UI aplikasi dibuat menggunakan kode C#. Tetapi, Anda mulai menyadari bahwa mengelola pembaruan antarmuka pengguna menjadi lebih sulit. Kesulitan ini terjadi karena aplikasi menjadi lebih kompleks. Menjadi semakin sulit untuk memahami logika perilaku inti, karena dicampur dengan kode UI.
Anda ingin menemukan solusi yang akan memperkenalkan pemisahan bersih antarmuka pengguna dan perilaku. Memisahkan UI dan perilaku memungkinkan pakar desain Anda untuk fokus pada apa yang mereka lakukan terbaik, dan Anda akan memiliki waktu untuk fokus pada pengkodean perilaku aplikasi. .NET MAUI memungkinkan Anda menentukan antarmuka pengguna dengan XAML. XAML memberi Anda pemisahan antarmuka pengguna (UI) dan perilaku yang bersih. XAML juga memudahkan penggunaan ahli desain dan alat desain. Dalam modul ini, Anda akan mempelajari cara membuat aplikasi .NET MAUI yang menentukan halaman dan kontrolnya menggunakan XAML, bukan kode C#. Membuat UI di XAML memungkinkan Anda memisahkan semua kode UI dari kode perilaku Anda untuk mempermudah pengelolaan keduanya.
Tujuan pembelajaran
Dalam modul ini, Anda akan mempelajari:
- Manfaat menggunakan XAML daripada menentukan UI untuk aplikasi .NET MAUI di C#.
- Cara membuat halaman dan kontrol, dan mengatur propertinya menggunakan XAML.
- Cara menangani peristiwa UI dan menyambungkannya di XAML.
- Cara membuat dan menggunakan ekstensi markup XAML.
- Cara mengatur nilai khusus platform dalam markup XAML.
Prasyarat
- Visual Studio 2026 dengan beban kerja .NET MAUI terinstal
- Opsional: Visual Studio Code dengan Ekstensi .NET MAUI dan .NET SDK dengan beban kerja .NET MAUI terinstal
- Menguasai C# dan .NET
Persyaratan untuk pengembangan .NET MAUI
Untuk membuat aplikasi .NET MAUI dengan .NET 9, Anda perlu menginstal Visual Studio versi 17.12 atau yang lebih baru dengan beban kerja berikut yang diinstal:
- Pengembangan antarmuka pengguna Aplikasi Multi-Platform .NET
Selain itu, jika Anda ingin membangun aplikasi .NET MAUI Blazor, Anda harus menginstal ASP.NET dan beban kerja pengembangan web.
Lihat dokumentasi untuk panduan penyiapan.
Pengembangan dengan Visual Studio Code
Jika Anda mengembangkan di macOS atau Linux, Anda harus menginstal Visual Studio Code dan Ekstensi .NET MAUI bersama dengan .NET SDK dan Workload .NET MAUI. Lihat dokumentasi untuk panduan penyiapan.