GWT - Widget VerticalSplitPanel

introduzione

Il VerticalSplitPanelwidget rappresenta un pannello che dispone due widget in un'unica colonna verticale e consente all'utente di modificare in modo interattivo la proporzione dell'altezza dedicata a ciascuno dei due widget. I widget contenuti in un VerticalSplitterPanel verranno automaticamente decorati con barre di scorrimento quando necessario.

Dichiarazione di classe

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

@Deprecated
public final class VerticalSplitPanel
   extends Panel

Regole di stile CSS

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

.gwt-VerticalSplitPanel { }

.gwt-VerticalSplitPanel vsplitter { }

Costruttori di classi

Sr.No.	Costruttore e descrizione
1	VerticalSplitPanel() Deprecato.
2	VerticalSplitPanel(VerticalSplitPanel.Resources resources) Deprecato. Crea un pannello diviso verticale vuoto.
3	VerticalSplitPanel(VerticalSplitPanelImages images) Deprecato. sostituito da VerticalSplitPanel (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 getBottomWidget() Deprecato. Ottiene il widget nella parte inferiore del pannello.
5	Widget getTopWidget() Deprecato. Ottiene il widget nella parte superiore 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 setBottomWidget(Widget w) Deprecato. Imposta il widget nella parte inferiore del pannello.
18	void setTopWidget(Widget w) Deprecato. Imposta il widget nella parte superiore 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 VerticalSplitPanel

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

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.VerticalSplitPanel;
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 Vertical Split Panel
      VerticalSplitPanel verticalSplitPanel = new VerticalSplitPanel();
      verticalSplitPanel.setSize("300px", "200px");
      verticalSplitPanel.setSplitPosition("35%");

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

      DecoratorPanel decoratorPanel = new DecoratorPanel();
      decoratorPanel.add(verticalSplitPanel);
      // 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