如何使用 uibinder 与儿童一起创建 gwt 复合组件？

java gwt uibinder

2022-09-02 20:30:07

我想创建一个组件来装饰它的子级，例如：

mycomponent.ui.xml：

<g:FlowPanel addStyleNames="myStyle">
    <!-- how can i render children ? -->
</g:FlowPanel>

然后其他人可以使用：

<myapp:mycomponent>
    <g:Label>Decorated child</g:Label>
</myapp:mycomponent>

如何用 uibinder 渲染孩子？（或者在Java中，如果我必须的话）

答案 1

让我们实现用于添加/删除子小部件的接口。MyComponentHasWidgets

外观简单如MyComponent.ui.xml

<g:FlowPanel ui:field="main" />

同时将 ind 指定的方法委托给：HasWidgetsFlowPanel

public class MyComponent extends Composite implements HasWidgets {

    private static MyComponentUiBinder uiBinder = GWT.create(MyComponentUiBinder.class);

    interface MyComponentUiBinder extends UiBinder<Widget, MyComponent> {}

    @UiField
    FlowPanel main;

    public MyComponent() {
        initWidget(uiBinder.createAndBindUi(this));
    }

    @Override
    public void add(Widget w) {
        main.add(w);
    }

    @Override
    public void clear() {
        main.clear();
    }

    @Override
    public Iterator<Widget> iterator() {
        return main.iterator();
    } 

    @Override
    public boolean remove(Widget w) {
        return main.remove(w);
    }
}

叫

<M:MyComponent>
    <g:Label text="some text" />
</M:MyComponent>

将以这种方式工作。

答案 2

使用此 XML：

<myapp:mycomponent>
    <g:Label>Decorated child</g:Label> 
</myapp:mycomponent>

将实例化，然后调用。您所要做的就是在类中重写并应用要传递的组件的任何样式。MyComponentMyComponent.add(label).add(..)MyComponent