复制GWT TabLayoutPanel 的元素

Question

我发现 GWT 选项卡面板对于我需要执行的样式来说很笨重，因此我尝试制作自己的简单选项卡面板。基本上是一个用于选项卡的 HTML5

元素和一个用于显示内容的 DeckPanel 。让用户使用 CSS3 来解决剩下的问题。

GWT TabLayoutPanel 有这些“特殊”标签，用于定义选项卡的内容：

<g:TabLayoutPanel>
    <g:tab>
        <g:header>Tab Title</g:header>
        <g:OtherWidget>Tab contents</g:OtherWidget>
    </g:tab>
</g:TabLayoutPanel>

我指的是 和 >。我看到这些类型的标签在不同的地方使用，但我不知道如何创建它们。查看 TabLayoutPanel 源代码，我发现它有一个 add 方法，该方法需要两个小部件，然后它将一个小部件（内容）放入面板中进行显示，将另一个小部件（标题）放入面板中。 TabLayoutPanel.Tab 的实例。但我不知道如何复制这种功能。

Answer 1

在 GWT 2.1 中，有 UiChild 属性。这很酷。

@UiChild public void addTabDef(Widget page, String title) {...}

title 参数将用 tabdef 标记中的同名属性填充，如下所示：

<v:tabdef title="Tab one"><g:Label>Page one.</g:Label></v:tabdef>

Edit: 明确地说，tabdef 没有在任何地方定义为类；解析期间所需的行为由 UiChild 属性定义。

Answer 2

要为您的小部件使用自定义标签，例如 和 ，您需要创建一个自定义 ElementParse 并将其注册到 UiBinderWriter。不幸的是，在不编辑 gwt 源代码的情况下，还没有简单的方法可以做到这一点。

有用的链接：

指向无法解决问题的链接创建自定义 ElementParser

TabLayoutPanelParser