GWT滚动面板

GWT ScrollPanel将内容包装到可滚动区域中。我们可以使用ScrollPanel构造函数创建不同类型的滚动面板。此类位于com.google.gwt.user.client.ui.ScrollPanel包中。
GWT ScrollPanel类声明

public class ScrollPanel extends SimplePanel

GWT ScrollPanel构造函数
建设者 描述
ScrollPanel() 它创建一个空的滚动面板。
ScrollPanel(Element root, Element scrollable, Element container) 它使用指定的root, scrollable和container元素创建一个空的滚动面板。
ScrollPanel(Widget child) 它使用给定的子窗口小部件创建一个新的滚动面板。
GWT ScrollPanel常用方法
修饰符和类型 方法 描述
void ensureVisible(UIObject item) 通过调整面板的滚动位置, 可以确保指定的项目可见。
int getHorizontalScrollPosition() 它获得水平滚动位置。
protected Element getContainerElement() 它重写此方法以指定除根元素之外的其他元素作为面板的子小部件的容器。
int getHorizontalScrollPosition() 它获得水平滚动位置。
int getMaximumHorizontalScrollPosition() 它获得水平滚动的最大位置。
boolean isTouchScrollingDisabled() 它检查是否禁用了基于触摸的滚动。
protected void onAttach() 当窗口小部件附加到浏览器的文档时, 将调用此方法。
void setHorizontalScrollPosition(int position)td> 设置水平滚动位置。
void setSize(java.lang.String width, java.lang.String height) 它设置对象的大小。
void setVerticalScrollPosition(int position) 它设置垂直滚动位置。
GWT ScrollPanel示例
//SampleScrollPanel.java
import com.google.gwt.core.client.EntryPoint; import com.google.gwt.event.dom.client.ClickEvent; import com.google.gwt.event.dom.client.ClickHandler; import com.google.gwt.user.client.Window; import com.google.gwt.user.client.ui.Button; import com.google.gwt.user.client.ui.DecoratorPanel; import com.google.gwt.user.client.ui.FileUpload; import com.google.gwt.user.client.ui.FormPanel; import com.google.gwt.user.client.ui.FormPanel.SubmitCompleteEvent; import com.google.gwt.user.client.ui.FormPanel.SubmitEvent; import com.google.gwt.user.client.ui.ListBox; import com.google.gwt.user.client.ui.RootPanel; import com.google.gwt.user.client.ui.TextBox; import com.google.gwt.user.client.ui.VerticalPanel; // This is the entry point method. public void onModuleLoad() { // scrollable text HTML htmlString = new HTML("This *HTMLPanel* contains" +"This is sample text inside the scrollable panel. " +"This content should be big enough to enable the scrolling." + "We added the same content here again and again to make the " + "content large enough. This is text inside the scrollable panel." // scrollpanel with text ScrollPanel scrollPanel = new ScrollPanel(htmlString); scrollPanel.setSize("300px", "100px"); // Adding the scroll panel to the root panel. RootPanel.get().add(scrollPanel); }

【GWT滚动面板】输出:
GWT滚动面板

文章图片

    推荐阅读