Bài giảng cung cấp cho người học các kiến thức: Làm việc với các điều khiển trên TOOLBOX, cài đặt điều khiển ActiveX, sử dụng các điều khiển Textbox, nhập liệu của người dùng,... Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu. Mời các bạn cùng tham khảo chi tiết nội dung bài giảng.
Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Chương 3: Làm việc với điều khiển TOOLBOX oOo -Nội dung thảo luận: - Sử dụng điều khiển Textbox Button tạo chương trình Hello World - Sử dụng điều khiển DateTimePicker hiển thị ngày sinh bạn - Sử dụng combobox, CheckBox, RadioButton, ListBox để xử lý nhập liệu người dùng - Sử dụng điều khiển LinkLabel để hiển thị trang web Internet - Cài đặt điều khiển ActiveX TOOLBOX chứa điều khiển để thiết kế form chương trình Bạn sử dụng điều khiển có sẵn hay thêm vài thành phần vào để sử dụng sau Xây dựng chương trình HELLOWORLD 1.1 Tìm hiểu chương trình Giao diện chương trình sau: Nó bao gồm textbox – cho phép nhập chuỗi ký tự có biểu tượng TOOLBOX button Khi chương trình chạy, click vào button hiển thị để textbox dòng chữ “HelloWorld” – Xin chào giới Biên soạn: Phạm Đức Lập -1- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox 1.2 Thiết kế chương trình Bạn tạo dự án học Tại trang start page chọn tạo Visual Studio Solution Nhập tên ô Name HelloWorld, click vào nút Browse để chọn đường dẫn lưu dự án Nhấn OK để tạo Bây bạn có giải pháp trắng Tiếp theo ta tạo dự án từ giải pháp Để tạo R-click vào Solution vừa tạo chọn Add | New Project Một cửa sổ ra, click chọn Windows Application ô Visual Studio Installed Template Nhập tên HelloWorld ô Name, đường dẫn đường dẫn chứa solution tạo Biên soạn: Phạm Đức Lập -2- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Thiết kế: - Tạo Textbox (textbox1) Button (Button1) lên giao diện đồ họa Form biết TextBox: điều khiển cho phép nhập chuỗi ký tự cho chương trình xử lý Button: điều khiển cho phép chương trình có hành động người dùng click lên chạy chương trình - Thiết lập thuộc tính cho điều khiển: Textbox1 – Text:Rỗng; Button1 – Text:Hiển thị Viết mã: - Tại giao diện Form double click vào Button1 để chuyển qua chế độ viết mã, viết thủ tục Button1_Click - Nhập đoạn mã sau vào đó: TextBox1.Text = "HelloWorld!" Khi bạn gõ textbox1 dấu ‘.’ chương trình tự xổ xuống danh sách cho bạn chọn lựa, bạn chọn thuộc tính text (Enter) Chạy chương trình: Nhắp nút start ví dụ trước xong Biên soạn: Phạm Đức Lập -3- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Sử dụng điều khiển DATETIMEPICKER DATETIMEPICKER, điều khiển cho phép người dùng chọn thời gian dạng giao diện lịch biểu 2.1 Chương trình Birthday 2.1.1 Tìm hiểu chương trình Giao diện chương trình: Chương trình có điều khiển DaeTimePicker (trên TOOLBOX điều khiển có hình ) cho phép người dùng chọn ngày để chương trình xử lý nút Button1 thực đưa hộp thông báo MsgBox hiển thị ngày mà người dùng chọn 2.1.2 Xây dựng giao diện Bạn tạo Solution trắng có tên Birthday thêm Project có tên tương tự dạng Windows Application ô Visual Studio Installed Template ví dụ trước Tại giao diện thiết kế form1 bạn thêm hai điều khiển DateTimePicker Button1 vào, đặt thuộc tính Text cho Button1 ‘Hiện ngày sinh’ Lưu lại tất thiết đặt cách nhấp chọn Save All Standard Bar Nếu chương trình thơng báo yêu cầu chọn chế độ lưu bạn chọn lưu với mã hóa 65001 Biên soạn: Phạm Đức Lập -4- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox 2.1.2 Viết mã cho chương trình Bạn cần viết mã cho Button1 để thực thi hành động thông báo người dùng chọn ngày click lên Double click vào Button1 giao diện thiết kế form1 nhập mã sau: MsgBox("Ngày sinh bạn là: " & DateTimePicker1.Text) MsgBox("Ngày năm: " & DateTimePicker1.Value.DayOfYear.ToString) MsgBox("Hôm ngày: " & Now.ToString) Đoạn mã hiển thị ba thơng báo có dấu ngoặc đơn Dấu ‘&’ để kết nối chuỗi “Ngày sinh bạn là” với nội dung thuộc tính Text điều khiển DateTimePicker1 Các hàm khác bạn làm quen dần chương sau 2.1.3 Thực thi chương trình Bạn thử chạy chương trình chọn ngày sinh xem 2.2 Làm quen với thuộc tính khác DateTimePicker Bạn click vào đối tượng DateTimePicker1 giao diện form chọn mở thuộc tính Trên Properties Windows bạn thử thay đổi thuộc tính xem Ví dụ, hiển thị thơng tin thay ngày tháng, bạn thay đổi thuộc tính Format từ long qua Time xem Làm việc với điều khiển nhập liệu Trong suốt q trình lập trình, thực tế ta ln xuay quanh việc lập trình để xử lý điều khiển nhập liệu Các điều khiển nhập liệu gồm TextBox cho phép người dùng nhập vào chuỗi ký tự, menu thể thông tin dạng chọn lệnh, loại hộp thoại Checkbox, ListBox, RadioButton, ComboBox thể thông tin dạng tương tự menu… 3.1 Tìm hiểu CheckBox 3.1.1 Sử dụng CheckBox điều khiển cho phép người dùng chọn lựa khả xử lý chương trình Ta thử tìm hiểu kỹ điều khiển qua tập sau: 3.1.2 Chương trình MyCheckBox Tìm hiểu chương trình: Chương trình có hai CheckBox cho phép click chọn Nếu click chọn vào CheckBox ảnh tương ứng với Giao diện sau: Biên soạn: Phạm Đức Lập -5- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Thiết kế giao diện: Tạo giải pháp thêm vào dự án biết, đặt tên MyCheckBox Các điều khiển sử dụng form gồm: - CheckBox1: thuộc tính Checked – False; Text – Máy tính cá nhân - Checkbox2: thuộc tính Checked – False; Text – Máy photocopy - PictureBox1: thuộc tính Image – None; SizeMode: StretchImage - PictureBox2: thuộc tính Image – None; SizeMode: Stretchimage Viết mã chương trình: Vì ta muốn người dùng click vào checkbox có thay đổi ẩn/hiện ảnh nên ta cần xây dựng thủ tục thể thay đổi gắn với checkbox Trong vb thủ tục thủ tục CheckBox1_CheckedChanged mà ta tạo cách nhắp đúp vào điều khiển checkbox từ giao diện thiết kế form hay lựa chọn từ danh sách xổ xuống biết - Bạn double click vào điều khiển Checkbox1 để tạo thủ tục CheckBox1_CheckedChanged Sau nhập đoạn mã sau vào: If CheckBox1.CheckState = Then 'PictureBox1.Visible = True PictureBox1.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\MyCheckBox\MyCheckBox\Images\Calcultr.bmp") PictureBox1.Visible = True Biên soạn: Phạm Đức Lập -6- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Else PictureBox1.Visible = False End If Chú ý: Dấu ‘_’ dòng mã thứ tư xuống dấu cho phép xuống dòng cảm thấy dòng mã dài VB Bức ảnh bạn muốn cho vào điều khiển PictureBox1 không thiết phải giống Bạn copy ảnh vào thư mục chứa dự án kéo trực tiếp từ cửa sổ Solution Explorer vào đoạn mã để lây đường dẫn - Tương tự bạn tạo thủ tục CheckBox2_CheckedChanged sau: If CheckBox2.CheckState = Then 'PictureBox2.Visible = True PictureBox2.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\MyCheckBox\MyCheckBox\Images\CopyMach.bmp") PictureBox2.Visible = True Else PictureBox2.Visible = False End If Chạy chương trình: Bạn thử chạy chương trình xem 3.2 Một số điều khiển khác 3.2.1 Sử dụng Ta thử tìm hiểu tác dụng số điều khiển khác RadioButton, ComboBox, ListBox … qua ví dụ InputControls xem 3.2.2 Chương trình InputControls Tìm hiểu chương trình: Chương trình có ảnh tương ứng với mặt hàng hiển thị đơn vị tiền mà người dùng chi trả mua hàng Ô thứ hiển thị sản phẩm tương ứng với ba radiobutton đặt điêu khiển GroupBox – điều khiển cho phép đặt số điều khiển khác vào (bạn thử tìm xem đâu TOOLBOX) Ơ thứ hai, thứ ba thứ tư hiển thị sản phẩm tương ứng với mặt hàng chọn checkbox đặt GroupBox2 Ô thứ hiển thị sản phẩm chọn điều khiển ListBox1 Ô thứ hiển thị ảnh đơn vị tiền tệ mà người dùng chọn ComboBox1 Sau giao diện chương trình: Biên soạn: Phạm Đức Lập -7- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Thiết kế giao diện: - Tạo hai điều khiển GroupBox - Tạo radiobox đặt vào điều khiển GroupBox1 - Tạo CheckBox đặt vào điều khiển GroupBox2 - Tạo điều khiển ListBox không nhập liệu - Tạo điều khiển ComboBox - Tạo PictureBox Label Button - Sửa thuộc tính cho phù hợp với hình Riêng hai điều khiển ListBox ComboBox liệu nhập Form load vào lúc chương trình chạy Viết mã chương trình: Dưới tồn mã chương trình, bạn tham khảo: Public Class Form1 Private Sub Button1_Click(ByVal sender As System.Object, _ ByVal e As System.EventArgs) Handles Button1.Click End End Sub Private Sub CheckBox1_CheckedChanged(ByVal sender As System.Object, _ ByVal e As System.EventArgs) Handles CheckBox1.CheckedChanged If CheckBox1.CheckState = Then PictureBox2.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\AnswMach.bmp") Biên soạn: Phạm Đức Lập -8- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox PictureBox2.Visible = True Else PictureBox2.Visible = False End If End Sub Private Sub CheckBox2_CheckedChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles CheckBox2.CheckedChanged If CheckBox2.CheckState = Then PictureBox3.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Calcultr.bmp") PictureBox3.Visible = True Else PictureBox3.Visible = False End If End Sub Private Sub CheckBox3_CheckedChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles CheckBox3.CheckedChanged If CheckBox3.CheckState = Then PictureBox4.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\CopyMach.bmp") PictureBox4.Visible = True Else PictureBox4.Visible = False End If End Sub Private Sub ListBox1_SelectedIndexChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles ListBox1.SelectedIndexChanged Select Case ListBox1.SelectedIndex Case PictureBox5.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Harddisk.bmp") PictureBox5.Visible = True Case PictureBox5.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Printer.bmp") PictureBox5.Visible = True Case PictureBox5.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\SateDish.bmp") PictureBox5.Visible = True End Select End Sub Private Sub Form1_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles Me.Load ListBox1.Items.Add("Ổ cứng") ListBox1.Items.Add("Máy in") ListBox1.Items.Add("Ăng ten") Biên soạn: Phạm Đức Lập -9- Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox ComboBox1.Items.Add("USD") ComboBox1.Items.Add("Kiểm tra") ComboBox1.Items.Add("Bảng Anh") End Sub Private Sub RadioButton1_CheckedChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles RadioButton1.CheckedChanged PictureBox1.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\PComputr.bmp") PictureBox1.Visible = True End Sub Private Sub RadioButton2_CheckedChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles RadioButton2.CheckedChanged PictureBox1.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Computer.bmp") PictureBox1.Visible = True End Sub Private Sub RadioButton3_CheckedChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles RadioButton3.CheckedChanged PictureBox1.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Laptop1.bmp") PictureBox1.Visible = True End Sub Private Sub ComboBox1_SelectedIndexChanged(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles ComboBox1.SelectedIndexChanged Select Case ComboBox1.SelectedIndex Case PictureBox6.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Dollar.bmp") PictureBox6.Visible = True Case PictureBox6.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\Check.bmp") PictureBox6.Visible = True Case PictureBox6.Image = System.Drawing.Image.FromFile _ ("D:\Data\Studying\VS.Net 05\Tung buoc lap trinh vb.net\Tung buoc lap trinh vb.net\3_Chapter3\Bai tap\InputControls\InputContorls\Images\PoundBag.bmp") PictureBox6.Visible = True End Select End Sub End Class Như ví dụ trước, ảnh bạn tùy biến Biên soạn: Phạm Đức Lập - 10 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Chạy chương trình: Bạn thử chạy chương trình xem Đề nghị: Bạn thử thiết kế viết tồn mã lại, theo ý xem Sử dụng điều khiển LINKLABEL 4.1 Sử dụng Cho phép mở trình duyệt web IE hay Netscape truy cập trang web Trong ví dụ WebLink thử tạo chương trình sử dụng LinkLabel để hiển thị chuỗi văn Form, kết hợp kiện Click với phương thức Process.Start để mở trang web 4.2 Chương trình WebLink 4.2.1 Tìm hiểu chương trình Giao diện chương trình: Chương trình có mơt điều khiển LinkLabel cho phép ta mở trang web Trong ví dụ ta mở trang web cục http://localhost/localstart.asp Ở thay địa IP 127.0.0.1 4.2.2 Thiết kế giao diện Bạn tạo dự án tạo form biết 4.2.3 Viết mã cho chương trình Bạn mở chế độ Code Editor để viết thủ tục LinkLabel1_LinkClicked xử lý người dùng click vào LinkLabel1 cách double click vào điều khiển LinkLable1 form1 Tiếp theo nhập xác đoạn mã sau: LinkLabel1.LinkVisited = True System.Diagnostics.Process.Start _ ("http://127.0.0.1/localstart.asp") Vậy chương trình thực thi Biên soạn: Phạm Đức Lập - 11 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox 4.2.4 Chạy chương trình Chương trình tương đối đơn giản, bạn thử chạy xem Nếu nhà có nối mạng, bạn cho trang web trực tuyến thay trang cục Bạn cần cấu hình Default Website để khơng có trục trặc chạy chương trình 4.2.5 Hiểu thêm mã chương trình - Dịng 1: LinkLabel1.LinkVisited = True Dịng có tác dụng đánh dấu màu thể người dùng duyệt qua liên kết nhờ thuộc tính LinkVisited - Dịng 2: kết hợp kiện click với phương thức Process.Start để mở trang web Cài đặt điều khiển ACTIVEX Visual Studio.NET sản phẩm hồn tồn Microsoft Các chương trình trước thường dựa công nghệ COM (Component Object Model) Và NET khơng cịn dựa vào mơ hình COM cho phép ta tái sử dụng chúng đưa đối tượng COM, ACTIVEX cũ vào cửa sổ TOOLBOX để sử dụng điều khiển VS.NET Các điều khiển activeX hay đối tượng COM thường chứa file exe hay dll Khi bạn cài đặt số chương trình, ứng dụng thường đăng ký theo chúng vào hệ Biên soạn: Phạm Đức Lập - 12 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox thống, ví dụ cài Microsoft Word chẳng hạn, có điều khiển ActiveX giúp vẽ biểu đồ có tên Microsoft Chart Trong tập đưa ActiveX Microsoft Chart vào TOOLBOX VS.NET để sử dụng Nếu bạn xây dựng diễn đàn ngơn ngữ ASP.NET thêm điều khiển FreeTextBox xây dựng sẵn vào TOOLBOX sử dụng để thành viên đăng tải viết lên diễn đàn tiện ích Cài đặt ActiveX : - Để đưa điều khiển ActiveX vào trước hết TOOLBOX phải lên tức phải có dự án mở mở chế độ thiết kế form - Khi làm TOOLBOX bạn chọn tab muốn cho thêm ActiveX vào, chọn tab chuẩn Windows Forms - R-Click vào TOOLBOX chọn Choose Items… hình: - Một cửa sổ cho phép ta chọn thành phần muốn thêm vào tùy thích Có thể chọn thành phần Net Frame Works, COM Components chọn điều khiển bạn sẵn có click chọn nút Browse để duyệt Ở ta chọn COM Components duyệt đến điều khiển ActiveX Microsoft Office Chart 11.0 để thêm vào Nhắp OK chờ xem kết Biên soạn: Phạm Đức Lập - 13 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Hình minh họa: Và TOOLBOX có thêm điều khiển cho ta thực hiện: Biên soạn: Phạm Đức Lập - 14 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Chương 13 ta tìm hiểu thêm COM/ActiveX cụ thể Tổng kết Bạn làm bảng tổng kết làm chương Nếu có thể, thử xây dựng chương trình đơn giản theo ý muốn Biên soạn: Phạm Đức Lập - 15 VIMARU Add: cnt-44-dh, ... ("http://127.0.0.1/localstart.asp") Vậy chương trình thực thi Biên soạn: Phạm Đức Lập - 11 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox 4.2.4 Chạy chương trình Chương trình tương... lưu bạn chọn lưu với mã hóa 65001 Biên soạn: Phạm Đức Lập -4 - Add: cnt-44-dh, VIMARU Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox 2.1.2 Viết mã cho chương trình Bạn cần viết... biến Biên soạn: Phạm Đức Lập - 10 VIMARU Add: cnt-44-dh, Hướng dẫn lập trình VB.NET Chương 3: Làm việc với điều khiển toolbox Chạy chương trình: Bạn thử chạy chương trình xem Đề nghị: Bạn thử