GWT FlowPanel

17 Mar 2025 | 阅读 2 分钟

GWT FlowPanel 是最简单的面板，因为它使用默认的 HTML 布局更改子窗口小部件的格式。在 Flow Panel 中，由于 HTMP 元素（即 HTML div）直接附加到子元素，因此不进行修改。

GWT FlowPanel 类声明

让我们看看 com.google.gwt.user.client.ui.FlowPanel 的声明

GWTFlowTable 构造函数

下表包含 GWT FlowPanel 的构造函数。

构造函数	描述
FlowPanel()	它是空 FlowTable 的构造函数。
FlowPanel(java.lang.String tag)	它创建一个带有自定义标签的空流面板。

GWT FlowPanel 方法

修饰符和类型	方法	描述
void	add(Widget w)	它向面板添加一个新的子窗口小部件。
void	clear()	它删除所有子窗口小部件。
void	insert(Iswidget w, int beforeIndex)	它在指定索引之前添加一个窗口小部件。

GWT FlowPanel 示例 1

//SampleFlowPanel1.java

import com.google.gwt.event.dom.client.ClickEvent; 
import com.google.gwt.event.dom.client.ClickHandler; 
import com.google.gwt.user.client.ui.FlexTable; 
import com.google.gwt.user.client.ui.Label; 
import com.google.gwt.user.client.ui.RootPanel; 

public void onModuleLoad() {

// This is the entry point method. 
public void onModuleLoad() {
 FlowPanel flowPanel = new FlowPanel();
 // Add buttons to flow Panel \
for(int i = 1; i <= 5; i++){
 Button btn = new Button("Button " + i); flowPanel.add(btn); 
}
 // Add the Flow Panel to the root panel. RootPanel.get().add(flowPanel);
	}
 }

输出

GWT FlowPanel 示例 2

//SampleFlowPanel2.java

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

public class HelloWorld implements EntryPoint {

   public void onModuleLoad() {
      // Create a flow panel			
      FlowPanel flowPanel = new FlowPanel();

      // Add Button to flow Panel
      for(int i = 1;  i <= 17; i++){
         Button button = new Button("Item" + i);
         flowPanel.add(Button);
      }

      DecoratorPanel decoratorPanel = new DecoratorPanel();
      decoratorPanel.setWidth("500");
      decoratorPanel.add(flowPanel);

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

//SampleFlowPanel2.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;
}

.gwt-Button {
   margin: 10px;	
}

输出

下一个主题GWT HTMLPanel

GWT FlowPanel

GWT FlowPanel 类声明

GWTFlowTable 构造函数

GWT FlowPanel 方法

GWT FlowPanel 示例 1

GWT FlowPanel 示例 2

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

GWT 教程

GWT 面板

GWT 布局面板

GWT 高级

GWT MVP

GWT 区别

面试题

GWT FlowPanel

GWT FlowPanel 类声明

GWTFlowTable 构造函数

GWT FlowPanel 方法

GWT FlowPanel 示例 1

GWT FlowPanel 示例 2

相关帖子

GWT RootPanel

GWT SuggestBox

GWT FlexTable

GWT PopupPanel

GWT ScrollPanel

GWT FormPanel

GWT 面板

GWT Grid

GWT DialogBox

GWT HTMLPanel

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器