GWT - Widgets de base

Chaque interface utilisateur prend en compte les trois aspects principaux suivants -

  • UI elements- Ce sont les éléments visuels de base que l'utilisateur voit et avec lesquels il interagit. GWT fournit une énorme liste d'éléments largement utilisés et communs variant de basiques à complexes que nous aborderons dans ce tutoriel.

  • Layouts- Ils définissent comment les éléments de l'interface utilisateur doivent être organisés à l'écran et donnent un aspect final à l'interface utilisateur graphique (GUI). Cette partie sera traitée dans le chapitre Mise en page.

  • Behavior- Ce sont des événements qui se produisent lorsque l'utilisateur interagit avec des éléments de l'interface utilisateur. Cette partie sera traitée dans le chapitre Gestion des événements.

Éléments de l'interface utilisateur GWT

La bibliothèque GWT fournit des classes dans une hiérarchie de classes bien définie pour créer des interfaces utilisateur Web complexes. Toutes les classes de cette hiérarchie de composants ont été dérivées de laUIObject classe de base comme indiqué ci-dessous -

Chaque widget de l'interface utilisateur de base hérite des propriétés de la classe Widget qui à son tour hérite des propriétés d'UIObject. L'arbre et le menu seront traités dans un didacticiel sur les widgets complexes.

N ° Sr. Widget et description
1 Classe UIObject GWT

Ce widget contient du texte, non interprété comme HTML à l'aide d'un élément <div>, ce qui le fait s'afficher avec une disposition de bloc.

2 Classe de widget GWT

Ce widget peut contenir du texte HTML et affiche le contenu html à l'aide d'un élément <div>, ce qui provoque son affichage avec une disposition de bloc.

Widgets de base

Voici quelques widgets de base importants -

N ° Sr. Widget et description
1 Étiquette

Ce widget contient du texte, non interprété comme HTML à l'aide d'un élément <div>, ce qui le fait s'afficher avec une disposition de bloc.

2 HTML

Ce widget peut contenir du texte HTML et affiche le contenu html à l'aide d'un élément <div>, ce qui provoque son affichage avec une disposition de bloc.

3 Image

Ce widget affiche une image à une URL donnée.

4 Ancre

Ce widget représente un élément <a> simple.