xmlplus组件设计系列之选项卡（Tabbar)（5）

所以，现在我们的目标已经很明确了，主要设计三个组件：图标组件 Icon、选项卡组件的子项 TabItem 以及选项卡组件的容器 Tabbar。由于该组件比较简单，所以可以将三种子组件放置在同一层级。但请注意，我们还有四个图标组件，可以创建一个子级用于容纳它们。这样设计可以复用部分相同的代码，避免冗余。该组件的函数项根据输入的图标类型创建图标组件并替换已有的 span 元素对象。注意，替换完后需要重新添加样式。此组件提供了用于选项切换时选中与非选中状态之间切换的接口。最后来看下选项卡组件 Tabbar 的实现。本系列文章基于 xmlplus 框架。如果你对 xmlplus 没有多少了解，可以访问