GWT - Widgets Básicos

Cada interface de usuário considera os seguintes três aspectos principais -

  • UI elements- Esses são os principais elementos visuais que o usuário eventualmente vê e com os quais interage. O GWT fornece uma lista enorme de elementos amplamente usados ​​e comuns, variando do básico ao complexo, que abordaremos neste tutorial.

  • Layouts- Eles definem como os elementos da IU devem ser organizados na tela e fornecem uma aparência final para a GUI (Interface Gráfica do Usuário). Esta parte será abordada no capítulo Layout.

  • Behavior- São eventos que ocorrem quando o usuário interage com os elementos da IU. Esta parte será abordada no capítulo Tratamento de Eventos.

Elementos de IU do GWT

A biblioteca GWT fornece classes em uma hierarquia de classes bem definida para criar interfaces de usuário complexas baseadas na web. Todas as classes nesta hierarquia de componentes foram derivadas doUIObject classe base conforme mostrado abaixo -

Cada widget de UI básico herda propriedades da classe Widget que, por sua vez, herda propriedades de UIObject. A árvore e o menu serão abordados em um tutorial de widgets complexos.

Sr. Não. Widget e descrição
1 Classe GWT UIObject

Este widget contém texto, não interpretado como HTML usando um elemento <div>, fazendo com que seja exibido com layout de bloco.

2 Classe de widget GWT

Este widget pode conter texto HTML e exibe o conteúdo html usando um elemento <div>, fazendo com que seja exibido com layout de bloco.

Widgets Básicos

A seguir estão alguns widgets básicos importantes -

Sr. Não. Widget e descrição
1 Rótulo

Este widget contém texto, não interpretado como HTML usando um elemento <div>, fazendo com que seja exibido com layout de bloco.

2 HTML

Este widget pode conter texto HTML e exibe o conteúdo html usando um elemento <div>, fazendo com que seja exibido com layout de bloco.

3 Imagem

Este widget exibe uma imagem em um determinado URL.

4 Âncora

Este widget representa um elemento <a> simples.