GWT - TabPanel Widget

Introdução

o TabPanelwidget representa o painel que representa um conjunto de páginas com guias, cada uma contendo outro widget. Seus widgets filhos são mostrados conforme o usuário seleciona as várias guias associadas a eles. As guias podem conter HTML arbitrário.

Declaração de Classe

A seguir está a declaração para com.google.gwt.user.client.ui.TabPanel classe -

@Deprecated
public class TabPanel
   extends Composite
      implements TabListener, SourcesTabEvents, 
         HasWidgets, HasAnimation, IndexedPanel.ForIsWidget,
            HasBeforeSelectionHandlers<java.lang.Integer>, 
               HasSelectionHandlers<java.lang.Integer>

Construtores de classe

Sr. Não. Construtor e descrição
1

TabPanel()

Descontinuada. Cria um painel de guia vazio.

Métodos de aula

Sr. Não. Nome e descrição da função
1

void add(IsWidget w, IsWidget tabWidget)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
2

void add(IsWidget w, java.lang.String tabText)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
3

void add(IsWidget w, java.lang.String tabText, boolean asHTML)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
4

void add(Widget w)

Descontinuada. Adiciona um widget filho.
5

void add(Widget w, java.lang.String tabText)

Descontinuada. Adiciona um widget ao painel da guia.
6

void add(Widget w, java.lang.String tabText, boolean asHTML)

Descontinuada. Adiciona um widget ao painel da guia.
7

void add(Widget w, Widget tabWidget)

Descontinuada. Adiciona um widget ao painel da guia.
8

Handler Registration add Before Selection Handler (Before Selection Handler<java.lang. Integer> handler)

Descontinuada. Adiciona um manipulador BeforeSelectionEvent.
9

Handler Registration add Selection Handler (Selection Handler <java.lang. Integer> handler)

Descontinuada. Adiciona um manipulador SelectionEvent.
10

void add Tab Listener(TabListener listener)

Descontinuada. Use add Before Selection Handler (com.google.gwt.event. Logical.shared.Before Selection Handler) e adicione Selection Handler (com.google.gwt.event. Logical.shared.Selection Handler).
11

void clear()

Descontinuada. Remove todos os widgets filhos.
12

protected SimplePanel createTabTextWrapper()

Descontinuada. Crie um SimplePanel que envolverá o conteúdo em uma guia.
13

DeckPanel getDeckPanel()

Descontinuada. Obtém o painel de deck dentro deste painel de guia.
14

TabBar getTabBar()

Descontinuada. Obtém a barra de guias neste painel de guias.
15

Widget getWidget(int index)

Descontinuada. Obtém o widget filho no índice especificado.
16

int getWidgetCount()

Descontinuada. Obtém o número de widgets filho neste painel.
17

int getWidgetIndex(IsWidget child)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
18

int getWidgetIndex(Widget widget)

Descontinuada. Obtém o índice do widget filho especificado.
19

void insert(IsWidget widget, IsWidget tabWidget, int beforeIndex)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
20

void insert(IsWidget widget, java.lang. String tab Text, boolean as HTML, int before Index)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
21

void insert(IsWidget widget, java.lang.String tabText, int beforeIndex)

Descontinuada. Sobrecarga de conveniência para permitir que IsWidget seja usado diretamente.
22

void insert(Widget widget, java.lang.String tabText, boolean asHTML, int beforeIndex)

Descontinuada. Insere um widget no painel da guia.
23

void insert(Widget widget, java.lang.String tabText, int beforeIndex)

Descontinuada. Insere um widget no painel da guia.
24

void insert(Widget widget, Widget tabWidget, int beforeIndex)

Descontinuada. Insere um widget no painel da guia.
25

boolean isAnimationEnabled()

Descontinuada. Retorna verdadeiro se as animações estiverem habilitadas, falso caso contrário.
26

java.util.Iterator<Widget> iterator()

Descontinuada. Obtém um iterador para os widgets contidos.
27

boolean on Before Tab Selected(Sources Tab Events sender, int tab Index)

Descontinuada. Use Before Selection Handler.on Before Selection (com.google.gwt.event. Logical.shared.Before Selection Event).
28

protected void onEnsureDebugId(java.lang. String baseID)

Descontinuada. Elementos afetados: -bar = A barra de guias. -bar-tab # = O elemento que contém o conteúdo da própria guia. -bar-tab-wrapper # = A célula que contém a guia no índice. -bottom = O painel abaixo da barra de guias.
29

void onTabSelected(SourcesTabEvents sender, int tabIndex)

Descontinuada. Use SelectionHandler.onSelection (com.google.gwt.event. Logical.shared.SelectionEvent).
30

boolean remove(int index)

Descontinuada. Remove o widget no índice especificado.
31

boolean remove(Widget widget)

Descontinuada. Remove o widget fornecido e sua guia associada.
32

void removeTabListener(TabListener listener)

Descontinuada. Use o método HandlerRegistration.removeHandler () no objeto retornado por e adicione * Método Handler em seu lugar
33

void selectTab(int index)

Descontinuada. Seleciona programaticamente a guia especificada e dispara eventos.
34

void selectTab(int index, boolean fireEvents)

Descontinuada. Seleciona programaticamente a guia especificada.
35

void setAnimationEnabled(boolean enable)

Descontinuada. Ative ou desative as animações.

Métodos herdados

Esta classe herda métodos das seguintes classes -

  • com.google.gwt.user.client.ui.UIObject

  • com.google.gwt.user.client.ui.Widget

  • com.google.gwt.user.client.ui.Composite

  • java.lang.Object

Exemplo de widget TabPanel

Este exemplo o levará por etapas simples para mostrar o uso de um TabPanel Widget no GWT. Siga as etapas a seguir para atualizar o aplicativo GWT que criamos no GWT - capítulo Criar aplicativo -

Degrau Descrição
1 Crie um projeto com o nome HelloWorld em um pacote com.tutorialspoint conforme explicado no capítulo GWT - Criar aplicativo .
2 Modifique HelloWorld.gwt.xml , HelloWorld.css , HelloWorld.html e HelloWorld.java conforme explicado abaixo. Mantenha o resto dos arquivos inalterados.
3 Compile e execute o aplicativo para verificar o resultado da lógica implementada.

A seguir está o conteúdo do descritor do 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 seguir está o conteúdo do arquivo de folha 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 seguir está o conteúdo do arquivo 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>TabPanel Widget Demonstration</h1>
      <div id = "gwtContainer"></div>
   </body>
</html>

Vamos ter o seguinte conteúdo do arquivo Java src/com.tutorialspoint/HelloWorld.java que irá demonstrar o uso do widget TabPanel.

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.HTMLPanel;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TabPanel;

public class HelloWorld implements EntryPoint {

   public void onModuleLoad() {
      //Create an empty tab panel 
      TabPanel tabPanel = new TabPanel();

      //create contents for tabs of tabpanel
      Label label1 = new Label("This is contents of TAB 1");
      label1.setHeight("200");
      Label label2 = new Label("This is contents of TAB 2");
      label2.setHeight("200");
      Label label3 = new Label("This is contents of TAB 3");
      label3.setHeight("200");

      //create titles for tabs
      String tab1Title = "TAB 1";
      String tab2Title = "TAB 2";
      String tab3Title = "TAB 3";

      //create tabs 
      tabPanel.add(label1, tab1Title);
      tabPanel.add(label2, tab2Title);
      tabPanel.add(label3, tab3Title);

      //select first tab
      tabPanel.selectTab(0);

      //set width if tabpanel
      tabPanel.setWidth("400");

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

Quando você estiver pronto com todas as alterações feitas, vamos compilar e rodar o aplicativo em modo de desenvolvimento como fizemos no capítulo GWT - Criar Aplicativo . Se tudo estiver bem com sua aplicação, isso produzirá o seguinte resultado -