GWT - Widget HorizontalSplitPanel

introduction

le HorizantalSplitPanelwidget représente un panneau qui organise deux widgets sur une seule ligne horizontale et permet à l'utilisateur de modifier de manière interactive la proportion de la largeur dédiée à chacun des deux widgets. Les widgets contenus dans un HorizontalSplitPanel seront automatiquement décorés avec des barres de défilement si nécessaire.

Déclaration de classe

Voici la déclaration pour com.google.gwt.user.client.ui.HorizontalSplitPanel classe -

@Deprecated
public final class HorizontalSplitPanel
   extends Panel

Règles de style CSS

Les règles de style CSS par défaut suivantes seront appliquées à tous les widgets HorizontalSpiltPanel. Vous pouvez le remplacer selon vos besoins.

.gwt-HorizontalSplitPanel { }

.gwt-HorizontalSplitPanel hsplitter { }

Constructeurs de classe

N ° Sr.	Constructeur et description
1	HorizontalSplitPanel() Obsolète.
2	HorizontalSplitPanel(HorizontalSplitPanel.Resources resources) Obsolète. Crée un panneau fractionné horizontal vide.
3	HorizontalSplitPanel(HorizontalSplitPanel (HorizontalSplitPanelImages images)) Obsolète. remplacé par HorizontalSplitPanel (Resources)

Méthodes de classe

N ° Sr.	Nom et description de la fonction
1	void add(Widget w) Obsolète. Ajoute un widget à un volet dans le HorizontalSplitPanel.
2	protected Element getElement(int index) Obsolète. Obtient l'élément de contenu pour l'index donné.
3	Widget getEndOfLineWidget() Obsolète. Obtient le widget dans le volet qui se trouve à la fin de la direction de la ligne pour la mise en page.
4	Widget getLeftWidget() Obsolète. Obtient le widget sur le côté gauche du panneau.
5	Widget getRightWidget() Obsolète. Obtient le widget dans la partie droite du panneau.
6	protected Element getSplitElement() Obsolète. Obtient l'élément qui agit en tant que séparateur.
sept	Widget getStartOfLineWidget() Obsolète. Obtient le widget dans le volet qui se trouve au début de la direction de la ligne pour la mise en page.
8	protected Widget getWidget(int index) Obsolète. Obtient l'un des widgets contenus.
9	boolean isResizing() Obsolète. Indique si le panneau divisé est en cours de redimensionnement.
dix	java.util.Iterator<Widget> iterator() Obsolète. Obtient un itérateur pour les widgets contenus.
11	void onBrowserEvent(Event event) Obsolète. Lancé chaque fois qu'un événement de navigateur est reçu.
12	protected void onEnsureDebugId(java.lang.String baseID) Obsolète. Éléments concernés: -splitter = le conteneur contenant l'élément séparateur. -right = le conteneur sur le côté droit du séparateur. -left = le conteneur sur le côté gauche du séparateur.
13	protected void onLoad() Obsolète. Cette méthode est appelée immédiatement après qu'un widget est attaché au document du navigateur.
14	protected void onUnload() Obsolète. Cette méthode est appelée immédiatement avant qu'un widget ne soit détaché du document du navigateur.
15	boolean remove(Widget widget) Obsolète. Supprime un widget enfant.
16	void setEndOfLineWidget(Widget w) Obsolète. Définit le widget dans le volet qui se trouve à la fin de la direction de la ligne pour la mise en page.
17	void setLeftWidget(Widget w) Obsolète. Définit le widget sur le côté gauche du panneau.
18	void setRightWidget(Widget w) Obsolète. Définit le widget dans la partie droite du panneau.
19	void setSplitPosition(java.lang.String pos) Obsolète. Déplace la position du séparateur.
20	void setStartOfLineWidget(Widget w) Obsolète. Définit le widget dans le volet qui se trouve au début de la direction de la ligne pour la mise en page.
21	protected void setWidget(int index, Widget w) Obsolète. Définit l'un des widgets contenus.

Méthodes héritées

Cette classe hérite des méthodes des classes suivantes -

com.google.gwt.user.client.ui.UIObject
com.google.gwt.user.client.ui.Widget
com.google.gwt.user.client.ui.Panel
java.lang.Object

Exemple de widget HorizontalSplitPanel

Cet exemple vous guidera à travers des étapes simples pour montrer l'utilisation d'un widget HorizontalSplitPanel dans GWT. Suivez les étapes suivantes pour mettre à jour l'application GWT que nous avons créée dans GWT - Chapitre Créer une application -

Étape	La description
1	Créez un projet avec un nom HelloWorld sous un package com.tutorialspoint comme expliqué dans le chapitre GWT - Créer une application .
2	Modifiez HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html et HelloWorld.java comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3	Compilez et exécutez l'application pour vérifier le résultat de la logique implémentée.

Voici le contenu du descripteur de module modifié 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>

Voici le contenu du fichier de feuille de style modifié 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;
}

Voici le contenu du fichier hôte HTML modifié 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>

Laissez-nous avoir le contenu suivant du fichier Java src/com.tutorialspoint/HelloWorld.java qui démontrera l'utilisation du 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);
   }
}

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application en mode développement comme nous l'avons fait dans le chapitre GWT - Créer une application . Si tout va bien avec votre application, cela produira le résultat suivant -

↰ Previous page