PHẦN 1-3B :CÁC CÔNG CỤ Chương 7: Khảo Sát Windows (Exploring Windows) Sự thúc đẩy lớn môi trường ứng dụng ngày giao diện đồ họa cần thiết cho người sử dụng graphical user interface (GUI) Sức mạnh phát triển GUI tập trung quanh window Chương diễn tả phần lớn với cửa sổ môi trường Windows Bạn tiếp xúc windows chương đầu, chương bổ sung thêm bạn học • Miêu tả khác biệt kiểu cửa sổ khác nhau: Có nhiều kiểu cửa sổ khác thi hành khác nhau, sử dụng việc phát triển ứng dụng bạn • Tập hợp thuộc tính cửa sổ thông qua windows property sheet: Sheet thuộc tính cửa sổ (Windows property sheet) giúp bạn điều khiển theo dõi thuộc tính (property) cửa sổ bạn • Thêm vào thực window controls: Có nhiều điều khiển (controls), giống tab controls command buttons, mà bạn thêm vào window PowerBuilder chí thêm nhiều controls trước giúp bạn phát triển ứng dụng chuyên nghiệp thật nhẹ nhàng đáng kể • Thực tính kế thừa windows (windows inheritance) Sự thừa kế (Inheritance) công cụ vô mạnh Chương giới thiệu bạn windows inheritance trình bày cho bạn biết inheritance để làm công việc lập trình bạn thật dễ dàng 7.1) Sử dụng Windows Property Sheet: Bạn xem phần nhỏ thuộc tính windows Windows Property Sheet cửa sổ w_vidu xác định Phần sau thảo luận thuộc tính khác windos tập hợp bên Windows Property Sheet lý bạn nên sử dụng chúng Có cách để đẩy lên window property sheet bên window painter:  Double-click vào window  Click vaøo Properties icon PowerBuilder window painter  Click vào Edit, chọn Properties sơ đồ 4.1.Sơ đồ giúp bạn mỡ Windows Properties cách sử dụng PowerBuilder menu  Right-click lên window chọn Properties (hình 4.2) 7.1.1) General Window Properties: Khi bạn mỡ windows property sheet, trang General tab hiển thị, trang cho phép bạn thiết lập thuộc tính chung cho window thuộc tính định nghóa sau:  Title Bar: Title Bar có tiêu đề đỉnh cửa sổ Title bar chứa Control menu icon (được gọi Control menu window painter PowerBuilder), Maximize box Minimize box Nếu hoạt động title bar hoạt động     Ghi chú: Tựa đề MDI Frame _Multiple Document Interface Frame (hoặc cửa sổ ứng dụng SDI_Single Document Interface) tên ứng dụng Tiêu đề hiển thị bạn đẩy lên Windows 95 taskbar bạn bạn nhấn Ctrl + Tab để chuyển đổi ứng dụng Menu Name: Khả chọn lựa Menu Name cho PowerBuilder biết menu cần gắn vào Window Bởi bạn tạo menu, m_vidu, menu mà bạn có để sử dụng Visible: Đánh dấu Visible tức cho biết bạn có muốn hiển thị window không đẩy lên Việc đánh dấu xem little odd mà bạn yêu cầu, tạo window kế làm cho trông thấy (invisible)? Đôi thiết thực để che khuất cửa sổ cách làm cho invisible hiển thị cần thiết Enable: Đôi bạn muốn hiển thị window không cho phép nhập vào Nếu tắt enable không cho phép hiển thị window  Ghi chú: Các thuộc tính visible enable phần lớn thường dùng PowerScript Nếu bạn muốn window hay window control không thấy (invisible), ta sử dụng lệnh : Windowname.Hide() Còn bạn muốn window hay window control thấy (visible), sử dụng lệnh: Windowname.Show() Chú ý, thay sử dụng lệnh Hide Show ,Visible Enabled chắn để ấn định trực tiếp đến thuộc tính window: Windowname Visible = TRUE Windowname Enabled = FALSE Sử dụng đạc tính Enabled cách để chọn lựa xem coi window có enabled disabled (không cho phép)  Border: Border controls định đường viền bao quanh cửa sổ Các cửa sổ Main MDI phải có border Nếu loại bỏ border cửa sổ tạo ảo giác cho cửa sổ, thực tế có hai  Control Manu: Biểu tượng Control Menu ảnh góc trái cửa sổ bạn, chứa ứng dụng bạn (hoặc window hay icon) Điều điều khiển xem coi bạn có hộp Control menu cửa sổ bạn hay không?  Ghi chú: Nó dễ thay đổi thao tác Control menu với nhiều người sử dụng Windows khác Hộp Control menu gọi Control Box Control menu xuất     bạn click lần Control box PowerBuilder nhóm Control menu box Control menu thành gọi Control menu Maximize Box: Là box góc bên phải cửa sổ bạn Nó hoạt động giống nút chuyển đổi hình đầy (full-screen) vùng hiển thị bình thường Minimize Box: Cũng hộp góc bên phải cửa sổ bạn Nó thu gọn cửa sổ bạn thành entry task bar Resizable: Click Resizable xếp lại window Định nghóa kiểu cửa sổ (Window Types): + Sử dụng Main Windows: Có lẽ bạn sử dụng cửa sổ Main nhiều loại khác Cửa sổ Main cửa sổ đứng (trừ bên MDI frame) Nếu bạn không sử dụng MDI frame, cửa sổ mỡ cửa sổ main Ngay ứng dụng Windows đơn giản, tự bạn tìm thấy cần thiết để sử dụng MDI frame kết hợp với MicroHelp “shell” (vẻ bề ngoài) cho tất cửa sổ main bạn MicroHelp tuyệt cho việc hiển thị message đến người sử dụng, MDI frame trông mang tính chuyên nghiệp cửa sổ main đứng Bên MDI frame bạn, tất cửa sổ sheet quan trọng kết thúc main windows +Sử dụng Pop-Up Windows: Cửa sổ thường xuyên mỡ từ bên cửa sổ khác (chúng có cửa sổ chính) Mặc dù cửa sổ Pop-Up che phủ cửa sổ cha no,ù kéo dài thời gian hai bên đường ranh giới cửa sổ cha Khi cửa sổ cha đóng thu nhỏ, cửa sổ Pop-Up đóng thu nhỏ Các cửa sổ Pop-Up thông thường sử dụng cửa sổ cung cấp (support) Ví dụ, bạn yêu cầu nhập vào customer number, cửa sổ Pop-Up hiển thị tất customer number với tên cho bạn Cửa sổ Pop-Up cách tốt để liên kết cửa sổ với cửa sổ khác, phải cẩn thận không nên sử dụng chúng nhiều Một application có số lượng cửa sổ Pop-Up menu lớn thông thường dấu hiệu mà MDI nên sử dụng, đặc biệt cửa sổ không thấy để liên kết với cửa sổ khác + Sử dụng Child Windows (Cửa sổ con): Các cửa sổ (Child) mỡ từ bên cửa sổ khác có cửa sổ cha (parent) Có vài điểm mạnh khác nhau, nhiên: _ Cửa sổ Child chưa tồn bên cửa sổ cha _Cửa sổ Child chưa xem hoạt động _Khi cửa sổ Child thu nhỏ, chứa đầy không gian cửa sổ Parent _Cửa sổ Child có menu Mặc dù cửa sổ Child không sử dụng thường xuyên, chúng có kiểu cửa sổ Pop-Up bạn muốn tránh xa chủ động thụ động cửa sổ parent bạn viết PowerScript +Sử dụng Response Windows (Cửa sổ đáp ứng) : Cửa sổ đáp ứng (Response) kiểu cửa sổ Pop-Up Chúng khác cửa sổ Pop-Up chỗ chúng có phương thức ứng dụng (không có cửa sổ khác ứng dụng truy xuất cửa sổ response đóng) Các cửa sổ Respone thường gọi dialog box Bạn sử dụng cửa sổ respone thường xuyên Ví dụ, chúng hữu dụng bạn không muốn user tiếp tục với ứng dụng bạn câu hỏi trả lời Nếu việc chuyển đổi bạn lưu, cửa sổ respone xuất yêu cầu chuyển đổi nên lưu lại, người sử dụng tiếp tục câu hỏi trả lời +Sử dụng MDI Frames vaø MDI Frames with MicroHelp : MDI Frames laø cửa sổ (gọi frame) chứa cửa sổ khác (gọi sheet) Bạn có frame application có nhiều sheet bên frame bạn Trong ứng dụng Windows phức tạp ( thường thường đơn giản), bạn nên sử dụng MDI Frames MicroHelp làm việc tốt cách thức dễ dàng để truyền thông điệp (message) đến người sử dụng (Save was successful!, Please wait., v.v.) dừng ứng dụng bạn Ghi chú: Nếu bạn sử dụng MDI Frame, bạn nên sử dụng với MicroHelp (MicroHelp dễ sử dụng, không tác động cách đáng lưu ý vào thi hành ứng dụng bạn.) Nếu bạn định rõ cửa sổ bạn kiểu sau thay đổi ý định bạn muốn thành kiểu khác,bạn vào hộp thoại Window Style đơn giản chọn kiểu Điều có lẽ gây vài khó khăn bạn chuyển đổi từ SDI application thành MDI application, mặt khác trở nên vấn đề nhỏ Color (Màu): Bạn thay đổi màu (background) cửa sổ bạn hộp thoại Window Style Trong hộp danh sách drop-down Window Color, bạn chọn màu bạn muốn cho cửa sổ bạn Nếu cửa sổ bạn MDI frame, hộp danh sách drop-down MDI Client Color điều khiển màu background tất cửa sổ sheet bạn  7.1.2)Position (Vị trí): Bằng cách click vào Position tab windows property sheet, bạn định vị trí cửa sổ bạn Không giúp PowerBuilder cho phép bạn nhập Height (chiều cao), Width (chiều rộng) tọa độ (X,Y) cửa sổ bạn, mà giúp bạn có minh họa sinh động cửa sổ mối liên hệ với monitor screen bạn Position tab cho phép bạn định trạng thái ban đầu cửa sổ bạn (Cửa sổ ban đầu Maximize, Minimize Normal) 7.1.3) Pointer (Con trỏ): Thường thường, bạn muốn giữ biểu tượng pointer mặc định trỏ chuột di chuyển ngang qua cửa sổ bạn Tuy nhiên, bạn muốn thay đổi cách xuất trỏ chuột ngang qua cửa sổ, bạn sử dụng pointer tab để chọn pointer cho cửa sổ bạn Dùng trang Pointer tab để xem pointer khác pointer ngang qua cửa sổ bạn 7.1.4) Icon (Biểu tượng): Biểu tượng cửa sổ xuất bên góc trái ứng dụng bạn (Trong Windows3.1, điều không đúng, cửa sổ thu nhỏ biểu tượng tượng trưng cửa sổ bạn xuất hiện) Biểu tượng mặc định biểu tượng Application! Nếu bạn muốn thay đổi icon bạn thành khác, click vào trang Icon tab windows property sheet Chọn icon để tượng trưng cho cửa sổ bạn thu nhỏ Mặc định biểu ượng Application! Nếu bạn muốn sử dụng icon khác cho cửa sổ thu nhỏ , PowerBuilder yêu cầu chọn icon cất giữ Stock icons Browse file chứa icon mà bạn muốn dùng 7.1.5) Scroll (Thanh cuộn) Scroll tab windows property sheet, xem hình 4.7 cho phép bạn định rõ đặc tính cuộn       Units Per Line: Cho phép bạn định rõ bạn muốn cuộn người sử dụng click vào cuộn đứng Chế độ mặc định (0) cho thấy đơn vị dòng di chuyển click mũi tên cuộn Units Per Column: Cho phép bạn định rõ bạn muốn cuộn người sử dụng click vào cuộn ngang Chế độ mặc định (0) cho thấy đơn vị cột di chuyển click mũi tên cuộn Column Per Page: Cho thấy có cột cuộn qua người sử dụng click cuộn đến trang sau Line Per Page: Cho thấy có dòng cuộn xuống (hay lên) người sử dụng click cuộn đến trang phía (hay phía trên) HScroll Bar: Một cuộn ngang đặt bên cửa sổ bạn Điều cho phép bạn dịch chuyển cửa sổ qua lại trường hợp thông tin bạn rộng cửa sổ bạn VScroll Bar: Một cuộn đứng đặt cạnh bên phải cửa sổ bạn Điều cho phép bạn dịch chuyển cửa sổ xuống trường hợp thông tin bạn dài cửa sổ 7.1.6) ToolBar: Trang ToolBar tab, cho phép bạn thiết lập thuộc tính toolbar sau cửa sổ:  Alignment: Alignment điều khiển đặt toolbar cửa sổ Bạn chọn top, bottom, left, right float  X Y: Định vị trí cho toolbar bạn cửa sổ   Width Height: Định hình dạng chiều cao rộng toolbar lúc ứng dụng bạn chạy Visible: Hiển thị toolbar có thấy hay không ứng dụng bạn chạy 7.2) Bổ sung thêm điều khiển cửa sổ (Window Control): Window Control bạn muốn đặt cửa sổ Hầu hết cửa sổ PainterBar chứa công cụ điều khiển khác mà bạn đặt cửa sổ bạn Các control cần thiết cho cửa sổ; control cửa sổ hộp đơn giản với chức không hiển thị hình bạn Để đặt control cửa sổ, bạn sử dụng liệt kê biểu tượng kéo xuống Điều hiển thị tất control icon mà bạn chọn : Bạn dễ dàng bổ sung thêm control đến cửa sổ bạn cách click icon sau click vào chỗ bạn muốn đặt control cửa sổ bạn 7.2.1)Các Control PowerBuilder 5: PowerScript thêm vài control mới, làm bật nhiều ứng dụng PowerBuilder  Tab Controls: Tab control cách thức dễ dàng có hiệu để đặt nhiều control hệ thống Ví dụ, bạn có hai DataWindow liên kết : DataWindow DataWindow Hơn nữa, giả sử bạn muốn tab folder dùng để tách rời chọn lựa hai DataWindow  Đầu tiên bạn phải tạo tab folder control, điều làm cách click vào tab icon  Và click vào nơi phạm vi cửa sổ bạn Khi bạn làm xong, bạn có tab trông : Tab control với tab đặt nhãn “none” đặt cửa sổ bạn  Bây click chuột phải đâu tab, trừ chỗ tab name (none) Một menu pop up từ bạn chọn sheet thuộc tính cho toàn thể tab control  Bạn chuyển đổi properties tab control hộp thoại tab control Điển hình tên màu chuyển đổi tab control : _Các thuộc tính sau dùng tab control: Xác định rõ có hay không ảnh phần Picture On Right nhãn tab bên phải (nhấp click vào) bên trái (tắt click) text PowerTips Định rõ có hay không PowerTipText cho trang tab hiển thị PowerTip (pop-up đặt nhãn cho tab) trỏ chuộr tạm dừng tab Fixed Width Định rõ có hay không tab có chiều rộng ấn định, có nghóa chúng không thu lại thành chiều dài nhãn text chúng Focus on Button Down Định rõ xem tab có focus (tiêu điểm) người sử dụng click vào hay không? Show Text Xác định rõ text định cho nhãn tab hiển thị Show Picture Xác định xem có hiểu thị picture chọn cho tab hay không? Perpendicular Text Xác định xem nhãn tab vẽ vuông góc với trang tab MultiLine Xác định rõ tab xuất nhiều hàng Nếu phạm vi cho tất tab hàng đơn, mũi tên điều khiển kép hiển thị phép người sử dụng cuộn đến tab mà không phù hợp Ragged Right Xác định rõ tab kéo dài để chiếm đầy không gian dọc theo cạnh điều khiển hay không? Bold Selected Text Xác định rõ text cho tab chọn bold (click vào) text tab chọn có đặt giống tab khác  Tiếp theo bạn thiết lập thuộc tính riêng trang tab Click chuột phải vào tên trang tab (“none”), Điều kéo lên sheet thuộc tính TabPage,  Trên sheet thuộc tính TabPage, bạn thiết lập màu cho trang tab PowerTip mà xuất trỏ chuột bạn đặt trang tab Sau bạn thiết lập thuộc tính trang tab, bạn sẵn sàng thêm khác Trang tab thứ (thứ 3, thứ 4, v v…) có thuộc tính giống trang tab trước mà bạn chuyển đổi Để thêm trang tab, click chuột phải tab control click vào Insert Tab Page  Một trang tab thêm đến trang tab cũ Mặc dù trang tab cần phải làm theo yêu cầu, phần lớn việc làm theo yêu cầu làm cho trang tab mang sang trang tab  Bây đặt DataWindow control trang tab Các trang Tab chứa window controls  Bây trang tab chứa DataWindow Khi trang tab không dài tầm nhìn, DataWindow lấy từ tầm nhìn (view) Kế tiếp, môi trường phát triển, click trang tab Chú ý, trang tab control không thấy trừ folder tab Các trang tab khác tab control đẩy lên cách click folder tab  Bạn thêm control khác vào trang tab thứ Trong trường hợp này, thêm DataWindow khác thêm trước kia, trang tab khác chứa nhiều control khác:  Bây bạn chạy ứng dụng bạn, window xuất chứa tab control DataWindow trang tab control mà đặt tab folder xuất trang tab  Tuy nhiên, bạn click folder tab khác, trang tab tất control trở nên bị che khuất Kế tiếp bạn xem trang tab thứ với tất control  Rich Text Edits: Là control làm cho ứng dụng bạn có khả xử lý word, bao gồm khả thay đổi font bề văn bạn Rich Text Edit bao gồm nhiều điểm đặc trưng giống với Microsoft Word WordPerfect  Đặt Rich Text Edit cửa sổ bạn dễ, đơn giản bạn click vào biểu tượng Rich Text Edit  Sau bạn đặt vùng cửa sổ bạn Nhờ vào tính chất xử lý Word Rich Text Edit, thuộc tính phân loại vào thuộc tính General giống với thuộc tính control khác) có thuộc tính Document dành riêng cho Rich Text Edit Xem hình 4.20 _Thuộc tính Document Rich Text Edit cụ thể sau: Document Name Tên hiển thị hàng đợi máy in người sử dụng in nội dung control Tabs Visible Xác định rõ tab thấy hay không? Header-Footer Miêu tả Rich Text Edit control có phần header-footer hay không? Popup Menu Cho biết xem người sử dụng có truy xuất đến popup menu hay không? Bằng cách click chuột phải rich text edit Returns Visible Xác định xem carriage returns thấy rõ hay không? Spaces Visible Xác định xem khoảng trắng có thấy rõ hay không? Field Names Visible Cho biết xem tên field nhập vào có hiển thị input field hay không, giá trị input field Fields Visible Xác định xem field nhập vào có nhìn thấy rõ hay không? Ruler Bar Cho biết ruler bar có xuất vùng soạn thảo hay không? Tab Bar Cho biết chứa tab thiết lập thấy rõ vùng soạn thảo hay không? Word Wrap Pictures As Frame Tool Bar Cho biết text tự động chồng lên dòng dòng tới giới hạn Cho biết xem rich text edit hiển thị ảnh (bitmap) frame hay không? Cho biết xem công cụ cho việc định dạng văn có xuất vùng soạn thảo hay không? Background Field Color Mặc định màu background cho field nhập vào Undo Depth Thiết lập số lớn hoạt động mà Undo undo Left Margin Chiều rộng giới hạn bên trái trang in Top Margin Right Margin Chiều rộng giới hạn đỉnh trang in Chiều rộng giới hạn bên phải trang in Bottom Margin Chiều rộng giới hạn trang in bên  Picture Listboxes and Drop-Down Picture Listboxes: _Picture Listbox giống với mẫu listbox ngoại trừ word có picture liên kết với Các thuộc tính Picture Listbox giống vậy, khác có sheet thuộc tính Picture Item _Picture tab sheet thuộc tính Picture Listbox cho phép bạn chọn picture để liên kết với listbox bạn _Kế tiếp bạn liên kết picture với particular item item Items tab sheet thuộc tính Picture Listbox _Sau đánh văn cho chọn lựa bạn, bạn làm việc với mẫu listbox, chọn picture number (picture index) picture mà bạn muốn liên kết với item  Listviews: Các listview giống picture listbox nhiều, ngoại trừ bạn có nhiều control qua item listview bạn đïc hiển thị Bạn hiển thị listview theo bốn kiểu trình bày sau đây:  Large icon view : Điều giống group nhìn thấy bên cửa sổ bạn  Listview : Điều trình bày icon nhỏ với dòng text bên cạnh icon  Small icon view : Điều giống với Listview, khác icon xếp lại  Report View: Điều hiển thị tên thông tin chi tiết cho danh sách item Report View thiết lập cho việc sử dụng PowerScript _ Các thuộc tính general listview sau : Fixed Locations Cho biết icon có vị trí ấn định user kéo icon đến vị trí (không cần click) hay không? Edit Labels Cho biết việc soạn thảo label có công nhận listview hay không? Auto Arrange Cho biết icon tự động xếp vùng rộng tầm nhìn icon nhỏ Extended Select Cho biết dù có hay không item chọn lựa trước Button Header Header hiển thị report xuất button đẩy lên thay cho label Deleted Items Cho biết người sử dụng sau delete item từ listview với phím delete Label Wrap Cho biết label item bao phủ để khỏi bị dồn dòng Scrolling Cho biết có xuất listview hay không? Show Header Cho biết header nên trình bày tầm nhìn báo cáo View Chuyển đổi tầm nhìn đến Large Icon, Small Icon, List, Report Bạn liên kết picture với listview control bạn Bạn thiết lập ảnh khác lớn, nhỏ trạng thái view listview bạn Sau cùng, Items tab với picture listbox, bạn thêm item đến listview kết hợp picture index cho chúng Phụ thuộc vào quan sát mà bạn sử dụng trạng thái item listview bạn, picture khác sử dụng cho item giống  Treeviews: Treeviews cho phép bạn dùng PowerScript để thiết lập cấu trúc điều khiển cửa sổ bạn Cấu trúc giống với cấu trúc mà bạn xem sử dụng Windows Explorer File Manager Sơ đồ treeview control bao gồm:  Sự tượng trưng Text graphical (bitmap) cho node  Dùng tay drag-and-drop dễ dàng  Thao tác dể dàng node cho việc sử dụng copy, cut, paste, delete insert node  Mỡ rộng ngắt node dễ dàng _Trong Treeview có vài thuộc tính nhất: Hiển thị nút + – bên cạnh nút cha Show Buttons Disable Drag and Drop Cho biết item không drag Show Lines Cho biết có line kết nối item treeview Lines at Root Cho biết có line kết nối tất item gốc Indentation Số đơn vị PowerBuilder mà dùng cho việc thụt vô mức treeview Sau bạn kết hợp picture với treeview dùng với PowerScript Kế tiếp công việc liên kết với bạn Quả thật việc thực treeview yêu cầu vài hiểu biết cách làm việc chúng PowerScript Bạn tìm hiểu thêm chương “Programing in PowerScript” Pictures tab sheet thuộc tính TreeView ... Sử dụng Main Windows: Có lẽ bạn sử dụng cửa sổ Main nhiều loại khác Cửa sổ Main cửa sổ đứng (trừ bên MDI frame) Nếu bạn không sử dụng MDI frame, cửa sổ mỡ cửa sổ main Ngay ứng dụng Windows đơn... nghiệp cửa sổ main đứng Bên MDI frame bạn, tất cửa sổ sheet quan trọng kết thúc main windows +Sử dụng Pop-Up Windows: Cửa sổ thường xuyên mỡ từ bên cửa sổ khác (chúng có cửa sổ chính) Mặc dù cửa... (hoặc cửa sổ ứng dụng SDI_Single Document Interface) tên ứng dụng Tiêu đề hiển thị bạn đẩy lên Windows 95 taskbar bạn bạn nhấn Ctrl + Tab để chuyển đổi ứng dụng Menu Name: Khả chọn lựa Menu Name