gwt 圆形面板(类似于 DecoratorPanel 的基于标准的小部件)

Question

我正在尝试编写一个使用圆角来构建应用程序的应用程序。我找到了 package on google code它有一个 RoundedLinePanel，它似乎可以工作……有点。

我想知道一些事情。这是人们用来在 GWT 中创建带圆角的 div 的东西吗？ release notes说它几乎一年没有改变。

此外，我似乎无法设置此 div 的固定高度(setHeight 将其设置在包装 div 上，而不是内部 div)。所以它对我没有用，因为我有一个固定高度的应用程序。

最后，如果有人可以建议一个更好的机制来在 GWT 中创建圆角 div，我会洗耳恭听。

Answer 1

有一种使用 CSS 3 实现圆角的漂亮方法(因此在 IE<=8 中不起作用，但在 IE9 开发者预览版中会起作用)。看看http://css3please.com/查看涉及的样式。使用 border-radius(或 -moz-border-radius 或 -webkit-border-radius 属性)相当简单。在 GWT 中，只需将您想要的样式类名称添加到您想要具有圆形边框的元素中即可。当然，在旧版浏览器中支持圆角更难，但您需要这样做吗？

对于旧版浏览器来说，这要困难得多，具体取决于实际情况。它总是涉及边界图像。您必须创建遮盖框边界的图像。有效的是描述的技巧in this answer .要在 GWT 中使用它，您可以使用 uibinder、htmlelement 或创建自己的小部件。还可以找到对该技术的更广泛解释 here .