XAML – Hình ảnh

Nó là một điều khiển hiển thị một hình ảnh. Bạn có thể sử dụng đối tượng Image hoặc đối tượng ImageBrush. Một đối tượng Image hiển thị một hình ảnh, trong khi một đối tượng ImageBrush vẽ một đối tượng khác bằng một hình ảnh.

Nguồn hình ảnh được chỉ định bằng cách tham chiếu đến một tệp hình ảnh sử dụng một số định dạng được hỗ trợ. Nó có thể hiển thị các định dạng sau:

• Bitmap (BMP)
• Định dạng tệp hình ảnh được gắn thẻ (TIFF)
• Biểu tượng (ICO)
• Nhóm chuyên gia nhiếp ảnh chung (JPEG)
• Định dạng trao đổi đồ họa (GIF)
• Đồ họa mạng di động (PNG)
• JPEG XR

Sự kế thừa phân cấp của lớp Image như sau:

Đặc tính

Dưới đây là một số thuộc tính thường được sử dụng của lớp Image.

Sự kiện

Dưới đây là các sự kiện thường được sử dụng của một lớp Hình ảnh.

Thí dụ

Ví dụ sau đây cho thấy ba hình ảnh. Cái đầu tiên là một hình ảnh đơn giản; trong hình ảnh thứ hai, thuộc tính Opacity được thiết lập; và trong hình thứ ba, nhật thực được vẽ bằng ImageBrush. Đây là mã XAML

<Window x:Class = "XAMLImage.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "500" Width = "604"> 
	
   <Grid> 
      <Grid.RowDefinitions> 
         <RowDefinition Height = "1*"/> 
         <RowDefinition Height = "1*"/> 
      </Grid.RowDefinitions> 
		
      <StackPanel Orientation="Horizontal"> 
         <Image Width = "200" VerticalAlignment = "Top" Margin = "30"/> 
         <Image Width = "200" Source = "Images\hinh_01.jpg" 
            VerticalAlignment = "Top" Margin = "30" Opacity = "0.5"/> 
      </StackPanel>
		
      <StackPanel Grid.Row = "1"> 
         <Ellipse Height = "100" 
            Width = "200" 
            HorizontalAlignment = "Center" 
            Margin = "30">
				
            <Ellipse.Fill>
               <ImageBrush ImageSource = "Images\hinh_02.jpg" /> 
            </Ellipse.Fill> 
         </Ellipse> 
      </StackPanel> 
		
   </Grid>
</Window>

Khi bạn biên dịch và thực thi đoạn mã trên, nó sẽ tạo ra kết quả sau:

XAML – ListBox

ListBox là một điều khiển cung cấp danh sách các mục để người dùng lựa chọn mục. Người dùng có thể chọn một hoặc nhiều mục từ danh sách các mục được xác định trước tại một thời điểm. Trong ListBox, nhiều tùy chọn luôn hiển thị cho người dùng mà không cần bất kỳ tương tác nào của người dùng. Sự kế thừa phân cấp của lớp ListBox như sau:

Đặc tính

Dưới đây là các thuộc tính thường được sử dụng của lớp ListBox.

Sự kiện

Dưới đây là các Sự kiện được sử dụng phổ biến nhất của ListBox.

Phương pháp

Dưới đây là các phương pháp phổ biến nhất được sử dụng của ListBox.

Thí dụ

Ví dụ sau đây cho thấy điều khiển ListBox và một TextBox. Khi người dùng chọn bất kỳ mục nào từ ListBox, thì nó cũng được hiển thị trên TextBox. Đây là mã XAML để tạo và khởi tạo ListBox và TextBox với một số thuộc tính.

<Window x:Class = "XAMLListBox.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   Title = "MainWindow" Height = "350" Width = "604"> 
	
   <Grid> 
      <StackPanel Orientation = "Horizontal">
         <ListBox Name = "listbox" Margin = "20,20,20,177" Width = "103">
            <ListBoxItem Content = "dongthoigian"/> 
            <ListBoxItem Content = "dong"/> 
            <ListBoxItem Content = "thoi"/>
            <ListBoxItem Content = "gian"/> 
         </ListBox> 
		
         <TextBox Height = "23" 
            Name = "textBox1" 
            Width = "120" 
            Margin = "20" 
            HorizontalAlignment = "Left" 
            VerticalAlignment = "Top"> 
			
         <TextBox.Text> 
            <Binding ElementName = "listbox" Path = "SelectedItem.Content"/> </TextBox.Text>
         </TextBox>
      </StackPanel>
   </Grid> 
   
</Window>

Khi bạn biên dịch và thực thi đoạn mã trên, nó sẽ tạo ra kết quả sau:

XAML – Menu

Menu là một điều khiển cho phép bạn tổ chức phân cấp các phần tử được liên kết với các lệnh và trình xử lý sự kiện. Menu là một ItemsControl, vì vậy nó có thể chứa một bộ sưu tập của bất kỳ loại đối tượng nào như chuỗi, hình ảnh hoặc bảng điều khiển. Sự kế thừa phân cấp của lớp Menu như sau:

Đặc tính

Dưới đây là các thuộc tính thường được sử dụng của lớp Menu.

Sự kiện

Dưới đây là các sự kiện thường được sử dụng trong lớp Menu

Thí dụ

Ví dụ sau có hai tùy chọn menu với một số mục menu. Khi người dùng nhấp vào một mục từ menu, chương trình sẽ cập nhật tiêu đề. Đây là mã XAML.

Đặc tính
Dưới đây là các thuộc tính thường được sử dụng của lớp Menu.
Sự kiện
Dưới đây là các sự kiện thường được sử dụng trong lớp Menu
Thí dụ
Ví dụ sau có hai tùy chọn menu với một số mục menu. Khi người dùng nhấp vào một mục từ menu, chương trình sẽ cập nhật tiêu đề. Đây là mã XAML.

<Window x:Class = "XAMLMenu.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
   Title = "MainWindow" Height = "350" Width = "525"> 
	
   <Grid> 
      <Menu HorizontalAlignment = "Left" VerticalAlignment = "Top" Width = "517"> 
         <MenuItem Header = "File"> 
            <MenuItem Header = "Item 1" HorizontalAlignment = "Left" 
               Width = "140" Click = "MenuItem_Click"/> 
 
            <MenuItem Header = "Item 2" HorizontalAlignment = "Left" 
               Width = "140" Click = "MenuItem_Click"/>
 
            <Separator HorizontalAlignment = "Left" Width = "140"/> 
			
            <MenuItem Header = "Item 3" HorizontalAlignment = "Left" 
               Width = "140" Click = "MenuItem_Click"/>
 
         </MenuItem>
      </Menu> 
      
      <Menu VerticalAlignment = "Top" Width = "517" Margin = "41,0,-41,0">
         <MenuItem Header = "Edit">
            <MenuItem Header = "Item 1" HorizontalAlignment = "Left" Width = "140" Click = "MenuItem_Click1"/> 
            <MenuItem Header = "Item 2" HorizontalAlignment="Left" Width = "140" Click = "MenuItem_Click1"/>
            <Separator HorizontalAlignment = "Left" Width = "140"/> 
            <MenuItem Header = "Item 3" HorizontalAlignment = "Left" Width = "140" Click = "MenuItem_Click1"/> 
         </MenuItem>
      </Menu> 
   </Grid>
   
</Window>

Đây là cách triển khai các sự kiện trong C #

using System.Linq; 
using System.Windows; 
using System.Windows.Controls;

namespace XAMLMenu {
   public partial class MainWindow : Window {
      public MainWindow() {
         InitializeComponent(); 
      } 
      private void MenuItem_Click(object sender, RoutedEventArgs e) { 
         MenuItem item = sender as MenuItem; 
         this.Title = "File: " + item.Header; 
      } 
      private void MenuItem_Click1(object sender, RoutedEventArgs e) { 
         MenuItem item = sender as MenuItem; 
         this.Title = "Edit: " + item.Header; 
      } 
   } 
}

Khi bạn biên dịch và thực thi đoạn mã trên, nó sẽ tạo ra kết quả sau:

XAML – PasswordBox (xem thêm)