Accordion

Accordion - 折叠面板 是可折叠内容的容器,支持隐藏和显示大量内容。

accordion

组件的 XML 名称:accordion.

基本用法

如果应用程序界面的空间有限或标签页的标题太长而无法显示在 TabSheet 中,则可以使用 Accordion

Accordion 组件包含 tab 元素,表示标签页。每个 tab 都是一个容器,具有类似于 vbox 的垂直组件布局。

可以在 tab 元素内添加任意 组件布局。下面演示为每个 tab 添加一个文本标签:

<accordion id="accordion"
           height="300px">
    <tab id="tabStamford"
         caption="Stamford"
         margin="true"
         spacing="true">
        <label value="Some information about Stamford"/>
    </tab>
    <tab id="tabBoston"
         caption="Boston"
         margin="true"
         spacing="true">
        <label value="Some information about Boston"/>
    </tab>
    <tab id="tabLondon"
         caption="London"
         margin="true"
         spacing="true">
        <label value="Some information about London"/>
    </tab>
</accordion>
accordion simple