Silverlight - ListBox
Listbox adalah kontrol yang menyediakan daftar item kepada pengguna untuk pemilihan item. Seorang pengguna dapat memilih satu atau lebih item dari daftar item yang telah ditentukan dalam satu waktu. Di sebuahListBox, beberapa opsi selalu terlihat oleh pengguna tanpa interaksi pengguna apa pun.
Kotak Daftar menyajikan daftar item yang dapat digulir. Jika pengguna memilih sebuah item, item yang dipilih akan berubah tampilan untuk menunjukkan pilihan. Ini mendukung bentuk model konten dan Tombol yang lebih luas. Perbedaan utama antara tombol dan kotak daftar adalah bahwa tombol berisi satu bagian konten sedangkan kotak daftar memungkinkan setiap item dalam daftar.
Warisan hierarki kelas ListBox adalah sebagai berikut -
Diberikan di bawah ini adalah yang biasa digunakan Properties dari ListBox kelas.
No Sr | Deskripsi properti |
---|---|
1 | Background Mendapat atau menyetel kuas yang menyediakan latar belakang kontrol. (Diwariskan dari Kontrol) |
2 | BorderThickness Mendapat atau menyetel ketebalan batas kontrol. (Diwariskan dari Kontrol) |
3 | FontFamily Mendapat atau menyetel font yang digunakan untuk menampilkan teks dalam kontrol. (Diwariskan dari Kontrol) |
4 | FontSize Mendapat atau menyetel ukuran teks dalam kontrol ini. (Diwariskan dari Kontrol) |
5 | FontStyle Mendapat atau menyetel gaya di mana teks dirender. (Diwariskan dari Kontrol) |
6 | FontWeight Mendapat atau menyetel ketebalan font yang ditentukan. (Diwariskan dari Kontrol) |
7 | Foreground Mendapat atau menyetel kuas yang mendeskripsikan warna latar depan. (Diwariskan dari Kontrol) |
8 | GroupStyle Mendapat kumpulan objek GroupStyle yang menentukan penampilan setiap tingkat grup. (Diwariskan dari ItemsControl) |
9 | Height Mendapat atau menyetel ketinggian FrameworkElement yang disarankan. (Diwariskan dari FrameworkElement) |
10 | HorizontalAlignment Mendapat atau menyetel karakteristik penyelarasan horizontal yang diterapkan ke FrameworkElement saat disusun dalam induk tata letak, seperti panel atau kontrol item. (Diwariskan dari FrameworkElement) |
11 | IsEnabled Mendapat atau menetapkan nilai yang menunjukkan apakah pengguna dapat berinteraksi dengan kontrol. (Diwariskan dari Kontrol) |
12 | Item Mendapatkan koleksi yang digunakan untuk menghasilkan konten kontrol. (Diwariskan dari ItemsControl) |
13 | ItemsSource Mendapat atau menyetel sumber objek yang digunakan untuk menghasilkan konten ItemsControl. (Diwariskan dari ItemsControl) |
14 | Margin Mendapat atau menetapkan margin luar FrameworkElement. (Diwariskan dari FrameworkElement) |
15 | Name Mendapat atau menetapkan nama pengenal objek. Ketika prosesor XAML membuat pohon objek dari markup XAML, kode waktu proses dapat merujuk ke objek yang dideklarasikan XAML dengan nama ini. (Diwariskan dari FrameworkElement) |
16 | Opacity Mendapat atau menyetel derajat opasitas objek. (Diwariskan dari UIElement) |
17 | SelectedIndex Mendapat atau menyetel indeks dari item yang dipilih. (Diwarisi dari Pemilih) |
18 | SelectedItem Mendapat atau menyetel item yang dipilih. (Diwarisi dari Pemilih) |
19 | SelectedValue Mendapat atau menetapkan nilai item yang dipilih, diperoleh dengan menggunakan SelectedValuePath. (Diwarisi dari Pemilih) |
20 | Style Mendapat atau menyetel Gaya instance yang diterapkan untuk objek ini selama tata letak dan rendering. (Diwariskan dari FrameworkElement) |
21 | VerticalAlignment Mendapat atau menyetel karakteristik penyelarasan vertikal yang diterapkan ke FrameworkElement saat disusun dalam objek induk seperti panel atau kontrol item. (Diwariskan dari FrameworkElement) |
22 | Width Mendapat atau menyetel lebar FrameworkElement. (Diwariskan dari FrameworkElement) |
Diberikan di bawah ini adalah yang paling umum digunakan Events dari ListBox.
No Sr | Deskripsi acara |
---|---|
1 | DragEnter Terjadi saat sistem masukan melaporkan peristiwa tarik yang mendasari dengan elemen ini sebagai target. (Diwariskan dari UIElement) |
2 | DragLeave Terjadi saat sistem masukan melaporkan peristiwa tarik yang mendasari dengan elemen ini sebagai asalnya. (Diwariskan dari UIElement) |
3 | DragOver Terjadi saat sistem masukan melaporkan peristiwa tarik yang mendasari dengan elemen ini sebagai potensi target penurunan. (Diwariskan dari UIElement) |
4 | DragStarting Terjadi saat operasi seret dimulai. (Diwariskan dari UIElement) |
5 | Drop Terjadi ketika sistem masukan melaporkan peristiwa penurunan yang mendasari dengan elemen ini sebagai target penurunan. (Diwariskan dari UIElement) |
6 | DropCompleted Terjadi saat operasi seret dan lepas diakhiri. (Diwariskan dari UIElement) |
7 | GotFocus Terjadi saat UIElement menerima fokus. (Diwariskan dari UIElement) |
8 | IsEnabledChanged Terjadi saat properti IsEnabled berubah. (Diwariskan dari Kontrol) |
9 | KeyDown Terjadi saat tombol keyboard ditekan saat UIElement memiliki fokus. (Diwariskan dari UIElement) |
10 | KeyUp Terjadi saat tombol keyboard dilepaskan saat UIElement memiliki fokus. (Diwariskan dari UIElement) |
11 | LostFocus Terjadi saat UIElement kehilangan fokus. (Diwariskan dari UIElement) |
12 | SelectionChanged Terjadi ketika item yang saat ini dipilih berubah. (Diwarisi dari Pemilih) |
13 | SizeChanged Terjadi ketika properti ActualHeight atau ActualWidth mengubah nilai pada FrameworkElement. (Diwariskan dari FrameworkElement) |
Diberikan di bawah ini adalah yang paling umum digunakan Methods dari ListBox.
No Sr | Metode & Deskripsi |
---|---|
1 | Arrange Memposisikan objek anak dan menentukan ukuran untuk UIElement. Objek induk yang mengimplementasikan tata letak khusus untuk elemen turunannya harus memanggil metode ini dari implementasi penggantian tata letak mereka untuk membentuk pembaruan tata letak rekursif. (Diwariskan dari UIElement) |
2 | FindName Mengambil objek yang memiliki nama pengenal yang ditentukan. (Diwariskan dari FrameworkElement) |
3 | Focus Upaya untuk mengatur fokus pada kontrol. (Diwariskan dari Kontrol) |
4 | GetValue Mengembalikan nilai efektif saat ini dari properti ketergantungan dari DependencyObject. (Diwariskan dari DependencyObject) |
5 | IndexFromContainer Mengembalikan indeks ke item yang memiliki penampung yang dibuat dan ditentukan. (Diwariskan dari ItemsControl) |
6 | OnDragEnter Dipanggil sebelum acara DragEnter terjadi. (Diwariskan dari Kontrol) |
7 | OnDragLeave Dipanggil sebelum acara DragLeave terjadi. (Diwariskan dari Kontrol) |
8 | OnDragOver Dipanggil sebelum acara DragOver terjadi. (Diwariskan dari Kontrol) |
9 | OnDrop Dipanggil sebelum event Drop terjadi. (Diwariskan dari Kontrol) |
10 | OnKeyDown Dipanggil sebelum acara KeyDown terjadi. (Diwariskan dari Kontrol) |
11 | OnKeyUp Dipanggil sebelum acara KeyUp terjadi. (Diwariskan dari Kontrol) |
12 | OnLostFocus Dipanggil sebelum acara LostFocus terjadi. (Diwariskan dari Kontrol) |
13 | ReadLocalValue Mengembalikan nilai lokal dari properti ketergantungan, jika nilai lokal ditetapkan. (Diwariskan dari DependencyObject) |
14 | SetBinding Melampirkan pengikatan ke FrameworkElement, menggunakan objek pengikatan yang disediakan. (Diwariskan dari FrameworkElement) |
15 | SetValue Menetapkan nilai lokal properti ketergantungan pada DependencyObject. (Diwariskan dari DependencyObject) |
Mari kita lihat contoh sederhana di mana elemen UI yang berbeda ditambahkan dalam file ListBox.
<UserControl x:Class = "ListBoxExample.MainPage"
xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d = "http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable = "d" d:DesignWidth = "640" d:DesignHeight = "480">
<Grid x:Name = "LayoutRoot">
<ListBox x:Name = "myList">
<TextBlock Text = "First item" />
<Button Content = "Second item" />
<Path Fill = "Blue" Data = "M4,0 l-4,10 8,0z M15,0 l-4,10 8,0z M26,0 l4,10 8,0z"
Margin = "10" />
<StackPanel Orientation = "Horizontal">
<Ellipse Fill = "Red" Height = "30" Width = "100" />
<TextBlock Text = "Name: " />
<TextBox Width = "200" />
</StackPanel>
<TextBlock Text = "More..." />
</ListBox>
</Grid>
</UserControl>
Diberikan di bawah ini adalah implementasi C #.
using System.Windows.Controls;
namespace ListBoxExample {
public partial class MainPage : UserControl {
public MainPage() {
InitializeComponent();
myList.Items.Add("String entry");
myList.Items.Add(new Button { Content = "Content entry" });
}
}
}
Ketika kode di atas dikompilasi dan dijalankan, Anda akan melihat kotak daftar yang berisi campuran teks grafik dan juga bidang yang dapat diedit tempat Anda dapat mengetik teks tersebut.
No Sr | Kontrol & Deskripsi |
---|---|
1 | Kalender & DatePicker Calendar & DatePicker merupakan kontrol yang memungkinkan pengguna untuk memilih tanggal dengan menggunakan tampilan kalender visual. Ini menyediakan beberapa navigasi dasar baik menggunakan mouse atau keyboard. |
2 | TabControl Sebuah wadah yang menempatkan item ke dalam tab terpisah dan memungkinkan pengguna untuk melihat hanya satu tab dalam satu waktu. Ini memungkinkan pengguna untuk memilih dari sejumlah tampilan yang berbeda dengan mengklik header tab. |
3 | Muncul Kelas ini menampilkan konten di atas konten yang ada, dalam batas-batas jendela aplikasi. Ini adalah tampilan sementara di konten lain. |
4 | ToolTip Tooltip mewakili kontrol yang membuat jendela pop-up yang menampilkan informasi untuk elemen di GUI. Silverlight memungkinkan Anda melampirkan keterangan alat ke kontrol apa pun. |