Thiết kế các ứng dụng GUI bằng Windows Forms

Sau đây là danh sách các điều khiển không được .NET Compact Framework hỗ trợ.



CheckedListBox



ColorDialog



ErrorProvider



FontDialog



GroupBox



HelpProvider



LinkLabel



NotificationBubble



NotifyIcon



All Print controls



RichTextBox



Splitter

Danh sách các hàm .NET Compact Framework không hỗ trợ.



AcceptButton



CancelButton



AutoScroll



Anchor

 Giao diện đa tài liệu (MDI)



KeyPreview



TabIndex



TabStop

 Kéo thả

 Tất cả các khả năng in ấn

 Các điều khiển

Hosting ActiveX

Thiết kế Form bằng Visual Studio .NET cho phép chúng ta thiết kế giao diện ứng dụng trực quan bằng cách kéo thả các điều khiển. Bạn có thể điều chỉnh vị trí các điều khiển, thiết lập các thuộc tính thông qua cửa sổ thuộc tính, và tạo các sự kiện cho các điều khiển.

Cửa sổ thiết kế Forms

Khi chúng ta tạo một dự án Smart Device Extension (SDE), là một ứng dụng cửa sổ, Visual Studio .NET sẽ mở dự án trong phần hiển thị thiết kế. Chúng ta có thể lựa chọn thiết kế từ menu View để đưa vào khung nhìn của dự án. Hình 2.1 đưa đến cho chúng ta Form Designer của dự án SDE Pocket PC trong khung nhìn Designer.

Chú ý rằng thành phần

mainMenu1

ở phía dưới của cửa sổ thiết kế. Khu thiết kế danh riêng cho các điều khiển, những điều khiển không có sự thể hiện trực quan, giống như là điều khiển MainMenu, điều khiển

ContextMenu,

điều khiển

Timer,

và còn nhiều điều khiển khác. SDE Pocket PC trong màn hình Designer view

Khi Form Designer được sử dụng để xây dựng ứng dụng, phương thức

InitializeComponent

chứa đựng mã nguồn để xây dựng giao diện của ứng dụng. Mã nguồn này có ảnh hướng lớn đến quá trình thực hiện nếu form của bạn chứa đựng một vài điều khiển ẩn. Trên

.NET Compact Framework

đề nghị các cửa sổ được tạo theo hướng từ trên xuống. Ví dụ, nếu một panel được đặt trên form và panel đó chứa một vài điều khiển, panel đó sẽ được thêm vào form, và sau đó các điều khiển mới được thêm vào panel.

ToolBox 

ToolBox

Cửa sổ thuộc tính

Cửa sổ thuộc tính chứa đựng tất cả các thuộc tính public của điều khiển đang lựa chọn trong cửa sổ Form Designer. Bạn có thể thay đổi thuộc tính của các điều khiển bằng cách đưa giá trị vào điều khiển

TextBox

bên cạnh các tên thuộc tính. Nếu thuộc tính có giới hạn số lượng giá trị, sau đó hộp thả xuốngđược hiển thị bên cạnh tên thuộc tính đó. Nếu giá trị của thuộc tính là một tập hợp các đối tượng hoặc một đối tượng phức tạp, có thể đặc tính đó ở bên cạnh tên thuộc tính. Chọn vào đặc tính đó sẽ hiển thị một hộp thoại cho phép chúng ta sửa đổi giá giá trị của thuộc tính. Hình 2.3 hiển thị cửa sổ thuộc tính khi một điều khiển

TextBox 

được chọn. Cửa sổ Properties của một điều khiển TextBox

Các dự án Smart Device Extensions (SDE) phải nhằm vào hệ điều hành Pocket PC hoặc Windows CE .NET. Hai nền tảng có các hàm giao diện người sử dụng API khác nhau. Một dự án SDE thao tác bằng cách gọi các thư viện khác nhau cho mỗi nền tảng.

ControlBox

MinimizeBox 

MaximizeBox

Size

FormBorderSytle

Sizable

MainMenu

ToolBox

InputPanel.

InputPanel

InputPanel

MainMenu

MainMenu

InputPanel

Điều khiển Form là nơi chứa các điều khiển của ứng dụng. Điều khiển Form hiện diện là một cửa sổ chứa các điều khiển của ứng dụng. Lớp Form có nhiều thuộc tính tạo ra hành vi khác nhau phụ thuộc vào nền tảng (target platform).

FormBorderSytle

FormBorderStyle.FixedSingle

FormBorderStyle.None

FillBorderStyle.FixedSingle

FormBorderStyle.FixedDialog

FormBorderStyle.None

FormBorderStyle.FixedSingle

ControlBox 

ControlBox

 false

Thuộc tính MinimizeBox và MaximizeBox

Trên Pocket PC hộp điều khiển chỉ chứa đựng nhiều nhất một nút, một là nút minimize, nhãn X, hoặc nút close, nhãn OK. Trên Windows CE .NET hộp điều khiển có thể chứa đựng nút minimize, nút maximize, và nút close. Để các nút này hiển thị được điều khiển bằng thuộc tính

MinimizeBox 

và

MaximizeBox

. Bảng 2.1 mô tả giá trị vị trí của

MinimizeBox

và ảnh hưởng của mỗi nền tảng. Bảng 2.3 Bảng 2.1. Giá trị thuộc tính MinimizeBox và ảnh hưởng của nó cho mỗi nền tảng Bảng 2.2. Giá trị thuộc tính MaximizeBox và ảnh hưởng của nó cho mỗi nền tảng

FormBorderStyle

Location

Location

FormBorderSytle 

FormBorderSytle.None

Location

Lớp

System.Windows.Forms.Button

System.EventHandler

EventHandler

Private void button_Click(object sender, System.EventArgs e) 
{
MessageBox.Show(DateTime.Now.ToShortTimeString(),
"The Current Time Is", MessageBoxButtons.OK,
MessageBoxIcon.Exclamation, MessageBoxDefaultButton.Button1);
}
    

Hình 2.4. Ứng dụng

GiveEmTime

Điều khiển cho phép người dùng có thể nhập dữ liệu đầu vào cho ứng. Điều khiển

TextBox

BackColor

ForeColor

KeyPress, KeyUp

KeyDown

PasswordChar

Điều khiển nhãn cho phép chúng ta hiển thị văn bản tới người sử dụng. Thuộc tính Text của điều khiển xác định văn bẳn sẽ được hiển thị tới người sử dụng. Văn bản hiển thị có thể có sự căn lề khác nhau dựa vào thuộc tính

TextAlign

TextAlign

TopLeft, TopCenter

TopRight

Nút điều khiển Radio đưa tới người sử dụng một dãy các giá trị lựa chọn loại trừ nhau.

Khi một nút radio trong một nhóm được chọn, các nút khác sẽ tự động bị bỏ chọn.

Lớp

RadioButton

RadioButton 

Click

CheckedChanged

Click

Chúng ta có thể thao tác với sự kiện này như là đối với sự kiện Click của lớp button. Sự kiện

CheckedChanged

RadioButton 

Sự kiện

Click

Checked 

RadioButton

Ứng dụng demo

Arnie.exe

Ứng dụng Arnie chạy trên Pocket PC 2002 emulator.

Sau đây là đoạn mã demo thao tác với sự kiện

CheckedChanged.

private void radioButton2_CheckedChanged(object sender, System.EventArgs e)
{
    if(this.radioButton2.Checked) MessageBox.Show
    ("Wrong, The Terminator (1984) O.J Simpson almost got the role...",
    "Wrong!");
}

Điều khiển

CheckBox

RadioButton

CheckBox

RadioButton

Điều khiển

CheckBox

CheckState

CheckState

Unchecked

Checked

Indeterminate

Indeterminate

ThreeState

CheckBox

CheckState

Indeterminate

ThreeState

AutoCheck

false

AutoCheck

true

Ứng dụng

Apples.exe

CheckBox

CheckBox 

CheckBox

Các trạng thái của điều khiển CheckBox chạy trên Pocket PC 2002.

Điều khiển

ComboBox

ComboBox

TextBox 

Để thêm một mục vào điều khiển

ComboBox 

Để thêm một mục vào ComboBox lúc thiết kế, đơn giản là chọn

ComboBox

ComboBox

Các mục có thể được thêm vào điều khiển

ComboBox

Cách1: Gọi phương thức Add trên thuộc tính tập hợp

Items

ComboBox

ComboBox

comboBox1

comboBox1.Items.Add("Hi");
    comboBox1.Items.Add("Howdy");
    comboBox1.Items.Add("Wuz Up");
    

Cách2: Chúng ta có thể thêm vào

ComboBox

DataSource

ComboBox

ToString

DataSource

DisplayName

ComboBox. ComboBox

DisplayName

class Customer { string m_First; string m_Middle; string m_Last;
public Customer(string first, string middle, string last) {
m_First = (first == null) ? string.Empty : first; 
m_Middle = (middle == null) ? string.Empty : middle;
 m_Last = (last == null) ? string.Empty : last;
}

public string FirstName {
get { return m_First; }
}

public string MiddleName {
get { return m_Middle; }
}

public string LastName {
get { return m_Last; }
}

static string FullNameWithInitial = "{0} {1}. {2}";
static string FullNameNoInitial = "{0} {1}";
public string FullName {
get {
return (m_Middle.Length > 0) ?
 

string.Format(FullNameWithInitial, m_First, m_Middle[0], m_Last) :
string.Format(FullNameNoInitial, m_First, m_Last);
}
}
}

private void LoadCustomers() {
if(customers != null)
return;
customers = new Customer[6];
customers[0] = new Customer("Ronnie", "Donnell", "Yates");
 customers[1] = new Customer("Moya", "Alicia", "Hines");
 customers[2] = new Customer("Veronica", "Christine", "Yates");
 customers[3] = new Customer("Diane", "", "Taylor"); 
customers[4] = new Customer("Kindell", "Elisha", "Yates");
customers[5] = new Customer("Zion", "Donnell", "Yates");
this.comboBox1.DataSource = customers;
this.comboBox1.DisplayMember = "FullName";
}

Có hai cách để lấy mục đang được chọn trong điều khiển

ComboBox

SelectedIndex

Items

ComboBox

SelectIndex

string selItem = comboBox1.Items[comboBox1.SelectedIndex].ToString();
    

Điều khiển

ComboBox

SelectedItem

Items

SelectedItem

string selItem = comboBox1.SelectedItem.ToString();
    

ListBox 

ComboBox

ListBox

Items

Add, Remove,

Clear 

Items

ListBox 

listBox1.Items.Add("Hi");
    listBox1.Items.Add("Howdy");
    listBox1.Items.Add("Wuz Up");
    

Chúng ta có thể thêm vào điều khiển

ListBox

ListBox

ListBox

ComboBox

DataSource

DisplayMember

private void LoadCustomers() {
if(customers != null)
return; 
customers = new Customer[6];
customers[0] = new Customer("Ronnie", "Donnell", "Yates");
 customers[1] = new Customer("Moya", "Alicia", "Hines");
customers[2] = new Customer("Veronica", "Christine", "Yates"); 
customers[3] = new Customer("Diane", "", "Taylor");
 customers[4] = new Customer("Kindell", "Elisha", "Yates"); 
customers[5] = new Customer("Zion", "Donnell", "Yates"); 
this.listBox1.DataSource = customers;
this.listBox1.DisplayMember = "FullName";
}



NumericUpDown 



DomainUpDown 



ProgressBar 



StatusBar 



TrackBar 



ToolBar 



MainMenu 



ContextMenu 



Timer 



OpenFileDialog và SaveFileDialog 



Panel 



HScrollBar và VscrollBar 



ImageList 



PictureBox 



ListView 



TabControl 



TreeView 



DataGrid