GWT - Anchor Widget

introduzione

Il Anchor widget che rappresenta un semplice elemento <a>.

Dichiarazione di classe

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

public class Anchor
   extends FocusWidget
      implements HasHorizontalAlignment, HasName,
	     HasHTML, HasWordWrap, HasDirection

Regole di stile CSS

La seguente regola di stile CSS predefinita verrà applicata a tutto il widget Immagine. Puoi sovrascriverlo secondo le tue esigenze.

.gwt-Anchor { }

Costruttori di classi

Sr.No.	Costruttore e descrizione
1	Anchor() Crea un'ancora vuota.
2	protected Anchor(Element element) Questo costruttore può essere utilizzato dalle sottoclassi per utilizzare esplicitamente un elemento esistente.
3	Anchor(java.lang.String text) Crea un'ancora per lo scripting.
4	Anchor(java.lang.String text, boolean asHtml) Crea un'ancora per lo scripting.
5	Anchor(java.lang.String text, boolean asHTML, java.lang.String href) Crea un'ancora con il suo testo e href (URL di destinazione) specificati.
6	Anchor(java.lang.String text, boolean asHtml, java.lang.String href, java.lang.String target) Crea un ancoraggio sorgente (collegamento a URI).
7	Anchor(java.lang.String text, java.lang.String href) Crea un'ancora con il suo testo e href (URL di destinazione) specificati.
8	Anchor(java.lang.String text, java.lang.String href, java.lang.String target) Crea un'ancora di origine con una cornice di destinazione.

Metodi di classe

Sr.No.	Nome e descrizione della funzione
1	HasDirection.Direction getDirection() Ottiene la direzionalità del widget.
2	HasHorizontalAlignment.HorizontalAlignmentConstant getHorizontalAlignment() Ottiene l'allineamento orizzontale.
3	java.lang.String getHref() Ottiene l'href dell'ancora (l'URL a cui si collega).
4	java.lang.String getHTML() Ottiene il contenuto di questo oggetto come HTML.
5	java.lang.String getName() Ottiene il nome del widget.
6	int getTabIndex() Ottiene la posizione del widget nell'indice della scheda.
7	java.lang.String getTarget() Ottiene il frame di destinazione dell'ancoraggio (il frame in cui avverrà la navigazione quando viene selezionato il collegamento).
8	java.lang.String getText() Ottiene il testo di questo oggetto.
9	boolean getWordWrap() Ottiene se il ritorno a capo automatico è abilitato.
10	void setAccessKey(char key) Imposta la "chiave di accesso" del widget.
11	void setFocus(boolean focused) Metti a fuoco / sfoca esplicitamente questo widget.
12	void setHorizontalAlignment(HasHorizontalAlignment. HorizontalAlignmentConstant align) Imposta l'allineamento orizzontale.
13	void setHref(java.lang.String href) Imposta l'href dell'ancora (l'URL a cui si collega).
14	void setHTML(java.lang.String html) Imposta il contenuto di questo oggetto tramite HTML.
15	void setName(java.lang.String name) Imposta il nome del widget.
16	void setTabIndex(int index) Imposta la posizione del widget nell'indice della scheda.
17	void setText(java.lang.String text) Imposta il testo di questo oggetto.
18	void setWordWrap(boolean wrap) Determina se il ritorno a capo automatico è abilitato.
19	static Anchor wrap(Element element) Crea un widget Anchor che avvolge un elemento <a> 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
com.google.gwt.user.client.ui.FocusWidget

Esempio di widget di ancoraggio

Questo esempio ti guiderà attraverso semplici passaggi per mostrare l'utilizzo di un widget di ancoraggio 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 nam e=' 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;
}

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

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

   <body>
      <h1>Anchor 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 Anchor.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.Anchor;
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 a Anchor widget, 
      // pass text as TutorialsPoint  
      // set asHtml as false, 
      // href as www.tutorialspoint.com, 
      // target as _blank
      Anchor anchor = new Anchor("TutorialsPoint",
                                 false,
                                 "http://www.tutorialspoint.com",
                                 "_blank");
      // Add anchor to the root panel.
      VerticalPanel panel = new VerticalPanel();
      panel.add(anchor);

      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