Đang tải... (xem toàn văn)
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 gin & tìm hiểu sự tng 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 gin & tìm hiểu tng 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 li 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 tng 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 chi file multimedia Dịch chy chng trình Debug chng trình ể tìm lỗi có Tìm hiểu cấu trúc ứng dụng & tng tác cụ thể ối tợng V lợc ồ class chng trình III Chuẩn ầu : Thành tho việc xây dựng ứng dụng theo qui trình thiết kế trực quan Thành tho việc dùng li linh kiện phần mềm có sẵn, thấy rõ cấu trúc phầm mềm tng tác ối tợng phần mềm Thành tho 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 nng chng trình, ta thấy chng trình form giao diện trực quan, chứa button Play ể ngời dùng lệnh chi 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 chng trình cần ối tợng có kh nng 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 chng trình cần viết n gin, chứa ối tợng ã có sẵn, ta khơng cần phi bận tâm ặc t chi tiết ối tợng cần dùng mà cần dùng li chúng, lắp ghép chúng li ể to thành chng trình ây trờng hợp may mắn nhất, nhng 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 : Chy 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 phi, 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 ể to 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 to mới/xóa/hiệu chỉnh thuộc tính/to hàm xử lý kiện cho ối tợng cần dùng form Nếu cửa sổ ToolBox cha 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 phi 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 phi 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 phi 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 qun 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 li form Xem cửa sổ thuộc tính control vừa v (thờng góc dới phi 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ó dng sau : Dời chuột button btnPlay, ấn kép chuột vào ể to 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 ể to 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 phi kiện Click ể máy to 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 to với thân rỗng, viết thân cho hàm nh sau : private void btnPlay_Click(object sender, EventArgs e) { //to form duyệt chọn file cần chi OpenFileDialog dlg = new OpenFileDialog(); //hiển thị form duyệt chọn file cần chi DialogResult ret = dlg.ShowDialog(); //kiểm tra ịnh ngời dùng, ngời dùng chọn OK chi if (ret == DialogResult.OK) wmpPLay.URL = dlg.FileName; } Chọn menu Debug.Start Debugging ể dịch chy thử ứng dụng Khi Form chng 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 ể chi file Hãy thử chọn nhiều file khác xem chng trình chy ổn ịnh khơng Trang 10 Dừng chng trình, dời chuột cửa sổ “Solution Explorer”, duyệt tìm phần tử Form1, ấn phi chuột ể hiển thị menu lệnh, chọn lệnh “View Code” ể hiển thị li mã nguồn Form chng trình, kho sát thân hàm btnPlay tìm hiểu tng tác ối tợng Form1 với ối tợng OpenFileDialog wmpPlay 11 Chy li ứng dụng, quan sát góc phi Form chng trình, ta thấy button chức nng thơng thờng thu nh form dng 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 nhng ố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, on 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 chng 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 phi kiện SizeChanged ể máy to 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 to 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 Chy li ứ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