GUI hỗ trợ
1. MenuStrip
2. ContextMenuStrip
3. ToolStrip
4. StatusStrip
Menu cung cấp nhóm lệnh có quan hệ với nhau cho các ứng dụng Windows
Cách tạo menu
Trong ToolBox kéo control MenuStrip thả vào form
Thanh menuBar xuất hiện trên cùng của form
Trong màn hình design dễ dàng tạo lập các menu item
42 trang |
Chia sẻ: candy98 | Lượt xem: 537 | Lượt tải: 0
Bạn đang xem trước 20 trang tài liệu Bài giảng Lập trình Windows - Chương 4: Menu & Toolbar, để xem tài liệu hoàn chỉnh bạn click vào nút DOWNLOAD ở trên
1 Menu & Toolbar2Nội DungGUI hỗ trợMenuStripContextMenuStripToolStripStatusStrip3Menu - MenuStrip4MenuMenu cung cấp nhóm lệnh có quan hệ với nhau cho các ứng dụng WindowsMenuMenu itemSubmenuShortcut key5MenuCách tạo menuTrong ToolBox kéo control MenuStrip thả vào formThanh menuBar xuất hiện trên cùng của formTrong màn hình design dễ dàng tạo lập các menu itemNhập tên menuMenuStripMenuBarToolStripMenuItem6MenuĐặt ký tự & trước ký tự làm phím tắtTạo menu item mới bằng cách nhập vào textbox7MenuThiết lập Shortcut Key cho menu itemKhai báo shortcut key8MenuMenu item có thể là TextBox hoặc ComboBox Chọn nút dropdown trên textbox nhập item để hiển thị các dạng menu item khácToolStripMenuItemToolStripComboBoxToolStripTextBox9MenuThuộc tính của MenuStrip, ToolStripMenuItemMenuStripItemsChứa những top menu itemMdiWindowListItemChọn top menu item hiển thị tên các cửa sổ conToolStripMenuItemCheckedXác định trạng thái check của menu itemIndexChỉ mục menu item trong menu chaDropDownItemsChứa những menu item conShortcutKeysPhím tắtTextTiêu đề menu itemShowShortcutKeysXác định trạng thái hiện thị phím tắt bên cạnh menu item10MenuSự kiện cho Menu Item thường dùng là ClickTrong màn hình Design View kích đúp vào menu itemVS sẽ tự động tạo trình xử lý cho menu itemTrình xử lý cho sự kiện click của menu item “Open”Menu Design StandardsFollow the industry standards for Windows for names, order/location, access keys, shortcut keysBasic Main MenusFile Edit View Format HelpFile Menu Edit MenuNew (Ctrl N)Open (Ctrl O)Close Save AsSave (Ctrl S)Print (Ctrl P)Exit Undo (Ctrl Z)Cut (Ctrl X)Copy (Ctrl C)Paste (Ctrl V)Find (Ctrl F)Replace (Ctrl H)Format Menu Help MenuFontParagraphAlignment ColorAbout (F1)System InformationView MenuToolbarStatus BarVí dụ Qua MenuSubmenuMenu ItemsCode Sử Dụng Menuprivate void btnNhan_Click(object sender, EventArgs e) { int intA; double dblB; intA = Convert.ToInt32(txtSoA.Text); dblB= Convert.ToDouble(txtSoB.Text); lblKQ.Text = HamTich(intA, dblB).ToString(); }double HamTich(int A, Double dblB) { // lenh cua ham return (A * dblB); }private void mnuPhepTinhNhan_Click(object sender, EventArgs e) { btnNhan_Click( sender, e);// chỉ cần gọi lại //trong event btnNhan_Click đã có lệnh rồi }16ContextMenu17Context MenuXuất hiện khi user kích chuột phảiThông thường menu này xuất hiện tùy thuộc vào đối tượng trong vùng kích chuột phải.Trong ToolBox kéo ContextMenuStrip thả vào form18Context MenuKích vào ContextMenuStrip để soạn thảo các menuitemContextMenuStrip tạm thời thể hiện trên cùng của formKhi run thì sẽ không hiển thị cho đến khi được gọiselectSoạn thảo Context Menu tương tự như Menu bình thường19Context MenuKhai báo sử dụng Context MenuMỗi control đều có property là: ContextMenuStripKhai báo thuộc tính này với ContextMenuStripKhi đó user kích chuột phải lên control thì sẽ hiển thị context Menu đã cài đặt sẵnKhai báo trình xử lý sự kiện Click cho ContextMenuKích đúp vào menu item của Context Menu để tạo Hoặc trong cửa sổ Properties -> Event kích đúp vào sự kiện Click.20Context MenuDemo: tạo context Menu hiển thị trong ListBox có menu item Remove, cho phép xóa item đang được chọn.Tạo Form có mô tả như sauListBox hiển thị các item 21Context MenuKéo ContextMenuStrip thả vào Form22Context MenuKích vào ContextMenuStrip để thiết kế menuTạo một menu item “Remove” như hình mô tảSoạn thảo các menu item23Context MenuLiên kết ContextMenu với ListBoxTrong cửa sổ properties của ListBoxKhai báo thuộc tính ContextMenuStrip = ContextMenuStrip1Chọn context menu24Context MenuKhai báo trình xử lý sự kiện Click cho menu item25Context MenuDemoContext Menu hiển thị khi user kích chuột phải lên ListBox26ToolStrip27ToolStripToolStrip là sự thay thế cho ToolBar trong các ứng dụng trước đâyVị trí thường xuất hiện là ngay bên dưới thanh menuCung cấp các button cho phép thực hiện các chức năng thường dùng trong menuToolStrip là dạng container cho phép chứa các controlCác control này dẫn xuất từ ToolStripItemCác control bao gồmToolStripSplitButtonToolStripDropDownbuttonToolStripLabelToolStripProgressBarToolStripSeparatorToolStripComboBoxToolStripTextBox28ToolStripCách tạo button trên ToolStripKéo ToolStrip thả vào formAdd ToolStripButtonTạo button29ToolStripBổ sung image cho buttonSử dụng thuộc tính Images để thiết lập30ToolStripCác buttonSplit barToolStrip31ToolStripKhai báo trình xử lý sự kiện Click cho ToolStripButtonKhai báo tương tự như các buttonKích đúp vào button trong Design ViewThông thường các button là các chức năng thường sử dụng chứa trong menuVD: các button New, Open, SaveDo đó có thể khai báo cùng trình xử lý sự kiện cho các button và menu item cùng chức năng.VD: Menu item “Open” cùng trình xử lý với ToolStripButton “Open”32ToolStripDemo: tạo thanh menubar cho phép nhập URL và khi nhấn enter chương trình sẽ open địa chỉ đóToolStripLabelToolStripTextBoxWebBrowserDock=Fill33ToolStripXử lý sự kiện KeyDown cho ToolStripTextBox34StatusStrip35StatusStripHiển thị thông tin trạng thái của ứng dụngNằm bên dưới cùng của Form.Các lớp liên quanStatusStrip: là container chứa control khácToolStripStatusLabel: control có thể add vào StatusStrip 36StatusStripTạo các item cho StatusStripTạo các item cho StatusStripCác kiểu control cho StatusStrip37StatusStripVí dụ tạo sự kiện Tick của Timer cứ mỗi giây kích hoạt và hiển thị giờ trên StatusStripKéo Timer thả vào FormThiết lập sự kiện Tick cho Timer với Interval là 1000 msItem dạng Label của StatusStrip38StatusStripDemoToolStripStatusLabelStatusStrip39StatusStripVD: bổ sung hiển thị một hyperlink trên StatusStrip và open hyperlink khi user kích chuộtLabel hiển thị hyperlinkThuộc tính isLink = trueThiết lập với thuộc tính spring = true, Text = “”40StatusStripTạo trình xử lý sự kiện khi user kích vào item Label thứ 3 chứa hyperlinkTrong màn hình design kích đúp vào item thứ 3, VS.NET sẽ phát sinh ra trình xử lý sự kiện41StatusStripDemoLabel thứ 2 fill đầy khoảng trốngKích vào để mở web42Q&A