duilib TabBox

<think>好的，我现在需要回答用户关于duilib中TabBox组件的使用方法和示例的问题。首先，用户提到了三个引用，我需要仔细查看这些引用来提取相关信息。 引用[3]提到TabBox是多标签布局容器之一，属于duilib的主要布局容器，与Box、VBox、HBox等并列。这里可能涉及TabBox的基本概念和布局方式。而引用[2]专门讨论了OptionBox及TabBox的使用，指出可以通过早期文章和入门教程了解详细内容，特别是选项框OptionBox的使用，这可能与TabBox的选项卡切换有关。引用[1]则介绍了组件库中的控件，但未直接提及TabBox，可能相关度较低。 接下来，我需要整合引用中的信息，构建一个清晰的回答结构。首先，解释TabBox的作用，即多标签切换的容器。然后，说明TabBox通常需要与OptionBox配合使用，OptionBox作为选项卡的标题，点击时切换对应的TabBox页面。引用[2]和引用[3]都提到了这一点，需要引用这两个来源。 接着，给出一个示例的XML布局代码，展示如何定义OptionBox和TabBox的结构。这部分需要确保语法正确，比如使用`<TabBox>`标签，内部包含多个`<Container>`作为子页面，每个页面的`name`属性对应OptionBox的`value`。同时，需要说明通过`selected="true"`设置默认选中的选项卡。 此外，可能需要提到如何通过代码控制TabBox，比如响应选项卡切换事件或动态添加页面，但用户引用的资料中没有具体代码示例，所以这部分可能需要简要提及，或者建议参考入门教程。 最后，生成相关问题，考虑用户可能想了解TabBox与OptionBox的关联、动态修改选项卡内容、事件处理或样式自定义等，基于引用中的信息，确保问题相关且可回答。</think>### duilib中TabBox组件的使用方法 TabBox是duilib中实现多标签页布局的核心容器组件，通常与OptionBox（选项卡标题控件）配合使用。以下是具体使用步骤和示例： #### 1. 基本布局结构 TabBox需要包裹多个子容器（如`<Container>`），每个子容器代表一个标签页内容。同时用OptionBox作为标签头，通过`value`属性与TabBox子容器建立关联： ```xml <HBox> <!-- 选项卡标题 --> <OptionBox name="tab1" value="page1" text="标签1" selected="true"/> <OptionBox name="tab2" value="page2" text="标签2"/> <!-- 标签页内容 --> <TabBox> <Container name="page1"> <Label text="这是第一个标签页内容"/> </Container> <Container name="page2"> <Label text="这是第二个标签页内容"/> </Container> </TabBox> </HBox> ``` 关键点说明： - `OptionBox`的`value`值与`TabBox`子容器的`name`对应[^2][^3] - `selected="true"`设置默认选中状态 #### 2. 动态交互 可通过代码控制标签页切换： ```cpp // 获取TabBox指针 CTabBoxUI* pTabBox = static_cast<CTabBoxUI*>(m_PaintManager.FindControl(_T("tabContainer"))); // 切换到指定索引页 pTabBox->SelectItem(1); ``` #### 3. 样式定制 支持通过XML属性自定义外观： ```xml <TabBox bkcolor="#FFFFFFFF" borderround="5,5"> <Container name="page1" .../> </TabBox> ```