GWT - Tiện ích cơ bản

Mọi giao diện người dùng đều xem xét ba khía cạnh chính sau:

  • UI elements- Chúng là các yếu tố hình ảnh cốt lõi mà người dùng cuối cùng nhìn thấy và tương tác. GWT cung cấp một danh sách khổng lồ các phần tử phổ biến và được sử dụng rộng rãi, từ cơ bản đến phức tạp mà chúng tôi sẽ trình bày trong hướng dẫn này.

  • Layouts- Chúng xác định cách tổ chức các phần tử giao diện người dùng trên màn hình và cung cấp giao diện cuối cùng cho GUI (Giao diện người dùng đồ họa). Phần này sẽ được đề cập trong chương Bố cục.

  • Behavior- Đây là những sự kiện xảy ra khi người dùng tương tác với các phần tử giao diện người dùng. Phần này sẽ được đề cập trong chương Xử lý sự kiện.

Phần tử giao diện người dùng GWT

Thư viện GWT cung cấp các lớp trong hệ thống phân cấp lớp được xác định rõ ràng để tạo giao diện người dùng dựa trên web phức tạp. Tất cả các lớp trong cấu trúc phân cấp thành phần này đã được bắt nguồn từUIObject lớp cơ sở như hình dưới đây -

Mọi tiện ích giao diện người dùng Cơ bản kế thừa các thuộc tính từ lớp Widget, đến lượt nó kế thừa các thuộc tính từ UIObject. Tree và Menu sẽ được trình bày trong phần hướng dẫn widget phức tạp.

Sr.No. Widget & Mô tả
1 Lớp đối tượng GWT

Tiện ích con này chứa văn bản, không được hiểu là HTML bằng phần tử <div>, khiến nó được hiển thị với bố cục khối.

2 Lớp tiện ích GWT

Tiện ích này có thể chứa văn bản HTML và hiển thị nội dung html bằng phần tử <div>, khiến nó được hiển thị với bố cục khối.

Tiện ích cơ bản

Sau đây là một số Widget cơ bản quan trọng -

Sr.No. Widget & Mô tả
1 Nhãn

Tiện ích con này chứa văn bản, không được hiểu là HTML bằng phần tử <div>, khiến nó được hiển thị với bố cục khối.

2 HTML

Tiện ích này có thể chứa văn bản HTML và hiển thị nội dung html bằng phần tử <div>, khiến nó được hiển thị với bố cục khối.

3 Hình ảnh

Tiện ích này hiển thị một hình ảnh tại một URL nhất định.

4 Mỏ neo

Tiện ích này đại diện cho một phần tử <a> đơn giản.