7、GWT用户界面库概述

GWT用户界面库概述

在构建用户界面时，GWT（Google Web Toolkit）提供了丰富的组件和面板来满足不同的需求。下面将详细介绍GWT中各种面板的特点和使用方法。

1. HTMLPanel的使用

在某些情况下，我们可能需要使用自定义的HTML来渲染用户界面元素。虽然GWT有自己的组件，但使用自定义HTML时，要注意避免安全问题和浏览器兼容性问题。例如，我们可以使用 HTMLPanel 为子组件创建圆角背景：

HTMLPanel panel = new HTMLPanel( 
    "<div style='background-image:url(top.gif)'></div>"+
    "<div id='inner' style='background-image:url(back.gif)'></div>"+
    "<div style='background-image:url(bottom.gif)'></div>");
panel.add(anotherWidget,"inner");

上述代码先渲染了HTML，然后使用 HTMLPanel 的 add 方法将子组件添加到指定ID的元素中，这里的ID “inner” 作为父元素。

2. 复杂布局面板

前面介绍的布局面板相对简单，只是有一个算法来排列子组件。GWT还提供了 StackPan