GWT - Widget HorizontalSplitPanel

introduzione

Il HorizantalSplitPanelwidget rappresenta un pannello che dispone due widget in una singola riga orizzontale e consente all'utente di modificare in modo interattivo la proporzione della larghezza dedicata a ciascuno dei due widget. I widget contenuti in un HorizontalSplitPanel verranno automaticamente decorati con barre di scorrimento quando necessario.

Dichiarazione di classe

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

@Deprecated
public final class HorizontalSplitPanel
   extends Panel

Regole di stile CSS

Le seguenti regole di stile CSS predefinite verranno applicate a tutto il widget HorizontalSpiltPanel. Puoi sovrascriverlo secondo le tue esigenze.

.gwt-HorizontalSplitPanel { }

.gwt-HorizontalSplitPanel hsplitter { }

Costruttori di classi

Sr.No.	Costruttore e descrizione
1	HorizontalSplitPanel() Deprecato.
2	HorizontalSplitPanel(HorizontalSplitPanel.Resources resources) Deprecato. Crea un pannello diviso orizzontale vuoto.
3	HorizontalSplitPanel(HorizontalSplitPanel (HorizontalSplitPanelImages images)) Deprecato. sostituito da HorizontalSplitPanel (Risorse)

Metodi di classe

Sr.No.	Nome e descrizione della funzione
1	void add(Widget w) Deprecato. Aggiunge un widget a un riquadro in HorizontalSplitPanel.
2	protected Element getElement(int index) Deprecato. Ottiene l'elemento di contenuto per l'indice specificato.
3	Widget getEndOfLineWidget() Deprecato. Ottiene il widget nel riquadro che si trova alla fine della direzione della linea per il layout.
4	Widget getLeftWidget() Deprecato. Ottiene il widget nella parte sinistra del pannello.
5	Widget getRightWidget() Deprecato. Ottiene il widget nella parte destra del pannello.
6	protected Element getSplitElement() Deprecato. Ottiene l'elemento che funge da divisore.
7	Widget getStartOfLineWidget() Deprecato. Ottiene il widget nel riquadro che si trova all'inizio della direzione della linea per il layout.
8	protected Widget getWidget(int index) Deprecato. Ottiene uno dei widget contenuti.
9	boolean isResizing() Deprecato. Indica se il pannello diviso viene ridimensionato.
10	java.util.Iterator<Widget> iterator() Deprecato. Ottiene un iteratore per i widget contenuti.
11	void onBrowserEvent(Event event) Deprecato. Attivato ogni volta che viene ricevuto un evento del browser.
12	protected void onEnsureDebugId(java.lang.String baseID) Deprecato. Elementi interessati: -splitter = il contenitore contenente l'elemento splitter. -destra = il contenitore sul lato destro dello splitter. -left = il contenitore sul lato sinistro dello splitter.
13	protected void onLoad() Deprecato. Questo metodo viene chiamato immediatamente dopo che un widget viene allegato al documento del browser.
14	protected void onUnload() Deprecato. Questo metodo viene chiamato immediatamente prima che un widget venga scollegato dal documento del browser.
15	boolean remove(Widget widget) Deprecato. Rimuove un widget figlio.
16	void setEndOfLineWidget(Widget w) Deprecato. Imposta il widget nel riquadro che si trova alla fine della direzione della linea per il layout.
17	void setLeftWidget(Widget w) Deprecato. Imposta il widget nella parte sinistra del pannello.
18	void setRightWidget(Widget w) Deprecato. Imposta il widget nella parte destra del pannello.
19	void setSplitPosition(java.lang.String pos) Deprecato. Sposta la posizione dello splitter.
20	void setStartOfLineWidget(Widget w) Deprecato. Imposta il widget nel riquadro che si trova all'inizio della direzione della linea per il layout.
21	protected void setWidget(int index, Widget w) Deprecato. Imposta uno dei widget contenuti.

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
java.lang.Object

Esempio di widget HorizontalSplitPanel

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

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

package com.tutorialspoint.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.DecoratorPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HorizontalSplitPanel;
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 Horizontal Split Panel
      HorizontalSplitPanel horizontalSplitPanel = new HorizontalSplitPanel();
      horizontalSplitPanel.setSize("300px", "200px");
      horizontalSplitPanel.setSplitPosition("30%");

      // Add some content
      String randomText = "This is a sample text.";
      for (int i = 0; i < 2; i++) {
         randomText += randomText;
      }
      horizontalSplitPanel.setRightWidget(new HTML(randomText));
      horizontalSplitPanel.setLeftWidget(new HTML(randomText));

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

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