CHƯƠNG 3 : LẬP TRÌNH GIAO DIỆN ĐIỀU KHIỂN GIÁM SÁT
3.7 Thiết kế giao diện cho HMI
3.7.1 Thiết kế giao diện khi bật màn hình và giao diện bảo mật
- Kích biểu tượng Text trên thanh cơng cụ -> xuất hiện hộp thoại, nhập văn bản vào ô "Content". Chọn kiểu chữ Time New Roman, cỡ chữ và màu chữ tại khung "Font Attribute" -> nhấn OK và di chuột đặt văn bản đến vị trí mong muốn.
Hình 3. 19: Tạo Text
- Kích chuột phải vào màn hình, chọn Attribute (hoặc ấn P), xuất hiện hộp thoại Window Attribute. Chọn màu nền cho giao diện bằng cách kích vào Use Background Color, sau đó chọn màu trong phần Fill Color -> OK.
35
Hình 3. 20: Chọn màu nền
- Kích Add window trên thanh cơng cụ để tạo Frame mới (Frame đang làm việc là Frame 0) -> Kick OK để tạo Frame 10.
Hình 3. 21: Tạo Frame mới.
- Kích chuột phải vào Frame 10 trên cây Project structure window -> chọn Set, sau đó chọn Security Level là 1 ->OK
Hình 3. 22: Bảo mật cho Frame 10.
- Quay trở lại Frame 0. Kick vào Function Parts trong cây Graph element window, kéo thả Function key ra để tạo nút ấn chuyển trang -> Xuất hiên hộp thoại
36
Function Key Component Attribute. Tại Mục "Switch Window" Chọn Change window và Frame 10.
Ấn vào tab Graphics để chọn hình cho nút ấn. Ấn vào tab Control Setting -> chọn Conditional Enabling -> chọn Security và chọn 1 trong mục Minimum level - > OK. Kéo thả chuột đến vị trí đặt nút ấn.
Hình 3. 23: Tạo nút ấn chuyển trang có yêu cầu bảo mật +Tạo hình ảnh cho giao diện mật +Tạo hình ảnh cho giao diện
37
-Kích biểu tượng New Graphics trên thanh công cụ - >Xuất hiện hộp thoại new graphics, tại đây ta chọn Bitmap và nhập tên và chú thích tại ơ Name và chọn đường dẫn có ảnh mà mình muốn chèn và nhấn OK.
Hình 3. 24: Hộp thoại New Graphics
-Sau khi nhấn OK, ta kích chuột phải vào ơ màu đen rồi chọn Load image như hình dưới đây, ta chọn Save trên thanh cơng cụ để lưu hình ảnh rồi chuyển về giao diện thiết kế.
38
-Tại giao diện thiết kế, ta kéo thả chuột Bitmap trong Function Parts để chọn hình ảnh mong muốn.
Hình 3. 25: Chọn bitmap