GWT - Widget de etiqueta

Introdução

o Labelpode conter apenas texto arbitrário e não pode ser interpretado como HTML. Este widget usa um elemento <div>, fazendo com que seja exibido com layout de bloco.

Declaração de Classe

A seguir está a declaração para com.google.gwt.user.client.ui.Label classe -

public class Label 
   extends Widget 
      implements HasHorizontalAlignment, HasText, HasWordWrap, 
         HasDirection, HasClickHandlers, SourcesClickEvents, 
            SourcesMouseEvents, HasAllMouseHandlers

Regras de estilo CSS

A seguinte regra de estilo CSS padrão será aplicada a todos os rótulos. Você pode substituí-lo de acordo com seus requisitos.

.gwt-Label { }

Construtores de classe

Sr. Não.	Construtor e descrição
1	Label() Cria um rótulo vazio.
2	protected Label(Element element) Este construtor pode ser usado por subclasses para usar explicitamente um elemento existente.
3	Label(java.lang.String text) Cria um rótulo com o texto especificado.
4	Label(java.lang.String text, boolean wordWrap) Cria um rótulo com o texto especificado.

Métodos de aula

Sr. Não.	Método e Descrição
1	void addClickListener(ClickListener listener) Adiciona uma interface de ouvinte para receber eventos de clique.
2	void addMouseListener(MouseListener listener) Adiciona uma interface de ouvinte para receber eventos de mouse.
3	void addMouseWheelListener(MouseWheelListener listener) Obtém o painel pai deste widget.
4	HasDirection.Direction getDirection() Obtém a direcionalidade do widget.
5	HasHorizontalAlignment. HorizontalAlignmentConstant getHorizontalAlignment() Obtém o alinhamento horizontal.
6	java.lang.String getText() Obtém o texto deste objeto.
7	boolean getWordWrap() Obtém se a quebra de linha está habilitada.
8	void onBrowserEvent(Event event) Remove uma interface de ouvinte adicionada anteriormente.
9	void removeClickListener(ClickListener listener) Este método é chamado imediatamente antes de um widget ser desanexado do documento do navegador.
10	void removeMouseListener(MouseListener listener) Remove uma interface de ouvinte adicionada anteriormente.
11	void removeMouseWheelListener(MouseWheelListener listener) Remove uma interface de ouvinte adicionada anteriormente.
12	void setDirection(HasDirection.Direction direction) Define a direcionalidade de um widget.
13	void setHorizontalAlignment(HasHorizontalAlignment. HorizontalAlignmentConstant align) Define o alinhamento horizontal.
14	void setText(java.lang.String text) Define o texto deste objeto.
15	void setWordWrap(boolean wrap) Define se a quebra de linha está habilitada.
16	static Label wrap(Element element) Cria um widget Label que envolve um elemento <div> ou <span> existente.

Métodos herdados

Esta classe herda métodos das seguintes classes -

com.google.gwt.user.client.ui.UIObject
com.google.gwt.user.client.ui.Widget

Exemplo de widget de etiqueta

Este exemplo o levará por etapas simples para mostrar o uso de um Label Widget no GWT. Siga as etapas a seguir para atualizar o aplicativo GWT que criamos no GWT - capítulo Criar aplicativo -

Degrau	Descrição
1	Crie um projeto com o nome HelloWorld em um pacote com.tutorialspoint conforme explicado no capítulo GWT - Criar aplicativo .
2	Modifique HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html e HelloWorld.java conforme explicado abaixo. Mantenha o resto dos arquivos inalterados.
3	Compile e execute o aplicativo para verificar o resultado da lógica implementada.

A seguir está o conteúdo do descritor do módulo modificado src/com.tutorialspoint/HelloWorld.gwt.xml.

<?xml version = "1.0" encoding = "UTF-8"?>
<module rename-to = 'helloworld'>
   <!-- Inherit the core Web Toolkit stuff.                        -->
   <inherits name = 'com.google.gwt.user.User'/>

   <!-- Inherit the default GWT style sheet.                       -->
   <inherits name = 'com.google.gwt.user.theme.clean.Clean'/>

   <!-- Specify the app entry point class.                         -->
   <entry-point class = 'com.tutorialspoint.client.HelloWorld'/>

   <!-- Specify the paths for translatable code                    -->
   <source path = 'client'/>
   <source path = 'shared'/>

</module>

A seguir está o conteúdo do arquivo de folha de estilo modificado war/HelloWorld.css.

body {
   text-align: center;
   font-family: verdana, sans-serif;
}

h1 {
   font-size: 2em;
   font-weight: bold;
   color: #777777;
   margin: 40px 0px 70px;
   text-align: center;
}

.gwt-Label{ 
   font-size: 150%; 
   font-weight: bold;
   color:red;
   padding:5px;
   margin:5px;
}

.gwt-Green-Border{ 
   border:1px solid green;
}

.gwt-Blue-Border{ 
   border:1px solid blue;
}

A seguir está o conteúdo do arquivo host HTML modificado war/HelloWorld.html para acomodar dois botões.

<html>
   <head>
      <title>Hello World</title>
      <link rel = "stylesheet" href = "HelloWorld.css"/>
      <script language = "javascript" src = "helloworld/helloworld.nocache.js">
      </script>
   </head>

   <body>
      <h1>Label Widget Demonstration</h1>
      <div id = "gwtContainer"></div>
   </body>
</html>

Vamos ter o seguinte conteúdo do arquivo Java src/com.tutorialspoint/HelloWorld.java que demonstrará o uso do widget Label.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;

public class HelloWorld implements EntryPoint {
   public void onModuleLoad() {
      // create two Labels
      Label label1 = new Label("This is first GWT Label");
      Label label2 = new Label("This is second GWT Label");

      // use UIObject methods to set label properties.
      label1.setTitle("Title for first Lable");
      label1.addStyleName("gwt-Green-Border");
      label2.setTitle("Title for second Lable");
      label2.addStyleName("gwt-Blue-Border");

      // add labels to the root panel.
      VerticalPanel panel = new VerticalPanel();
      panel.add(label1);
      panel.add(label2);

      RootPanel.get("gwtContainer").add(panel);
   }
}

Quando você estiver pronto com todas as alterações feitas, vamos compilar e rodar o aplicativo em modo de desenvolvimento como fizemos no capítulo GWT - Criar Aplicativo . Se tudo estiver bem com sua aplicação, isso produzirá o seguinte resultado -

↰ Previous page