Kontrol

Telusuri sampel

Antarmuka pengguna aplikasi .NET Multi-platform App UI (.NET MAUI) dibangun dari objek yang memetakan ke kontrol asli dari setiap platform target.

Grup kontrol utama yang digunakan untuk membuat antarmuka pengguna aplikasi .NET MAUI adalah halaman, tata letak, dan tampilan. Halaman .NET MAUI umumnya menempati layar atau jendela penuh. Halaman biasanya berisi tata letak, yang berisi tampilan dan mungkin tata letak lainnya. Halaman, tata letak, dan tampilan berasal dari VisualElement kelas . Kelas ini menyediakan berbagai properti, metode, dan peristiwa yang berguna dalam kelas turunan.

Catatan

ListView dan TableView juga mendukung penggunaan sel. Sel adalah elemen khusus yang digunakan untuk item dalam tabel, yang menjelaskan bagaimana setiap item harus dirender.

Halaman

Aplikasi .NET MAUI terdiri dari satu atau beberapa halaman. Halaman biasanya menempati semua layar, atau jendela, dan setiap halaman biasanya berisi setidaknya satu tata letak.

.NET MAUI berisi halaman berikut:

Halaman	Deskripsi
ContentPage	ContentPage menampilkan satu tampilan, dan merupakan tipe halaman yang paling umum. Untuk informasi selengkapnya, lihat ContentPage.
FlyoutPage	FlyoutPage adalah halaman yang mengelola dua halaman informasi terkait – halaman flyout yang menyajikan item, dan halaman detail yang menyajikan detail tentang item di halaman flyout. Untuk informasi selengkapnya, lihat FlyoutPage.
NavigationPage	NavigationPage memberikan pengalaman navigasi hierarkis di mana Anda dapat menavigasi halaman, maju, dan mundur, sesuai keinginan. Untuk informasi selengkapnya, lihat NavigationPage.
TabbedPage	TabbedPage terdiri dari serangkaian halaman yang dapat dinavigasi oleh tab di bagian atas atau bawah halaman, dengan setiap tab memuat konten halaman. Untuk informasi selengkapnya, lihat TabbedPage.

Tata letak

Tata letak MAUI .NET digunakan untuk menyusun kontrol antarmuka pengguna ke dalam struktur visual, dan setiap tata letak biasanya berisi beberapa tampilan. Kelas tata letak biasanya berisi logika untuk mengatur posisi dan ukuran elemen anak.

.NET MAUI berisi tata letak berikut:

Tata letak	Deskripsi
AbsoluteLayout	AbsoluteLayout memposisikan elemen turunan di lokasi tertentu relatif terhadap induknya. Untuk informasi selengkapnya, lihat AbsoluteLayout.
BindableLayout	BindableLayout memungkinkan kelas tata letak apa pun untuk menghasilkan kontennya dengan mengikat kumpulan item, dengan opsi untuk mengatur tampilan setiap item. Untuk informasi selengkapnya, lihat BindableLayout.
FlexLayout	FlexLayout memungkinkan turunannya ditumpuk atau dibungkus dengan opsi perataan dan orientasi yang berbeda. FlexLayout didasarkan pada Modul Tata Letak Kotak Fleksibel CSS, yang dikenal sebagai tata letak fleksibel atau kotak fleksibel. Untuk informasi selengkapnya, lihat FlexLayout.
Grid	Grid memposisikan elemen turunannya dalam kisi baris dan kolom. Untuk informasi selengkapnya, lihat Kisi.
HorizontalStackLayout	HorizontalStackLayout memposisikan elemen turunan dalam tumpukan horizontal. Untuk informasi selengkapnya, lihat HorizontalStackLayout.
StackLayout	StackLayout memposisikan elemen turunan dalam tumpukan vertikal atau horizontal. Untuk informasi selengkapnya, lihat StackLayout.
VerticalStackLayout	VerticalStackLayout memposisikan elemen turunan dalam tumpukan vertikal. Untuk informasi selengkapnya, lihat VerticalStackLayout.

Tampilan

Tampilan MAUI .NET adalah objek UI seperti label, tombol, dan penggerak yang umumnya dikenal sebagai kontrol atau widget di lingkungan lain.

.NET MAUI berisi tampilan berikut:

Tampilkan	Deskripsi
ActivityIndicator	ActivityIndicator menggunakan animasi untuk menunjukkan bahwa aplikasi terlibat dalam aktivitas panjang, tanpa memberikan indikasi kemajuan apa pun. Untuk informasi selengkapnya, lihat ActivityIndicator.
BlazorWebView	BlazorWebView memungkinkan Anda untuk menghosting aplikasi web Blazor di aplikasi MAUI .NET Anda. Untuk informasi selengkapnya, lihat BlazorWebView.
Border	Border adalah kontrol kontainer yang menggambar batas, latar belakang, atau keduanya, di sekitar kontrol lain. Untuk informasi selengkapnya, lihat Batas.
BoxView	BoxView menggambar persegi panjang atau persegi, dengan lebar, tinggi, dan warna tertentu. Untuk informasi selengkapnya, lihat BoxView.
Button	Button menampilkan teks dan merespons ketukan atau klik yang mengarahkan aplikasi untuk melakukan tugas. Untuk informasi selengkapnya, lihat Tombol.
CarouselView	CarouselView menampilkan daftar item data yang dapat digulir, di mana pengguna menggesek untuk menelusuri koleksi. Untuk informasi selengkapnya, lihat CarouselView.
CheckBox	CheckBox memungkinkan Anda memilih nilai boolean menggunakan jenis tombol yang dapat dicentang atau kosong. Untuk informasi selengkapnya, lihat Kotak Centang.
CollectionView	CollectionView menampilkan daftar item data yang dapat digulir yang dapat dipilih, menggunakan spesifikasi tata letak yang berbeda. Untuk informasi selengkapnya, lihat CollectionView.
ContentView	ContentView adalah kontrol yang memungkinkan pembuatan kontrol kustom yang dapat digunakan kembali. Untuk informasi selengkapnya, lihat ContentView.
DatePicker	DatePicker memungkinkan Anda memilih tanggal dengan pemilih tanggal platform. Untuk informasi selengkapnya, lihat DatePicker.
Editor	Editor memungkinkan Anda memasukkan dan mengedit beberapa baris teks. Untuk informasi selengkapnya, lihat Editor.
Ellipse	Ellipse menampilkan elips atau lingkaran. Untuk informasi selengkapnya, lihat Elips.
Entry	Entry memungkinkan Anda memasukkan dan mengedit satu baris teks. Untuk informasi selengkapnya, lihat Entri.
Frame	Frame digunakan untuk membungkus tampilan atau tata letak dengan batas yang dapat dikonfigurasi dengan warna, bayangan, dan opsi lainnya. Untuk informasi selengkapnya, lihat Bingkai.
GraphicsView	GraphicsView adalah kanvas grafis tempat grafik 2D dapat digambar menggunakan jenis dari Microsoft.Maui.Graphics namespace. Untuk informasi selengkapnya, lihat GraphicsView.
Image	Image menampilkan gambar yang dapat dimuat dari file lokal, URI, sumber daya yang disematkan, atau aliran. Untuk informasi selengkapnya, lihat Gambar.
ImageButton	ImageButton menampilkan gambar dan merespons ketukan atau klik yang mengarahkan aplikasi untuk melakukan tugas. Untuk informasi selengkapnya, lihat ImageButton.
IndicatorView	IndicatorView menampilkan indikator yang menunjukkan jumlah item dalam CarouselView. Untuk informasi selengkapnya, lihat IndicatorView.
Label	Label menampilkan teks baris tunggal dan multibaris. Untuk informasi selengkapnya, lihat Label.
Line	Line menampilkan garis dari titik awal ke titik akhir. Untuk informasi selengkapnya, lihat Baris.
ListView	ListView menampilkan daftar item data yang dapat digulir yang dapat dipilih. Untuk informasi selengkapnya, lihat ListView.
Map	Mapmenampilkan peta, dan memerlukan Microsoft.Maui.Controls.Peta Paket NuGet yang akan diinstal di aplikasi Anda.
Path	Path tampilkan kurva dan bentuk kompleks. Untuk informasi selengkapnya, lihat Jalur.
Picker	Picker menampilkan daftar pendek item, tempat item dapat dipilih. Untuk informasi selengkapnya, lihat Pemilih.
Polygon	Polygon menampilkan poligon. Untuk informasi selengkapnya, lihat Poligon.
Polyline	Polyline menampilkan serangkaian garis lurus yang terhubung. Untuk informasi selengkapnya, lihat Polyline.
ProgressBar	ProgressBar menggunakan animasi untuk menunjukkan bahwa aplikasi mengalami kemajuan melalui aktivitas panjang. Untuk informasi selengkapnya, lihat Bilah Kemajuan.
RadioButton	RadioButton adalah jenis tombol yang memungkinkan pemilihan satu opsi dari satu set. Untuk informasi selengkapnya, lihat RadioButton.
Rectangle	Rectangle menampilkan persegi panjang atau persegi. Untuk informasi selengkapnya, lihat Persegi panjang.
RefreshView	RefreshView adalah kontrol kontainer yang menyediakan fungsionalitas pull-to-refresh untuk konten yang dapat digulir. Untuk informasi selengkapnya, lihat RefreshView.
RoundRectangle	RoundRectangle menampilkan persegi panjang atau persegi dengan sudut bulat. Untuk informasi selengkapnya, lihat Persegi panjang.
ScrollView	ScrollView menyediakan pengguliran kontennya, yang biasanya merupakan tata letak. Untuk informasi selengkapnya, lihat ScrollView.
SearchBar	SearchBar adalah kontrol input pengguna yang digunakan untuk memulai pencarian. Untuk informasi selengkapnya, lihat Bilah Pencarian.
Slider	Slider memungkinkan Anda memilih double nilai dari rentang berkelanjutan. Untuk informasi selengkapnya, lihat Slider.
Stepper	Stepper memungkinkan Anda memilih double nilai dari rentang nilai inkremental. Untuk informasi selengkapnya, lihat Stepper.
SwipeView	SwipeView adalah kontrol kontainer yang membungkus item konten, dan menyediakan item menu konteks yang diungkapkan oleh gerakan gesek. Untuk informasi selengkapnya, lihat SwipeView.
Switch	Switch memungkinkan Anda memilih nilai boolean menggunakan jenis tombol yang dapat aktif atau nonaktif. Untuk informasi selengkapnya, lihat Beralih.
TableView	TableView menampilkan tabel item yang dapat digulir yang dapat dikelompokkan ke dalam bagian. Untuk informasi selengkapnya, lihat TableView.
TimePicker	TimePicker memungkinkan Anda memilih waktu dengan pemilih waktu platform. Untuk informasi selengkapnya, lihat TimePicker.
TwoPaneView	TwoPaneView mewakili kontainer dengan dua tampilan yang berukuran dan memosisikan kontennya di ruang yang tersedia, baik berdampingan atau atas ke bawah. Untuk informasi selengkapnya, lihat TwoPaneView.
WebView	WebView menampilkan halaman web atau isi HTML lokal. Untuk informasi selengkapnya, lihat WebView.