GWT - podstawowe widżety

Każdy interfejs użytkownika uwzględnia trzy główne aspekty -

  • UI elements- Są to podstawowe elementy wizualne, które użytkownik ostatecznie widzi i z którymi wchodzi w interakcję. GWT zawiera ogromną listę powszechnie używanych i typowych elementów, od podstawowych do złożonych, które omówimy w tym samouczku.

  • Layouts- Definiują sposób organizacji elementów interfejsu użytkownika na ekranie i zapewniają ostateczny wygląd i działanie GUI (graficzny interfejs użytkownika). Ta część zostanie omówiona w rozdziale Układ.

  • Behavior- Są to zdarzenia, które mają miejsce, gdy użytkownik wchodzi w interakcję z elementami interfejsu użytkownika. Ta część zostanie omówiona w rozdziale Obsługa wydarzeń.

Elementy interfejsu użytkownika GWT

Biblioteka GWT zapewnia klasy w dobrze zdefiniowanej hierarchii klas do tworzenia złożonych interfejsów użytkownika opartych na sieci Web. Wszystkie klasy w tej hierarchii komponentów zostały wyprowadzone zUIObject klasa bazowa, jak pokazano poniżej -

Każdy widżet Basic UI dziedziczy właściwości z klasy Widget, która z kolei dziedziczy właściwości z UIObject. Drzewo i menu zostaną omówione w złożonym samouczku dotyczącym widgetów.

Sr.No. Widget i opis
1 Klasa GWT UIObject

Ten widget zawiera tekst, który nie jest interpretowany jako HTML przy użyciu elementu <div>, co powoduje, że jest wyświetlany w układzie blokowym.

2 Klasa widżetu GWT

Ten widget może zawierać tekst HTML i wyświetla zawartość html za pomocą elementu <div>, powodując wyświetlenie go w układzie blokowym.

Podstawowe widżety

Poniżej znajduje się kilka ważnych podstawowych widżetów -

Sr.No. Widget i opis
1 Etykieta

Ten widget zawiera tekst, który nie jest interpretowany jako HTML przy użyciu elementu <div>, co powoduje, że jest wyświetlany w układzie blokowym.

2 HTML

Ten widget może zawierać tekst HTML i wyświetla zawartość html za pomocą elementu <div>, powodując wyświetlenie go w układzie blokowym.

3 Wizerunek

Ten widget wyświetla obraz pod podanym adresem URL.

4 Kotwica

Ten widget reprezentuje prosty element <a>.