Gwt-tabpanel-widget

提供：Dev Guides
移動先:案内、検索

GWT-TabPanelウィジェット

前書き

*TabPanel* ウィジェットは、それぞれが別のウィジェットを含むタブ付きのページセットを表すパネルを表します。 ユーザーが関連付けられているさまざまなタブを選択すると、その子ウィジェットが表示されます。 タブには任意のHTMLを含めることができます。

クラス宣言

以下は com.google.gwt.user.client.ui.TabPanel クラスの宣言です- 

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

クラスコンストラクター

Sr.No. Constructor & Description
1

TabPanel()

廃止予定です。 空のタブパネルを作成します。

クラスメソッド

Sr.No. Function name & Description
1

void add(IsWidget w, IsWidget tabWidget)

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

2

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

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

3

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

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

4

void add(Widget w)

廃止予定です。 子ウィジェットを追加します。

5

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

廃止予定です。 タブパネルにウィジェットを追加します。

6

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

廃止予定です。 タブパネルにウィジェットを追加します。

7

void add(Widget w, Widget tabWidget)

廃止予定です。 タブパネルにウィジェットを追加します。

8

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

廃止予定です。 BeforeSelectionEventハンドラーを追加します。

9

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

廃止予定です。 SelectionEventハンドラーを追加します。

10

void add Tab Listener(TabListener listener)

廃止予定です。 選択前の追加ハンドラー（com.google.gwt.event。 logical.shared.Before Selection Handler）および選択ハンドラー（com.google.gwt.event。 代わりにlogical.shared.Selection Handler）

11

void clear()

廃止予定です。 すべての子ウィジェットを削除します。

12

protected SimplePanel createTabTextWrapper()

廃止予定です。 タブでコンテンツをラップするSimplePanelを作成します。

13

DeckPanel getDeckPanel()

廃止予定です。 このタブパネル内のデッキパネルを取得します。

14

TabBar getTabBar()

廃止予定です。 このタブパネル内のタブバーを取得します。

15

Widget getWidget(int index)

廃止予定です。 指定されたインデックスにある子ウィジェットを取得します。

16

int getWidgetCount()

廃止予定です。 このパネルの子ウィジェットの数を取得します。

17

int getWidgetIndex(IsWidget child)

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

18

int getWidgetIndex(Widget widget)

廃止予定です。 指定された子ウィジェットのインデックスを取得します。

19

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

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

20

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

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

21

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

廃止予定です。 IsWidgetを直接使用できるようにする便利なオーバーロード。

22

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

廃止予定です。 タブパネルにウィジェットを挿入します。

23

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

廃止予定です。 タブパネルにウィジェットを挿入します。

24

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

廃止予定です。 タブパネルにウィジェットを挿入します。

25

boolean isAnimationEnabled()

廃止予定です。 アニメーションが有効な場合はtrue、有効でない場合はfalseを返します。

26

java.util.Iterator<Widget> iterator()

廃止予定です。 含まれるウィジェットの反復子を取得します。

27

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

廃止予定です。 選択前に使用Handler.on選択前（com.google.gwt.event。 代わりにlogical.shared.Before Selection Event）

28

protected void onEnsureDebugId(java.lang. String baseID)

廃止予定です。 影響を受ける要素：-bar =タブバー。 -bar-tab＃=タブ自体のコンテンツを含む要素。 -bar-tab-wrapper＃=インデックスのタブを含むセル。 -bottom =タブバーの下のパネル。

29

void onTabSelected(SourcesTabEvents sender, int tabIndex)

廃止予定です。 SelectionHandler.onSelection（com.google.gwt.event。を使用します。 代わりにlogical.shared.SelectionEvent）

30

boolean remove(int index)

廃止予定です。 指定されたインデックスのウィジェットを削除します。

31

boolean remove(Widget widget)

廃止予定です。 指定されたウィジェットとその関連タブを削除します。

32

void removeTabListener(TabListener listener)

廃止予定です。 によって返されるオブジェクトでHandlerRegistration.removeHandler（）メソッドを使用し、代わりにadd *Handlerメソッドを使用します

33
  • void selectTab(int index)*

廃止予定です。 プログラムで指定されたタブを選択し、イベントを発生させます。

34

void selectTab(int index, boolean fireEvents)

廃止予定です。 指定されたタブをプログラムで選択します。

35

void setAnimationEnabled(boolean enable)

廃止予定です。 アニメーションを有効または無効にします。

継承されるメソッド

このクラスは、次のクラスからメソッドを継承します-

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

TabPanelウィジェットの例

この例では、GWTでTabPanelウィジェットの使用方法を示す簡単な手順を紹介します。 次の手順に従って、_GWTで作成したGWTアプリケーションを更新します-アプリケーションの作成_の章-

Step Description
1 Create a project with a name HelloWorld under a package com.finddevguides as explained in the GWT - Create Application chapter.
2 Modify HelloWorld.gwt.xml, HelloWorld.css, HelloWorldl and HelloWorld.java as explained below. Keep rest of the files unchanged.
3 Compile and run the application to verify the result of the implemented logic.

以下は、変更されたモジュール記述子 src/com.finddevguides/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.finddevguides.client.HelloWorld'/>

   <!-- Specify the paths for translatable code                    -->
   <source path = 'client'/>
   <source path = 'shared'/>

</module>

以下は、変更されたスタイルシートファイル 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;
}

以下は、変更されたHTMLホストファイル war/HelloWorldl の内容です。 

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

TabPanelウィジェットの使用法を示すJavaファイル src/com.finddevguides/HelloWorld.java の内容を見てみましょう。 

package com.finddevguides.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);
   }
}

すべての変更が完了したら、link：/gwt/gwt_create_application [GWT-アプリケーションの作成]の章で行ったように、アプリケーションをコンパイルして開発モードで実行します。 すべてがあなたのアプリケーションでうまくいけば、これは次の結果を生成します-

GWT TabPanelウィジェット

「https://www.finddevguides.com/index.php?title=Gwt-tabpanel-widget&oldid=14901」から取得
Powered by MediaWiki