Giao diện người sử dụng
80
Để hiểu rõ hơn hãy xét ví dụ sau đây. Trong ví dụ này, giao diện đơn giản chỉ gồm một nút
nhấn và một chuỗi ký tự. Mỗi khi nhấn vào nút nhấn dòng ký tự sẽ được cập nhật và hiển thị
số lần nhấn vào nút nhấn.
Bước 1
: Trong ví dụ này, giao diện chỉ bao gồm một nút nhấn và một dòng ký tự. Hàm được
gọi từ nút nhấn sẽ cập nhật chuỗi ký tự và thể hiện số lần nhấn vào nút nhấn. Phác họa giao
diện như hình 8.3.
Bước 2
: Mở chương trình guide để bắt đầu bố trí các thành phần vào cửa sổ làm việc.
Chương trình guide sẽ mở ra một cửa sổ như hình 8.2.
Đầu tiên chúng ta phải thay đổi kích thước của vùng làm việc, đây chính là kích thước của
toàn bộ giao diện. Kích thước của vùng làm việc được thay đổi bằng cách kéo hình vuông nhỏ
ở góc dưới bên trái của cửa sổ làm việc. Sau đó chúng ta tạo ra một nút nhấn bằng cách nhấn
vào biểu tượng nút nhấn, kéo và thả vào vùng làm việc. Làm tương tự để tạo ra một chuỗi ký
tự. Sau khi thực hiện bước này ta có kết quả như sau:
Các thành
phần của GUI
Khu vực
thiết kế
Kéo để
thay đổi vùng
thiết kế
Bảng
thuộc tính
Canh lề
Chạy GUI
vừa tạo
Hình 8.2
Cửa sổ tạo giao diện
Hình 8.3
Phác họa của một giao diện đơn giản
