Trong giao diện trên chúng ta có thể thao tác tùy biến các ô công cụ phù hợp với mục đích sử dụng.
Bảng 4. 1: Các công cụ trong AppDesigner
Công cụ Mô tả
Align Dùng để sắp xếp các đối tượng điều khiển Inspector Thiết lập thuộc tính của các đối tượng điều
khiển. Nó cung cấp một danh sách tất cả các thuộc tính bạn có thể thiết lập và hiển thị các giá trị hiện tại của chúng
Component Object Hiển thị danh sách phân cấp của các đối tượng trong giao diện đồ họa
Run Lưu và chạy giao diện hiện tại
Phía bên trái là COMPONENT LIBRARY nhóm các biểu tượng được APP DESIGNER hỗ trợ sẵn
Button là nút nhấn, khi nhấn vào sẽ thực thi lệnh trong cấu trúc hàm callback của nó.
75
Axes là giao diện đồ họa hiển thị hình ảnh, nó có nhiều thuộc tính bao gồm: không gian 2D (theo trục đứng và trục ngang), 3D (hiển thị không gian 3 chiều).
Check Box sử dụng để đánh dấu tích (thực thi) vào và có thể check nhiều ô để thực thi.
List Box là hộp thoại danh sách các mục, cho phép người dùng chọn một hoặc nhiều mục.
Edit Field là nơi các số, kí tự có thể được nhập từ người dùng, họ có thể thay đổi.
State Button là nút nhấn có hai điều khiển, khi nhấp chuột và nhả ra, nút nhấn được giữ và lệch thực thi, khi nhấp chuột vào lần thứ hai, nút nhấn nhả ra, hủy bỏ lệnh vừa thực thi.
Radio Button Group quản lí sự lựa chọn của nút Radio Button. Radio Button giống như Check Box nhưng thường được sử dụng để tạo sự lựa chọn duy nhất, tức là một lần chỉ được chọn một trong số các nhóm nhiều nút. Khi một ô được chọn thì các ô còn lại trong nhóm bỏ chọn.
Table tạo ra một bảng tương tự Excel.
Panel tạo ra một mảng nhóm các biểu tượng lại với nhau giúp ta dễ hiểu kiểm soát và thao tác khi di chuyển.
Ngoài ra còn có một số công cụ hiển thị bằng hình ảnh như Gauge , Switch , Lamp ,….
Bên cạnh nhóm biểu tượng là các cửa sổ cho phần làm việc từ thiết kế đến lập trình gọi hàm cho giao diện đã thiết kế.
76
Hình 4. 3: Cửa sổ thiết kế đồ họa trong AppDesigner
Với tùy chọn “designer View” đưa ra cửa sổ cho phép người dùng sử dụng các biểu tượng và thiết kế một giao diện làm việc theo mục đích thích hơp.
Hình 4. 4: Cửa sổ lập trình đối tượng trong AppDesigner
Với tùy chọn “Code View” đưa người dùng tới cửa sổ viết lệnh cho giao diện đã thiết kế. Ở đây có thêm các chức năng “Callbacks” cho phép truy cập trực tiếp đến từng biểu tượng đồ họa để viết lệnh, gọi hàm. “Functions” cho phép tạo ra vùng để viết các hàm
77 riêng phục vụ nhu cầu lập trình. “Properties” tạo ra vùng để khai báo các biến trong toàn cục trong chương trình.
Và để có thể thiết kế cũng như điều chỉnh, định dạng về từng đối tượng riêng biệt, App Designer có hộp thoại Inspector thực hiện điều này.
Hình 4. 5: Hộp thoại Inspector
Bảng 4. 2: Các thuộc tính trong hôp thoại Inspector
Thuộc tính Mô tả
BackgroundColor Màu nền đối tượng
FontAngle Kiểu chữ nghiêng
FontName Kiểu chữ
FontSize Cỡ chữ
FontUnits Đơn vị kích thước font chữ.
78
ForegroundColor Màu chữ
Handle Visibility Cho dù xử lý có thể truy cập từ dòng lệnh và ảnh minh họa
BusyAction Callback thường xuyên gián đoạn
Enable Kích hoạt hoặc vô hiệu hóa các đối tượng điều khiển
Visible Điều khiển thuộc tính nhìn thấy của các đối tượng
Value Giá trị hiện thời đối tượng điều khiển
Units Đơn vị đo lường
Tag Dùng để phân biệt giữa các đối tượng
điều khiển
Style Kiểu của đối tượng điều khiển
Horizontal Alignment Căn ngang của chuỗi nhãn
Position Kích thước và vị trí đối tượng điều khiển