GWT - Widget di base

Ogni interfaccia utente considera i seguenti tre aspetti principali:

• UI elements- Questi sono gli elementi visivi fondamentali che l'utente alla fine vede e con cui interagisce. GWT fornisce un enorme elenco di elementi comuni e ampiamente utilizzati, che variano da quelli di base a quelli complessi, che tratteremo in questo tutorial.

• Layouts- Definiscono come gli elementi dell'interfaccia utente dovrebbero essere organizzati sullo schermo e forniscono un aspetto finale alla GUI (Graphical User Interface). Questa parte sarà trattata nel capitolo Layout.

• Behavior- Questi sono eventi che si verificano quando l'utente interagisce con gli elementi dell'interfaccia utente. Questa parte sarà trattata nel capitolo Gestione degli eventi.

Elementi dell'interfaccia utente di GWT

La libreria GWT fornisce classi in una gerarchia di classi ben definita per creare interfacce utente complesse basate sul web. Tutte le classi in questa gerarchia di componenti sono state derivate daUIObject classe base come mostrato di seguito -

Ogni widget dell'interfaccia utente di base eredita le proprietà dalla classe Widget che a sua volta eredita le proprietà da UIObject. L'albero e il menu saranno trattati in un tutorial sui widget complessi.

Sr.No.	Widget e descrizione
1	Classe GWT UIObject Questo widget contiene testo, non interpretato come HTML utilizzando un elemento <div>, facendolo visualizzare con layout a blocchi.
2	Classe widget GWT Questo widget può contenere testo HTML e visualizza il contenuto html utilizzando un elemento <div>, facendolo visualizzare con layout a blocchi.

Widget di base

Di seguito sono riportati alcuni importanti widget di base :

Sr.No.	Widget e descrizione
1	Etichetta Questo widget contiene testo, non interpretato come HTML utilizzando un elemento <div>, facendolo visualizzare con layout a blocchi.
2	HTML Questo widget può contenere testo HTML e visualizza il contenuto html utilizzando un elemento <div>, facendolo visualizzare con layout a blocchi.
3	Immagine Questo widget mostra un'immagine a un dato URL.
4	Ancora Questo widget rappresenta un semplice elemento <a>.