GWT - Widget etichetta

introduzione

Il Labelpuò contenere solo testo arbitrario e non può essere interpretato come HTML. Questo widget utilizza un elemento <div>, facendolo visualizzare con layout a blocchi.

Dichiarazione di classe

Di seguito è riportata la dichiarazione per com.google.gwt.user.client.ui.Label classe -

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

Regole di stile CSS

La seguente regola di stile CSS predefinita verrà applicata a tutte le etichette. Puoi sovrascriverlo secondo le tue esigenze.

.gwt-Label { }

Costruttori di classi

Sr.No.	Costruttore e descrizione
1	Label() Crea un'etichetta vuota.
2	protected Label(Element element) Questo costruttore può essere utilizzato dalle sottoclassi per utilizzare esplicitamente un elemento esistente.
3	Label(java.lang.String text) Crea un'etichetta con il testo specificato.
4	Label(java.lang.String text, boolean wordWrap) Crea un'etichetta con il testo specificato.

Metodi di classe

Sr.No.	Metodo e descrizione
1	void addClickListener(ClickListener listener) Aggiunge un'interfaccia di ascolto per ricevere eventi di clic.
2	void addMouseListener(MouseListener listener) Aggiunge un'interfaccia listener per ricevere gli eventi del mouse.
3	void addMouseWheelListener(MouseWheelListener listener) Ottiene il pannello principale di questo widget.
4	HasDirection.Direction getDirection() Ottiene la direzionalità del widget.
5	HasHorizontalAlignment. HorizontalAlignmentConstant getHorizontalAlignment() Ottiene l'allineamento orizzontale.
6	java.lang.String getText() Ottiene il testo di questo oggetto.
7	boolean getWordWrap() Ottiene se il ritorno a capo automatico è abilitato.
8	void onBrowserEvent(Event event) Rimuove un'interfaccia listener aggiunta in precedenza.
9	void removeClickListener(ClickListener listener) Questo metodo viene chiamato immediatamente prima che un widget venga scollegato dal documento del browser.
10	void removeMouseListener(MouseListener listener) Rimuove un'interfaccia listener aggiunta in precedenza.
11	void removeMouseWheelListener(MouseWheelListener listener) Rimuove un'interfaccia listener aggiunta in precedenza.
12	void setDirection(HasDirection.Direction direction) Imposta la direzionalità per un widget.
13	void setHorizontalAlignment(HasHorizontalAlignment. HorizontalAlignmentConstant align) Imposta l'allineamento orizzontale.
14	void setText(java.lang.String text) Imposta il testo di questo oggetto.
15	void setWordWrap(boolean wrap) Determina se il ritorno a capo automatico è abilitato.
16	static Label wrap(Element element) Crea un widget Etichetta che racchiude un elemento <div> o <span> esistente.

Metodi ereditati

Questa classe eredita i metodi dalle seguenti classi:

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

Esempio di widget di etichetta

Questo esempio ti guiderà attraverso semplici passaggi per mostrare l'utilizzo di un widget etichetta in GWT. Segui i passaggi seguenti per aggiornare l'applicazione GWT che abbiamo creato in GWT - Capitolo Crea applicazione -

Passo	Descrizione
1	Crea un progetto con un nome HelloWorld sotto un pacchetto com.tutorialspoint come spiegato nel capitolo GWT - Crea applicazione .
2	Modifica HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html e HelloWorld.java come spiegato di seguito. Mantieni il resto dei file invariato.
3	Compilare ed eseguire l'applicazione per verificare il risultato della logica implementata.

Di seguito è riportato il contenuto del descrittore del modulo modificato 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>

Di seguito è riportato il contenuto del file del foglio di stile modificato 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;
}

Di seguito è riportato il contenuto del file host HTML modificato war/HelloWorld.html per ospitare due pulsanti.

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

Cerchiamo di avere il seguente contenuto del file Java src/com.tutorialspoint/HelloWorld.java che dimostrerà l'uso del widget Etichetta.

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);
   }
}

Una volta che sei pronto con tutte le modifiche apportate, compiliamo ed eseguiamo l'applicazione in modalità sviluppo come abbiamo fatto nel capitolo GWT - Crea applicazione . Se tutto va bene con la tua applicazione, questo produrrà il seguente risultato:

↰ Previous page