GWT - Widget de anclaje

Introducción

los Anchor widget que representa un elemento <a> simple.

Declaración de clase

A continuación se muestra la declaración de com.google.gwt.user.client.ui.Anchor clase -

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

Reglas de estilo CSS

La siguiente regla de estilo CSS predeterminada se aplicará a todo el widget de imagen. Puede anularlo según sus requisitos.

.gwt-Anchor { }

Constructores de clases

No Señor.	Constructor y descripción
1	Anchor() Crea un ancla vacía.
2	protected Anchor(Element element) Este constructor puede ser usado por subclases para usar explícitamente un elemento existente.
3	Anchor(java.lang.String text) Crea un ancla para la creación de scripts.
4	Anchor(java.lang.String text, boolean asHtml) Crea un ancla para la creación de scripts.
5	Anchor(java.lang.String text, boolean asHTML, java.lang.String href) Crea un ancla con su texto y href (URL de destino) especificados.
6	Anchor(java.lang.String text, boolean asHtml, java.lang.String href, java.lang.String target) Crea un ancla de origen (enlace a URI).
7	Anchor(java.lang.String text, java.lang.String href) Crea un ancla con su texto y href (URL de destino) especificados.
8	Anchor(java.lang.String text, java.lang.String href, java.lang.String target) Crea un ancla de origen con un objetivo de marco.

Métodos de clase

No Señor.	Nombre y descripción de la función
1	HasDirection.Direction getDirection() Obtiene la direccionalidad del widget.
2	HasHorizontalAlignment.HorizontalAlignmentConstant getHorizontalAlignment() Obtiene la alineación horizontal.
3	java.lang.String getHref() Obtiene el href del ancla (la URL a la que se vincula).
4	java.lang.String getHTML() Obtiene el contenido de este objeto como HTML.
5	java.lang.String getName() Obtiene el nombre del widget.
6	int getTabIndex() Obtiene la posición del widget en el índice de la pestaña.
7	java.lang.String getTarget() Obtiene el marco de destino del ancla (el marco en el que se producirá la navegación cuando se seleccione el enlace).
8	java.lang.String getText() Obtiene el texto de este objeto.
9	boolean getWordWrap() Obtiene si el ajuste de palabras está habilitado.
10	void setAccessKey(char key) Establece la 'clave de acceso' del widget.
11	void setFocus(boolean focused) Enfoque / desenfoque explícitamente este widget.
12	void setHorizontalAlignment(HasHorizontalAlignment. HorizontalAlignmentConstant align) Establece la alineación horizontal.
13	void setHref(java.lang.String href) Establece el href del ancla (la URL a la que se vincula).
14	void setHTML(java.lang.String html) Establece el contenido de este objeto a través de HTML.
15	void setName(java.lang.String name) Establece el nombre del widget.
dieciséis	void setTabIndex(int index) Establece la posición del widget en el índice de la pestaña.
17	void setText(java.lang.String text) Establece el texto de este objeto.
18	void setWordWrap(boolean wrap) Establece si el ajuste de palabras está habilitado.
19	static Anchor wrap(Element element) Crea un widget de ancla que envuelve un elemento <a> existente.

Métodos heredados

Esta clase hereda métodos de las siguientes clases:

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

Ejemplo de widget de anclaje

Este ejemplo lo llevará a través de sencillos pasos para mostrar el uso de un widget de anclaje en GWT. Siga los siguientes pasos para actualizar la aplicación GWT que creamos en GWT - Capítulo Crear aplicación -

Paso	Descripción
1	Cree un proyecto con un nombre HelloWorld en un paquete com.tutorialspoint como se explica en el capítulo GWT - Crear aplicación .
2	Modifique HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html y HelloWorld.java como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3	Compile y ejecute la aplicación para verificar el resultado de la lógica implementada.

A continuación se muestra el contenido del descriptor de 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 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>

A continuación se muestra el contenido del archivo de hoja 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;
}

A continuación se muestra el contenido del archivo de host HTML modificado 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>

Tengamos el siguiente contenido del archivo Java src/com.tutorialspoint/HelloWorld.java que demostrará el 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 vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación en modo de desarrollo como hicimos en el capítulo GWT - Crear aplicación . Si todo está bien con su aplicación, esto producirá el siguiente resultado:

↰ Previous page