Quy trình tạo điều khiển

Đ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 3.1 dưới đây.

Có thể tạo giao diện bằng đoạn mã XAML

So sánh với code bằng Lập trình Windows Forms với ngôn ngữ C#

namespace Baitapcoban1 {

partial class frmdangnhap

{

/// <summary>

/// Required designer variable.

/// </summary>

private System.ComponentModel.IContainer components = null; /// <summary>

/// Clean up any resources being used.

/// </summary>

/// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>

protected override void Dispose(bool disposing) {

if (disposing && (components != null)) {

components.Dispose(); }

base.Dispose(disposing); }

#region Windows Form Designer generated code /// <summary>

/// Required method for Designer support - do not modify

/// the contents of this method with the code editor.

/// </summary>

private void InitializeComponent() {

this.label1 = new System.Windows.Forms.Label(); this.label2 = new System.Windows.Forms.Label(); this.textBox1 = new System.Windows.Forms.TextBox(); this.textBox2 = new System.Windows.Forms.TextBox(); this.button1 = new System.Windows.Forms.Button(); this.button2 = new System.Windows.Forms.Button(); this.SuspendLayout();

//

// label1

this.label1.Location = new System.Drawing.Point(76, 70); this.label1.Name = "label1";

this.label1.Size = new System.Drawing.Size(45, 13); this.label1.TabIndex = 0;

this.label1.Text = "Họ đệm"; //

// label2

//

this.label2.AutoSize = true;

this.label2.Location = new System.Drawing.Point(76, 107); this.label2.Name = "label2";

this.label2.Size = new System.Drawing.Size(29, 13); this.label2.TabIndex = 1;

this.label2.Text = "Tên:"; //

// textBox1

//

this.textBox1.Location = new System.Drawing.Point(164, 68); this.textBox1.Name = "textBox1";

this.textBox1.Size = new System.Drawing.Size(102, 20); this.textBox1.TabIndex = 2;

//

// textBox2

//

this.textBox2.Location = new System.Drawing.Point(164, 104); this.textBox2.Name = "textBox2";

this.textBox2.Size = new System.Drawing.Size(102, 20); this.textBox2.TabIndex = 3;

//

// button1

//

this.button1.Location = new System.Drawing.Point(84, 160); this.button1.Name = "button1";

this.button1.Size = new System.Drawing.Size(105, 32); this.button1.TabIndex = 4;

this.button1.Text = "Xem thông tin";

this.button1.UseVisualStyleBackColor = true; //

// button2

//

this.button2.Location = new System.Drawing.Point(228, 160); this.button2.Name = "button2";

this.button2.Size = new System.Drawing.Size(62, 32); this.button2.TabIndex = 5;

this.button2.Text = "Nhập lại";

this.button2.UseVisualStyleBackColor = true; //

// frmdangnhap

//

this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F); this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font; this.ClientSize = new System.Drawing.Size(800, 450);

this.Controls.Add(this.button2); this.Controls.Add(this.button1); this.Controls.Add(this.textBox2); this.Controls.Add(this.textBox1); this.Controls.Add(this.label2); this.Controls.Add(this.label1); this.Name = "frmdangnhap"; this.Text = "frmdangnhap"; this.ResumeLayout(false); this.PerformLayout(); }

#endregion

private System.Windows.Forms.Label label1; private System.Windows.Forms.Label label2; private System.Windows.Forms.TextBox textBox1; private System.Windows.Forms.TextBox textBox2; private System.Windows.Forms.Button button1; private System.Windows.Forms.Button button2; }

}

Như vậy, điều chúng ta cần là tìm hiểu các thẻ XAML để mô tả các Control cần thiết. Tuy nhiên không cần phải lo lắng nếu như chưa quen với các mã lệnh XAML (dựa trên XML) này vì bộ công cụ từ Visual Studio.Net 2008 đã hỗ trợ thiết kế giao diện trực quan và tự động sinh mã XAML tương ứng.