Pengantar
Panel tata letak .NET MAUI membantu Anda membuat antarmuka pengguna yang konsisten untuk aplikasi Anda di berbagai perangkat.
Misalkan Anda sedang membangun aplikasi kalkulator tip yang Anda rencanakan untuk disebarkan di banyak komputer dan perangkat. Setiap perangkat dapat memiliki ukuran layar dan kepadatan piksel yang berbeda. Tujuan Anda adalah membuat aplikasi terlihat sesama mungkin di semua perangkat. Anda ingin menghindari perhitungan manual ukuran dan posisi tampilan untuk setiap ukuran layar. .NET MAUI menyertakan sistem manajemen tata letak yang melakukan perhitungan ini untuk Anda. Anda menempatkan tampilan Anda di dalam panel tata letak yang secara otomatis mengelola ukuran dan posisi tampilan turunan mereka. Panel sangat memudahkannya membuat antarmuka pengguna yang konsisten di berbagai perangkat.
Dalam modul ini, Anda membangun aplikasi .NET MAUI yang terlihat mirip di berbagai perangkat. Anda mulai dengan mengatur ukuran dan posisi tampilan yang disukai. Kemudian Anda mengatur tampilan secara vertikal menggunakan StackLayout. Selanjutnya, Anda menempatkan tampilan ke dalam baris dan kolom menggunakan Grid. Pada akhir modul, Anda memiliki aplikasi .NET MAUI yang terlihat konsisten pada setiap jenis perangkat dan ukuran layar.
Tujuan pembelajaran
Dalam modul ini, Anda akan:
- Atur elemen antarmuka pengguna dalam aplikasi dan ukurannya.
- Tampilkan tampilan dalam daftar vertikal atau horizontal menggunakan
StackLayout. - Tampilkan tampilan dalam baris dan kolom menggunakan
Grid.'
Prasyarat
- Visual Studio 2022 dengan beban kerja .NET MAUI diinstal
- 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 8, Anda perlu menginstal Visual Studio versi 17.8 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 MAUI .NET bersama dengan Beban Kerja .NET SDK dan .NET MAUI. Lihat dokumentasi untuk panduan penyiapan.