Tài liệu CÁC ĐIỀU KHIỂN (CONTROL) CƠ BẢN CỦA WPF ppt

Bài 2

CÁC ĐIỀU KHIỂN (CONTROL) CƠ BẢN CỦA WPF

Trong lập trình giao diện người dùng, điều kiển (Control) là các nhân tố quan trọng cấu thành nên giao diện

người dùng, cho phép họ giao tiếp với ứng dụng. Control có thể được hiểu một cách đơn giản là các phần tử trên

một cửa sổ như các nhãn (Label), hộp soạn thảo (TextBox), nút bẩm (Button), hộp danh sách (ListBox,

ComboBox),.. để hiển thị các thông tin tới người dùng và cho phép người dùng nhập thông tin cần thiết cho

chương trình. Phần này giới thiệu cách tạo lập và sử dụng các Control cơ bản nhất của cửa sổ xây dựng bằng

công nghệ WPF.

1. Tổng quan về tạo lập các điều khiển với WPF

Điểm khác biệt cơ bản giữa mã lệnh tạo giao diện dựa trên WPF so với phương pháp cũ là ứng dụng WPF sử

dụng các đặc tả XAML (ngoài việc sử dụng mã lệnh C# hay VB.Net) để định nghĩa giao diện, trong khi phương

pháp cũ phải sử dụng trực tiếp mã lệnh của C# hay VB.Net để định nghĩa giao diện. Ví dụ, để xây dựng giao diện

cửa sổ đơn giản như Hình 2.1 dưới đây.

Đoạn mã trình bằng XAML:

<Grid>

<Label Height="30" HorizontalAlignment="Left" Margin="10,15,0,0" Name="label1"

VerticalAlignment="Top" Width="60">Họ đệm:</Label>

<Label Height="30" HorizontalAlignment="Left" Margin="10,50,0,0" Name="label2"

VerticalAlignment="Top" Width="60">Tên:</Label>

<TextBox Height="30" Margin="80,17,30,0" Name="textBox1" VerticalAlignment="Top" />

<TextBox Height="30" Margin="80,52,30,0" Name="textBox2" VerticalAlignment="Top" />

<Button Height="35" HorizontalAlignment="Left" Margin="16,0,0,27" Name="button1"

VerticalAlignment="Bottom" Width="110">Xem thông tin</Button>

<Button Height="35" HorizontalAlignment="Right" Margin="0,0,24,27" Name="button2"

VerticalAlignment="Bottom" Width="110">Nhập lại</Button>

</Grid>

Đoạn mã trình bằng C#:

// Tạo nhãn Họ đệm

this.label1 = new System.Windows.Forms.Label();

this.label1.AutoSize = true;

this.label1.Location = new System.Drawing.Point(17, 16);

this.label1.Name = "label1";

this.label1.Size = new System.Drawing.Size(48, 13);

Label TextBox

Button

Hình 2.1 Một ví dụ về cửa số với các control đơn giản