GWT - Widget FocusPanel

introduzione

Il FocusPanel widget rappresenta un semplice pannello che rende i suoi contenuti attivabili e aggiunge la capacità di catturare gli eventi del mouse e della tastiera.

Dichiarazione di classe

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

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

Costruttori di classi

Sr.No.	Costruttore e descrizione
1	FocusPanel() Crea un pannello di messa a fuoco vuoto.
2	FocusPanel(Widget child) Crea un nuovo pannello di messa a fuoco con il widget figlio specificato.

Metodi di classe

Sr.No.	Nome e descrizione della funzione
1	HandlerRegistration addBlurHandler(BlurHandler handler) Aggiunge un gestore BlurEvent.
2	HandlerRegistration addClickHandler(ClickHandler handler) Aggiunge un gestore ClickEvent.
3	void addClickListener(ClickListener listener) Deprecato. Utilizza invece addClickHandler (com.google.gwt.event.dom.client.ClickHandler)
4	HandlerRegistration addDoubleClickHandler (DoubleClickHandler handler) Aggiunge un gestore DoubleClickEvent.
5	HandlerRegistration addFocusHandler(FocusHandler handler) Aggiunge un gestore FocusEvent.
6	void addFocusListener (FocusListener listener) Deprecato. Utilizza invece addFocusHandler (com.google.gwt.event.dom.client.FocusHandler)
7	void addKeyboardListener (KeyboardListener listener) Deprecato. Utilizza addKeyDownHandler (com.google.gwt.event.dom.client.KeyDownHandler), addKeyUpHandler (com.google.gwt.event.dom.client.KeyUpHandler) e addKeyPressHandler (com.google.gwt.event.dom.client.KeyPressHandler ) anziché
8	HandlerRegistration addKeyDownHandler (KeyDownHandler handler) Aggiunge un gestore KeyDownEvent.
9	HandlerRegistration addKeyPressHandler (KeyPressHandler handler) Aggiunge un gestore KeyPressEvent.
10	HandlerRegistration addKeyUpHandler (KeyUpHandler handler) Aggiunge un gestore KeyUpEvent.
11	HandlerRegistration addMouseDownHandler (MouseDownHandler handler) Aggiunge un gestore MouseDownEvent.
12	void addMouseListener(MouseListener listener) Deprecato. Utilizza 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) e addMouseOutHandler (com.google.gwt.event.dom.client.MouseOutHandler)
13	HandlerRegistration addMouseMoveHandler(MouseMoveHandler handler) Aggiunge un gestore MouseMoveEvent.
14	HandlerRegistration addMouseOutHandler(MouseOutHandler handler) Aggiunge un gestore MouseOutEvent.
15	HandlerRegistration addMouseOverHandler(MouseOverHandler handler) Aggiunge un gestore MouseOverEvent.
16	HandlerRegistration addMouseUpHandler(MouseUpHandler handler) Aggiunge un gestore MouseUpEvent.
17	HandlerRegistration addMouseWheelHandler(MouseWheelHandler handler) Aggiunge un gestore MouseWheelEvent.
18	void addMouseWheelListener(MouseWheelListener listener) Deprecato. Utilizza invece addMouseWheelHandler (com.google.gwt.event.dom.client.MouseWheelHandler)
19	int getTabIndex() Ottiene la posizione del widget nell'indice della scheda.
20	void removeClickListener(ClickListener listener) Deprecato. Utilizza invece il metodo HandlerRegistration.removeHandler () sull'oggetto restituito da addClickHandler (com.google.gwt.event.dom.client.ClickHandler)
21	void removeFocusListener(FocusListener listener) Deprecato. Utilizza invece il metodo HandlerRegistration.removeHandler () sull'oggetto restituito da addFocusHandler (com.google.gwt.event.dom.client.FocusHandler)
22	void removeKeyboardListener(KeyboardListener listener) Deprecato. Utilizza invece il metodo HandlerRegistration.removeHandler () sull'oggetto restituito da un metodo add * Handler
23	void removeMouseListener(MouseListener listener) Deprecato. Utilizza invece il metodo HandlerRegistration.removeHandler () sull'oggetto restituito da un metodo add * Handler
24	void removeMouseWheelListener(MouseWheelListener listener) Deprecato. Utilizza invece il metodo HandlerRegistration.removeHandler () sull'oggetto restituito da addMouseWheelHandler (com.google.gwt.event.dom.client.MouseWheelHandler)
25	void setAccessKey(char key) Imposta la "chiave di accesso" del widget.
26	void setFocus(boolean focused) Metti a fuoco / non focalizza esplicitamente questo widget.
27	void setTabIndex(int index) Imposta la posizione del widget nell'indice della scheda.

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

Esempio di widget FocusPanel

Questo esempio ti guiderà attraverso semplici passaggi per mostrare l'utilizzo di un widget FocusPanel 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 invariato il resto dei file.
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;
}

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>FocusPanel 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 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 volta che sei pronto con tutte le modifiche fatte, 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