GWT PopupPanel

2025年3月17日 | 阅读 3 分钟

GWT PopupPanel 可以选择性地显示一个其后面的“玻璃”元素，这通常用于将它后面的小部件变灰。可以使用 setGlassEnabled(boolean) 启用此功能。它有一个默认的样式名称“gwt-PopupPanelGlass”，可以使用 setGlassStyleName(String) 更改。

GWT PopupPanel 类声明

让我们看看com.google.gwt.user.client.ui.PopupPanel 类的声明。

GWT PopupPanel 嵌套类

Class	描述
PopupPanel.AnimationType	这是用于打开弹出窗口的动画类型。
PopupPanel.PositionCallback	这是一个在显示 PopupPanel 之前用于设置其位置的回调。
PopupPanel.ResizeAnimation	用于将弹出窗口放大到视图中。

GWT PopupPanel 构造函数

构造函数	描述
PopupPanel()	创建一个空的弹出面板。
PopupPanel(boolean autoHide)	创建一个空的弹出面板，指定其“自动隐藏”属性。
PopupPanel(boolean autoHide, boolean modal)	创建一个空的弹出面板，指定其“自动隐藏”和“模态”属性。

GWT PopupPanel 常用方法

修饰符和类型	方法	描述
void	addAutoHidePartner(Element partner)	在 autoHide 伙伴内发生的鼠标事件不会隐藏设置为 autoHide 的面板。
void	center()	将弹出窗口置于浏览器窗口的中央并显示它。
PopupPanel.AnimationType	getAnimationType()	获取用于打开和关闭弹出窗口的动画类型。
protected Element	getContainerElement()	重写此方法以指定一个除根元素之外的元素作为面板子小部件的容器。
protected Element	getGlassElement()	获取此 PopupPane 使用的玻璃元素
int	getOffsetHeight()	获取面板的像素偏移高度。
int	getOffsetWidth()	获取面板的像素偏移宽度。
void	hide()	隐藏弹出窗口并将其从页面分离。
void	hide(boolean autoClosed)	隐藏弹出窗口并将其从页面分离。
boolean	isAnimationEnabled()	如果启用动画，则返回 true，否则返回 false。
boolean	isModal()	如果应忽略不以 PopupPanel 或其子项为目标键盘或鼠标事件，则返回 true。
boolean	isPreviewingAllNativeEvents()	如果弹出窗口应预览所有本机事件，即使该事件已被另一个弹出窗口使用，则返回 true。
void	setModal(boolean modal)	当弹出窗口为模态时，将忽略不以 PopupPanel 或其子项为目标的键盘或鼠标事件。
void	setAnimationType(PopupPanel.AnimationType type)	设置用于打开和关闭弹出窗口的动画类型。

GWT PopupPanel 示例 1

//SamplePopupPanel.java

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.RootPanel;

public class MyPopup extends DialogBox {
  interface MyPopupUiBinder extends UiBinder<Widget, MyPopup> {}
  private static MyPopupUiBinder uiBinder = GWT.create(MyPopupUiBinder.class);

  public MyPopup() {
    super(false, true);
    
    setWidget(uiBinder.createAndBindUi(this));
    
    setGlassEnabled(true);
  }
}

//SamplePopupPanel.css

.gwt-PopupPanelGlass {
  opacity:0.3;
  filter:alpha(opacity=30);
  background-color: grey;
}

输出

GWT PopupPanel 示例 2

//SamplePopupPanel.java

import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.Window;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.form.HtmlEditor;
import com.extjs.gxt.ui.client.widget.form.TextField;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FormData;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;

public class Popup implements EntryPoint {

  public void onModuleLoad() {
    final Window w = new Window();
    w.setPlain(true);
    w.setSize(500, 300);
    w.setHeading("Resize Me");
    w.setLayout(new FitLayout());

    FormPanel panel = new FormPanel();
    panel.setBorders(false);
    panel.setBodyBorder(false);
    panel.setLabelWidth(55);
    panel.setPadding(5);
    panel.setHeaderVisible(false);

    TextField<String> field = new TextField<String>();
    field.setFieldLabel("Sent To");
    panel.add(field, new FormData("100%"));

    field = new TextField<String>();
    field.setFieldLabel("Subject");
    panel.add(field, new FormData("100%"));

    HtmlEditor html = new HtmlEditor();
    html.setHideLabel(true);
    panel.add(html, new FormData("100% -53"));

    w.addButton(new Button("Send"));
    w.addButton(new Button("Cancel"));
    w.add(panel);

    Button b = new Button("Open", new SelectionListener<ButtonEvent>() {

      @Override
      public void componentSelected(ButtonEvent ce) {
        w.show();
      }

    });
    RootPanel.get().add(b);

  }
}

输出

下一个主题GWT DialogBox

GWT PopupPanel

GWT PopupPanel 类声明

GWT PopupPanel 嵌套类

GWT PopupPanel 构造函数

GWT PopupPanel 常用方法

GWT PopupPanel 示例 1

GWT PopupPanel 示例 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 PopupPanel

GWT PopupPanel 类声明

GWT PopupPanel 嵌套类

GWT PopupPanel 构造函数

GWT PopupPanel 常用方法

GWT PopupPanel 示例 1

GWT PopupPanel 示例 2

相关帖子

GWT FlexTable

GWT DateBox

GWT RootPanel

GWT ScrollPanel

GWT Grid

GWT FormPanel

GWT FlowPanel

GWT 面板

GWT HTMLPanel

GWT SuggestBox

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器