在 UiBinder 中创建自定义小部件并允许嵌套子元素

Question

我想创建一个自定义小部件，允许在 UiBinder 中指定其嵌套的子元素。就像DockPanel可以有south、north等。我看了DockPanel的源码，但没有找到解决办法。

<my:LeftRightToolbar>
    <left>
        <g:Button/>
    </left>

    <right>
        <g:Button/>
    </right>        
</my:LeftRightToolbar>

更新：我的自定义<left> 和<right> 下可以有多个子节点吗？如果我添加多个小部件，代码将无法编译。

Answer 1

第一件事 - <left> 和 <right> 必须与 LeftRightToolbar 在同一个命名空间中，所以它应该是 <my:left> 和 <my:right>。

其次，你需要用@UiChild注解LeftRightToolbar中的两个方法：

@UiChild(tagname = "left")
void addToLeft(Widget widget) {
    left.add(widget);
}

@UiChild(tagname = "right")
void addToRight(Widget widget) {
    right.add(widget);
}

将调用addToLeft 方法添加<my:left> 标签中指定的小部件。 <my:right> 标签由 addToRight 处理。

如果您需要在自定义标签中添加多个小部件，您应该在其中放置一个容器，例如 FlowPanel。