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>. |