1 1 ỨNG DỤNG ĐA TÀI LIỆU Chương 6 NỘI DUNG • Tài nguyên ứng dụng • Form và Menu • Ứng dụng đa tài liệu 2 Tài nguyên ứng dụng (Resources) • Các dữ liệu có thể được lưu trong ứng dụng như một phần của file khả thi khi biên dịch ứng dụng. • Ví dụ, lấy ảnh làm nền cho Form như sau: // ResourcesForm.cs partial class ResourcesForm : Form { public ResourcesForm() { InitializeComponent(); this.BackgroundImage = new Bitmap(@"C:\WINDOWS\Web\Wallpaper\Azul.jpg"); } } • Lưu ý: nếu không có tập tin ảnh trong đường dẫn ở trên thì công việc của bạn thực hiện không thành công, chương trình gây lỗi. 3 Tài nguyên ứng dụng (Resources) • Có thể đưa các ảnh hoặc các file khác nằm ngay trong các tập tin exe hoặc dll làm tài nguyên của ứng dụng. • Để làm điều này ta có thể kích phải chuột lên tên Project cần thêm tài nguyên chọn Properties 4 4 2 Tài nguyên ứng dụng (Resources) • Sau khi chèn xong, tài nguyên sẽ được sử dụng thông qua các đối tượng được định nghĩa trong lớp Resource: • Bây giờ ta có thể thay đổi hình nền của form bằng lệnh: this.BackgroundImage = Properties.Resources.Azul; 5 Form và Menu • Menu cung cấp nhóm lệnh có quan hệ với nhau cho các ứng dụng Windows Menu Menu item Submenu Shortcut key 6 Form và Menu • 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 7 Nhập tên menu MenuStrip MenuBar ToolStripMenuItem Form và Menu • Chèn các mục chuẩn 8 3 Form và Menu Đặt ký tự & trước ký tự làm phím tắt Tạo menu item mới bằng cách nhập vào textbox 9 Form và Menu • Thiết lập Shortcut Key cho menu item Khai báo shortcut key 10 Form và Menu • Sự kiện cho Menu Item thường dùng là Click • Ở màn hình Design View kích đúp vào menu item – VS sẽ tự động tạo trình xử lý cho menu item 11 Trình xử lý cho sự kiện click của menu item “Open” Form và Menu • Có thể dùng nhiều hệ thống menu trên một form. Có thể ẩn hiện menu sử dụng thuộc tính Visible: // MainForm.cs partial class MainForm : Form { public MainForm() { InitializeComponent(); this.mainMenuStrip.Visible = true; this.alternateMenuStrip.Visible = false; } } 12 4 Form và Menu • Đối với form MDI có thể dùng thuộc tính MainMenuStrip: // MainForm.Designer.cs partial class MainForm { void InitializeComponent() { this.MainMenuStrip = this.mainMenuStrip; } } public MainForm() { InitializeComponent(); this.MainMenuStrip = this.mainMenuStrip; } 13 Form và Menu • Menu ngữ cảnh (Context Menus) – Xuất hiện khi người dùng kích chuột phải – Thô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 form 14 Form và Menu • Menu ngữ cảnh (Context Menus) – Giống MenuStrip, ContextMenuStrip có thể không chứa hoặc chứa các mục menu tool strip, lưu trong thuộc tính ToolStripItemCollection. 15 Form và Menu • Khai báo sử dụng Context Menu • Mỗi control đều có property là: ContextMenuStripContextMenuStrip – Khai báo thuộc tính này với ContextMenuStrip • Khi đó người dùng kích chuột phải lên control sẽ hiển thị context Menu đã cài đặt • Khai báo trình xử lý sự kiện Click cho ContextMenu – Kí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. 16 5 Form và Menu • Demo: tạo contextMenu hiển thị trong ListBox có menu item Remove,cho phép xóa item đang chọn. • Tạo Form có mô tả như sau 17 ListBox hiển thị các item Form và Menu • Kéo ContextMenuStrip thả vào Form 18 Form và Menu • Kích vào ContextMenuStrip để thiết kế menu – Tạo một menu item “Remove” như hình mô tả 19 Soạn thảo các menu item Form và Menu • Liên kết ContextMenu với ListBox – Trong cửa sổ properties của ListBox • Đặt thuộc tính ContextMenuStrip = ContextMenuStrip1 20 Chọn context menu 6 Form và Menu • Khai báo trình xử lý sự kiện Click cho menu item 21 Form và Menu • Demo 22 Context Menu hiển thị khi user kích chuột phải lên ListBox Thanh công cụ (ToolStrip) • ToolStrip là sự thay thế cho ToolBar trong các ứng dụng • Vị trí thường xuất hiện là ngay bên dưới thanh menu • Cung cấp các button cho phép thực hiện các chức năng thường dùng trong menu • ToolStrip cho phép chứa các control – Các control này dẫn xuất từ ToolStripItem – Các control bao gồm • ToolStripSplitButton • ToolStripDropDownbutton • ToolStripLabel • ToolStripProgressBar • ToolStripSeparator • ToolStripComboBox • ToolStripTextBox 23 Thanh công cụ (ToolStrip) • Cách tạo button trên ToolStrip – Kéo ToolStrip thả vào form – Add ToolStripButton 24 Tạo button 7 Thanh công cụ (ToolStrip) • Để thêm các các nút lệnh chuẩn: nhấn chuột phải lên toolStrip chọn "Insert Standard items" 25 Thanh trạng thái (StatusStrip) • Hiển thị thông tin trạng thái của ứng dụng • Nằm bên dưới cùng của Form. • Các lớp liên quan – StatusStrip: là container chứa control khác – ToolStripStatusLabel: control có thể add vào StatusStrip 26 Thanh trạng thái (StatusStrip) • Tạo các item cho StatusStrip 27 Tạo các item cho StatusStrip Các kiểu control cho StatusStrip Thanh trạng thái (StatusStrip) • Ví 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 StatusStrip – Kéo Timer thả vào Form – Thiết lập sự kiện Tick cho Timer với Interval là 1000 ms 28 Item dạng Label của StatusStrip 8 Thanh trạng thái (StatusStrip) • Demo ToolStripStatusLabel StatusStrip 29 Ứng dụng đa tài liệu • Ứng dụng cho phép xử lý nhiều document tại một thời điểm. • Các ứng dụng hiện tại thường là dạng MDI – MS Office – MS Studio.NET – Adobe Photoshop – … • Ứng dụng MDI thường phức tạp và chức năng xử lý đa dạng – Xử lý cùng một dạng document • MS Word, Adobe Photoshop – Xử lý nhiều dạng document • Visual Studio 6: code, design, image… 30 Ứng dụng đa tài liệu • Ứng dụng MDI – MS PowerPoint 31 DocumentDocument Ứng dụng đa tài liệu • MDI Parent Window – MDI Child Window 32 Child window Child window Child window Parent windowParent window MDI ApplicationMDI Application Chỉ có duy nhất một parent windows Có nhiều child windows 9 Ứng dụng đa tài liệu • Cách tạo MDI Form – Tạo form và thiết lập thuộc tính IsMdiContainer = true, khi đó form sẽ thay đổi cách thể hiện 33 SDI Form MDI Form Ứng dụng đa tài liệu • Tạo một form con để add vào form chính – Click chuột phải lên tên project trong Solution Explorer – Chọn Add-> Windows Form – Trong cửa sổ Add New Item • Chọn tên của form con – Thiết kế form con theo yêu cầu của ứng dụng. 34 Tạo form conTạo form con Ứng dụng đa tài liệu • Add form con vào form chính – Tạo đối tượng của form con – Thiết lập thuộc tính MdiParent của form con là form chính – Gọi phương thức Show của form con • Một cách tổng quát để add form con vào form chính 35 ChildFormClass childForm = new ChildFormClass(); ChildFormClass childForm = new ChildFormClass(); childForm.childForm.MdiParentMdiParent = = <thể hiện của form cha><thể hiện của form cha>; ; childForm.childForm.ShowShow(); (); Lớp form conLớp form con Thiết lập form cha (nếu đang Thiết lập form cha (nếu đang ở trong form cha thì dùng đối ở trong form cha thì dùng đối tượng this)tượng this) Hiển thị form conHiển thị form con Tạo đối tượng cho Tạo đối tượng cho lớp form con lớp form con Ứng dụng đa tài liệu Thuộc tính, phương thức và sự kiệnThuộc tính, phương thức và sự kiện Thuộc tính của MDI childThuộc tính của MDI child IsMdiChild Cho biết form là child hay không MdiParent Xác định form cha của form Thuộc tính của MDi parentThuộc tính của MDi parent ActiveMdiChild Trả về form con đang active IsMdiContainer Xác định form là MDI parent hoặc không MdiChildren Trả về mảng chứa các form con Phương thứcPhương thức LayoutMdi Xác định cách hiển thị các form con Sự kiệnSự kiện MdiChildActivate Xuất hiện khi child form đóng hoặc active 36 10 Ứng dụng đa tài liệu • Trạng thái Minimize, Maximize và Close 37 Icon của child: minimize, restore, close Icon của parent: minimize, maximize, close Icon của child: restore, maximize, close Title của parent chứa tên child đang maximize Ứng dụng đa tài liệu • Sắp đặt các child form – Sử dụng phương thức LayoutMdi – Tham số là các giá trị MdiLayout enumeration 38 ArrangeIcons Cascade Ứng dụng đa tài liệu • Sắp đặt các child form 39 TileHorizontal TileVertical Ứng dụng đa tài liệu • Tạo ứng dụng MDI: PixView xem ảnh • Tạo ứng dụng MDI trong đó – Form cha • Chức năng open: mở file ảnh từ đĩa • Gọi form con hiển thị ảnh • Cho phép sắp xếp các cửa sổ con – Form con • Lấy thông tin file từ form cha • Hiển thị file ảnh lên PictureBox 40 [...]... form cơ b n ví d là BaseForm 59 60 15 K th a tr c quan • Có th thay đ i ph m vi truy c p cho các đ i tư ng trong BaseForm đ các đ i tư ng đó có th thay đ i đư c giá tr trong form k th a • ví d : private OpenFileDialog openFileDialog; private SaveFileDialog saveFileDialog; đ i thành: protected OpenFileDialog openFileDialog; protected SaveFileDialog saveFileDialog; 61 16 ... là tên file c n m – Dock = Fill – SizeMode = CenterImage 43 44 11 ng d ng đa tài li u ng d ng đa tài li u • Bư c 6: vi t ph n x lý cho menu item “Open” • Bư c 5: t o menu cho form chính (Form1) • Kéo MenuStrip th vào Form1 – Trong màn hình thi t k kích đúp vào menu item Open – VS.NET s t o trình x lý cho menu item – Ph n x lý đư c mô t như sau – T o các top menu: • File • • • • • • – Open – Exit • Window... s d ng hai thu c tính MergeAction và MergeIndex có trong m i m c menu – Vi c ghép menu đư c th c hi n hai bư c: bư c đ u tiên c p cao nh t c a menu, n u trùng, thì th c hi n bư c sau c p menu con 55 56 14 ng d ng đa tài li u ng d ng đa tài li u • Ví d : N u h th ng menu c a form MDI cha và MDI con ch a h th ng menu như hình trên Thì ta ph i thi t k các thu c tính cho các đ i tư ng thu c hai h th ng... ch n file User ch n 1 file nh L y đư ng d n file nh T o m i đ i tư ng form2 truy n tham s đư ng d n file Thi t l p liên k t gi a form cha và form con Hi n th form2 ra màn hình 45 ng d ng đa tài li u 46 ng d ng đa tài li u • Đo n code minh h a x lý cho menu item “Open” • B sung các ch c năng s p x p form con – Kích đúp vào các menu item tương ng trên menu Window – Vi t các x lý cho các menu item • G . và chọn Add. Hộp thoại Inheritance Picker hiện ra và chọn BaseForm từ danh sách các Form. 60 16 Kế thừa trực quan • Có thể thay đổi phạm vi truy cập cho các đối tượng trong BaseForm để các. cấp nhóm lệnh có quan hệ với nhau cho các ứng dụng Windows Menu Menu item Submenu Shortcut key 6 Form và Menu • Cách tạo menu – Trong ToolBox kéo control MenuStrip thả vào form – Thanh menuBar. của Context Menu để tạo – Hoặc trong cửa sổ Properties -> Event kích đúp vào sự kiện Click. 16 5 Form và Menu • Demo: tạo contextMenu hiển thị trong ListBox có menu item Remove,cho phép xóa