滑动菜单

最新推荐文章于 2025-04-25 12:19:06 发布

原创最新推荐文章于 2025-04-25 12:19:06 发布 · 127 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用 CanvasTabSlider 组件实现的示例代码。该组件通过 XML 格式的 dataset 定义了五个 Tab，并为每个 Tab 设置了初始化时选中第一个 Tab 的逻辑。此外，还展示了如何在 Tab 中显示文本。

<canvas debug="true" >

<dataset name="ds" >
<root>
<node text="Tab 1" />
<node text="Tab 2" />
<node text="Tab 3" />
<node text="Tab 4" />
<node text="Tab 5" />
</root>
</dataset>

<tabslider width="400" height="300" >
<tabelement datapath="ds:/root/node" width="100%" text="$path{'@text'}" >
<handler name="oninit" >
if (this.clonenumber == 0) {
Debug.write( "this=%w, cloneManager=%w", this, this.cloneManager);
this.setAttribute("selected", true);
}
</handler>
<text text="Hello World!" />
</tabelement>
</tabslider>

</canvas>