GWT滚动面板 GWT滚动面板|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滚动面板】输出：