Slide các mẫu thiết kế hướng ₫ối tượng bai 1 1

Microsoft Word Bai 1 1 docx Trang 1 MÔN CÁC MẪU THIẾT KẾ HỚNG ỐI TỢNG Bài thực hành số 1 2 Xây dựng ứng dụng OOP n gin & tìm hiểu sự tng tác giữa các ối tợng I Mục tiêu  Giúp SV làm quen vớ[.]

Trang MÔN : CÁC MẪU THIẾT KẾ HỚNG ỐI TỢNG Bài thực hành số 1.2 : Xây dựng ứng dụng OOP n gin & tìm hiểu tng tác ối tợng I Mục tiêu :  Giúp SV làm quen với qui trình thiết kế trực quan ứng dụng Dialog Based  Giúp SV làm quen với việc dùng li linh kiện phần mềm  Giúp SV thấy cụ thể cấu trúc ứng dụng cấu thành từ ối tợng  Giúp SV thấy tng tác ối tợng II Nội dung :  Xây dựng ứng dụng Dialog Based cho phép ngời dùng chi file multimedia  Dịch chy chng trình  Debug chng trình ể tìm lỗi có  Tìm hiểu cấu trúc ứng dụng & tng tác cụ thể ối tợng V lợc ồ class chng trình III Chuẩn ầu :  Thành tho việc xây dựng ứng dụng theo qui trình thiết kế trực quan  Thành tho việc dùng li linh kiện phần mềm có sẵn, thấy rõ cấu trúc phầm mềm tng tác ối tợng phần mềm  Thành tho việc viết code thay ổi kích thớc vị trí ối tợng giao diện cửa sổ chứa chúng bị thay ổi IV Phân tích :  Sau phân tích chức nng chng trình, ta thấy chng trình form giao diện trực quan, chứa button Play ể ngời dùng lệnh chi file, cần ối tợng cho phép ngời dùng duyệt trực quan th mục ể chọn file (gi sử ta biết ó ối tợng FileOpenDialog) Cuối chng trình cần ối tợng có kh nng play file multimedia (gi sử ta biết ó ối tợng Windows Media Player)  Theo kết qu phân tích trên, cấu trúc chng trình cần viết n gin, chứa ối tợng ã có sẵn, ta khơng cần phi bận tâm ặc t chi tiết ối tợng cần dùng mà cần dùng li chúng, lắp ghép chúng li ể to thành chng trình ây trờng hợp may mắn nhất, nhng thực tế lập trình hớng ối tợng, ta s có ợc may mắn thờng xuyên V Qui trình : Chy VS Net, chọn menu File.New.Project ể hiển thị cửa sổ New Project Mở rộng mục Visual C# TreeView "Project Types", chọn mục Window, chọn icon "Windows Application" listbox "Templates" bên phi, thiết lập th mục chứa Project listbox "Location", nhập tên Project vào textbox "Name:" (thí dụ MicroWMP), click button OK ể to Project theo thông số ã khai báo Form ầu tiên ứng dụng ã hiển thị cửa sổ thiết kế, việc thiết kế form q trình lặp thao tác to mới/xóa/hiệu chỉnh thuộc tính/to hàm xử lý kiện cho ối tợng cần dùng form Nếu cửa sổ ToolBox cha hiển thị chi tiết, chọn menu View.Toolbox ể hiển thị (thờng nằm bên trái hình) Click chuột vào button (Auto Hide) nằm góc phi cửa sổ ToolBox ể chuyển chế ộ hiển thị thờng trực Duyệt tìm phần tử Button (trong nhóm Common Controls), chọn nó, dời chuột góc trái form v với kích thớc mong muốn Xem cửa sổ thuộc tính Button vừa v Trang (thờng góc dới phi hình), duyệt tìm hiệu chỉnh thuộc tính Text = "Play…", duyệt tìm thay ổi thuộc tính (Name) = btnPlay Dời chuột vào cửa sổ Toolbox, duyệt tìm nhóm Components, ấn phi chuột vào mục Components (hay vào phần tử nhóm này) ể hiển thị menu lệnh, chọn option "Choose Items" Khi cửa sổ "Choose Toolbox Items" hiển thị, click chuột vào button COM Components ể hiển thị danh sách linh kiện phần mềm theo chuẩn COM ang ợc Windows qun lý, duyệt tìm ánh dấu chọn vào phần tử “Windows Media Player”, click button OK ể "add" control vào nhóm Components cửa sổ Toolbox Project ứng dụng Bây việc dùng control “Windows Media Player” giống y nh iều khiển có sẵn khác Duyệt tìm phần tử “Windows Media Player” (trong nhóm Components), chọn nó, dời chuột dới Button vừa v, v chiếm hết phần li form Xem cửa sổ thuộc tính control vừa v (thờng góc dới phi hình), duyệt tìm hiệu chỉnh thuộc tính thuộc tính (Name) = wmpPlay Sau thiết kế xong, Form có dng sau : Dời chuột button btnPlay, ấn kép chuột vào ể to hàm xử lý kiện Click chuột cho button, cửa sổ mã nguồn s hiển thị ể ta bắt ầu viết code cho hàm Cách tổng quát ể to hàm xử lý kiện chọn ối tợng btnPlay, cửa sổ thuộc tính s hiển thị, click icon ể hiển thị danh sách kiện ối tợng, duyệt tìm kiện quan tâm (Click), ấn kép chuột vào comboBox bên phi kiện Click ể máy to tự ộng hàm xử lý cho kiện Cửa sổ mã nguồn s hiển thị khung sờn hàm vừa ợc to với thân rỗng, viết thân cho hàm nh sau : private void btnPlay_Click(object sender, EventArgs e) { //to form duyệt chọn file cần chi OpenFileDialog dlg = new OpenFileDialog(); //hiển thị form duyệt chọn file cần chi DialogResult ret = dlg.ShowDialog(); //kiểm tra ịnh ngời dùng, ngời dùng chọn OK chi if (ret == DialogResult.OK) wmpPLay.URL = dlg.FileName; } Chọn menu Debug.Start Debugging ể dịch chy thử ứng dụng Khi Form chng trình hiển thị, click chuột vào button Play, cửa sổ duyệt chọn file s hiển thị, duyệt chọn file multimedia ó (nh tĩnh, film, âm thanh, file playlist,…), click button Open ể chi file Hãy thử chọn nhiều file khác xem chng trình chy ổn ịnh khơng Trang 10 Dừng chng trình, dời chuột cửa sổ “Solution Explorer”, duyệt tìm phần tử Form1, ấn phi chuột ể hiển thị menu lệnh, chọn lệnh “View Code” ể hiển thị li mã nguồn Form chng trình, kho sát thân hàm btnPlay tìm hiểu tng tác ối tợng Form1 với ối tợng OpenFileDialog wmpPlay 11 Chy li ứng dụng, quan sát góc phi Form chng trình, ta thấy button chức nng thơng thờng thu nh form dng icon, phóng to/thu nh kích thớc form, óng form : 12 Thử click chuột vào button phóng to/thu nh, form s ợc phóng to ể chiếm hết hình nhng ối tợng giao diện ợc thiết kế bên (button, WMP) khơng thay ổi kích thớc theo Làm thay ổi kích thớc ối tợng form theo kích thớc form ? 13 Nếu muốn phóng to/thu nh ối tợng bên theo kích thớc cửa sổ, ta cần viết code thực việc cách tờng minh, on code thay ổi kích thớc vị trí ối tợng bên ợc ể hàm xử lý kiện SizeChanged ối tợng Form 14 Dừng chng trình, dời chuột cửa sổ “Solution Explorer”, duyệt tìm phần tử Form1, ấn kép chuột ể hiển thị cửa sổ thiết kế Form, chọn Form ể hiển thị cửa sổ thuộc tính nó, click icon ể hiển thị danh sách kiện Form, duyệt tìm kiện quan tâm (SizeChanged), ấn kép chuột vào comboBox bên phi kiện SizeChanged ể máy to tự ộng hàm xử lý cho kiện Cửa sổ mã nguồn s hiển thị khung sờn hàm vừa ợc to với thân rỗng, viết thân cho hàm nh sau : private void Form1_SizeChanged(object sender, EventArgs e) { //xác ịnh kích thớc hành Form int cx = this.Size.Width; int cy = this.Size.Height; //thay ổi vị trí ối tợng WMP vị trí mong muốn wmpPlay.Location = new Point (10, 40); //thay ổi kích thớc ối tợng WMP theo kích thớc Form wmpPlay.Size = new Size (cx - 30, cy - 80); } 15 Chy li ứng dụng, thử phóng to/thu nh, thay ổi kích thớc cửa sổ, ta thấy ối tợng WMP s thay ổi kích thớc theo Riêng button khơng thay ổi ta khơng có nhu cầu không viết code làm việc 16 Xem mã nguồn class cấu thành ứng dụng v lợc ồ class thiết kế ứng dụng