GWT - Widget de FocusPanel

Introducción

los FocusPanel widget representa un panel simple que hace que su contenido sea enfocable y agrega la capacidad de capturar eventos de mouse y teclado.

Declaración de clase

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

public class FocusPanel
   extends SimplePanel
      implements HasFocus, SourcesClickEvents, 
         SourcesMouseEvents, SourcesMouseWheelEvents, 
            HasAllMouseHandlers, HasClickHandlers, 
               HasDoubleClickHandlers, HasAllKeyHandlers,
                  HasAllFocusHandlers

Constructores de clases

No Señor.	Constructor y descripción
1	FocusPanel() Crea un panel de enfoque vacío.
2	FocusPanel(Widget child) Crea un nuevo panel de enfoque con el widget secundario dado.

Métodos de clase

No Señor.	Nombre y descripción de la función
1	HandlerRegistration addBlurHandler(BlurHandler handler) Agrega un controlador BlurEvent.
2	HandlerRegistration addClickHandler(ClickHandler handler) Agrega un controlador ClickEvent.
3	void addClickListener(ClickListener listener) Obsoleto. Utilice addClickHandler (com.google.gwt.event.dom.client.ClickHandler) en su lugar
4	HandlerRegistration addDoubleClickHandler (DoubleClickHandler handler) Agrega un controlador de DoubleClickEvent.
5	HandlerRegistration addFocusHandler(FocusHandler handler) Agrega un controlador FocusEvent.
6	void addFocusListener (FocusListener listener) Obsoleto. Utilice addFocusHandler (com.google.gwt.event.dom.client.FocusHandler) en su lugar
7	void addKeyboardListener (KeyboardListener listener) Obsoleto. Utilice addKeyDownHandler (com.google.gwt.event.dom.client.KeyDownHandler), addKeyUpHandler (com.google.gwt.event.dom.client.KeyUpHandler) y addKeyPressHandler (com.google.gwt.event.dom.client.KeyPressHandler ) en su lugar
8	HandlerRegistration addKeyDownHandler (KeyDownHandler handler) Agrega un controlador KeyDownEvent.
9	HandlerRegistration addKeyPressHandler (KeyPressHandler handler) Agrega un controlador KeyPressEvent.
10	HandlerRegistration addKeyUpHandler (KeyUpHandler handler) Agrega un controlador KeyUpEvent.
11	HandlerRegistration addMouseDownHandler (MouseDownHandler handler) Agrega un controlador MouseDownEvent.
12	void addMouseListener(MouseListener listener) Obsoleto. Utilice addMouseOverHandler (com.google.gwt.event.dom.client.MouseOverHandler), addMouseMoveHandler (com.google.gwt.event.dom.client.MouseMoveHandler), addMouseDownHandler (com.google.gwt.event.dom.client.MouseDownHandler ), addMouseUpHandler (com.google.gwt.event.dom.client.MouseUpHandler) y addMouseOutHandler (com.google.gwt.event.dom.client.MouseOutHandler) en su lugar
13	HandlerRegistration addMouseMoveHandler(MouseMoveHandler handler) Agrega un controlador MouseMoveEvent.
14	HandlerRegistration addMouseOutHandler(MouseOutHandler handler) Agrega un controlador MouseOutEvent.
15	HandlerRegistration addMouseOverHandler(MouseOverHandler handler) Agrega un controlador MouseOverEvent.
dieciséis	HandlerRegistration addMouseUpHandler(MouseUpHandler handler) Agrega un controlador MouseUpEvent.
17	HandlerRegistration addMouseWheelHandler(MouseWheelHandler handler) Agrega un controlador MouseWheelEvent.
18	void addMouseWheelListener(MouseWheelListener listener) Obsoleto. Utilice addMouseWheelHandler (com.google.gwt.event.dom.client.MouseWheelHandler) en su lugar
19	int getTabIndex() Obtiene la posición del widget en el índice de la pestaña.
20	void removeClickListener(ClickListener listener) Obsoleto. Utilice el método HandlerRegistration.removeHandler () en el objeto devuelto por addClickHandler (com.google.gwt.event.dom.client.ClickHandler) en su lugar
21	void removeFocusListener(FocusListener listener) Obsoleto. Use el método HandlerRegistration.removeHandler () en el objeto devuelto por addFocusHandler (com.google.gwt.event.dom.client.FocusHandler) en su lugar
22	void removeKeyboardListener(KeyboardListener listener) Obsoleto. Utilice el método HandlerRegistration.removeHandler () en el objeto devuelto por un método add * Handler en su lugar
23	void removeMouseListener(MouseListener listener) Obsoleto. Utilice el método HandlerRegistration.removeHandler () en el objeto devuelto por un método add * Handler en su lugar
24	void removeMouseWheelListener(MouseWheelListener listener) Obsoleto. Utilice el método HandlerRegistration.removeHandler () en el objeto devuelto por addMouseWheelHandler (com.google.gwt.event.dom.client.MouseWheelHandler) en su lugar
25	void setAccessKey(char key) Establece la 'clave de acceso' del widget.
26	void setFocus(boolean focused) Enfoque / desenfoque explícitamente este widget.
27	void setTabIndex(int index) Establece la posición del widget en el índice de la pestaña.

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.Panel
com.google.gwt.user.client.ui.SimplePanel
java.lang.Object

Ejemplo de widget FocusPanel

Este ejemplo lo llevará a través de sencillos pasos para mostrar el uso de un widget FocusPanel 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 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 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>FocusPanel 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 FocusPanel.

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.DecoratorPanel;
import com.google.gwt.user.client.ui.FocusPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;

public class HelloWorld implements EntryPoint {

   public void onModuleLoad() {
      // Create text 
      HTML contents = new HTML("This is a FocusPanel."
         +" Click on the panel and it will attain focus.");

      //create focus panel with content
      FocusPanel focusPanel = new FocusPanel(contents);
      focusPanel.setSize("400px", "100px");

      DecoratorPanel decoratorPanel = new DecoratorPanel();

      decoratorPanel.add(focusPanel);

      // Add the widgets to the root panel.
      RootPanel.get().add(decoratorPanel);
   }        
}

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