Xamarin.Forms Layout

Artikel
05/21/2018

Xamarin.Forms Tata letak digunakan untuk menyusun kontrol antarmuka pengguna ke dalam struktur visual.

Kelas Layout dan Layout<T> di Xamarin.Forms adalah subjenis tampilan khusus yang bertindak sebagai kontainer untuk tampilan dan tata letak lainnya. Kelas itu Layout sendiri berasal dari View. Turunan Layout biasanya berisi logika untuk mengatur posisi dan ukuran elemen anak dalam Xamarin.Forms aplikasi.

Kelas yang berasal dari Layout dapat dibagi menjadi dua kategori:

Tata Letak dengan Konten Tunggal

Kelas-kelas ini berasal dari Layout, yang mendefinisikan Padding dan IsClippedToBounds properti:

Tipe	Deskripsi	Tampilan
`ContentView`	`ContentView` berisi satu anak yang diatur dengan `Content` properti . Properti `Content` dapat diatur ke turunan apa pun `View` , termasuk turunan lainnya `Layout` . `ContentView` sebagian besar digunakan sebagai elemen struktural dan berfungsi sebagai kelas dasar untuk `Frame`. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini
`Frame`	Kelas `Frame` berasal dari `ContentView` dan menampilkan batas, atau bingkai, di sekitar anaknya. Kelas `Frame` ini memiliki nilai default `Padding` 20, dan juga mendefinisikan `BorderColor`properti , `CornerRadius`, dan `HasShadow` . Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini
`ScrollView`	`ScrollView` mampu menggulir isinya. Atur `Content` properti ke tampilan atau tata letak terlalu besar agar pas di layar. (Konten a `ScrollView` sangat sering . `StackLayout`) Atur `Orientation` properti untuk menunjukkan apakah pengguliran harus vertikal, horizontal, atau keduanya. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini
`TemplatedView`	`TemplatedView` menampilkan konten dengan templat kontrol, dan merupakan kelas dasar untuk `ContentView`. Panduan Dokumentasi / API
`ContentPresenter`	`ContentPresenter` adalah manajer tata letak untuk tampilan templat, yang digunakan dalam `ControlTemplate` untuk menandai tempat konten yang akan disajikan muncul. Panduan Dokumentasi / API

Tata Letak dengan Beberapa Anak

Kelas-kelas ini berasal dari Layout<View>:

Tipe	Deskripsi	Tampilan
`StackLayout`	`StackLayout` memposisikan elemen turunan dalam tumpukan baik secara horizontal atau vertikal berdasarkan `Orientation` properti . Properti `Spacing` mengatur penspasian antara anak-anak, dan memiliki nilai default 6. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini
`Grid`	`Grid` memposisikan elemen turunannya dalam kisi baris dan kolom. Posisi anak ditunjukkan menggunakan properti `Row` terlampir, , `RowSpanColumn`, dan `ColumnSpan`. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini
`AbsoluteLayout`	`AbsoluteLayout` memposisikan elemen turunan di lokasi tertentu relatif terhadap induknya. Posisi anak ditunjukkan menggunakan properti `LayoutBounds` terlampir dan `LayoutFlags`. Berguna `AbsoluteLayout` untuk menganimasikan posisi tampilan. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini dengan kode di belakang
`RelativeLayout`	`RelativeLayout` memposisikan elemen anak relatif terhadap `RelativeLayout` dirinya sendiri atau saudara kandungnya. Posisi anak ditunjukkan menggunakan properti terlampir yang diatur ke objek jenis `Constraint` dan `BoundsConstraint`. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini
`FlexLayout`	`FlexLayout`didasarkan pada Modul Tata Letak Kotak Fleksibel CSS, umumnya dikenal sebagai tata letak fleksibel atau kotak fleksibel. `FlexLayout` menentukan enam properti yang dapat diikat dan lima properti yang dapat diikat terpasang yang memungkinkan anak-anak ditumpuk atau dibungkus dengan banyak opsi perataan dan orientasi. Panduan Dokumentasi / API	Kode C# untuk halaman XAML halaman / ini