Android sencha touch：工具栏上的垂直分隔符

我有一个包含一组按钮的工具栏。 现在我想在这些按钮之间插入一个垂直分隔符。 但我无法在Sencha Touch中找到一个组件，该组件将为我提供此功能

请查看下面的图片，了解我到底想要什么：

请帮我做这个

---

谢谢。

这里有一个解决办法。你可以试试这个。首先，在要添加分隔符的按钮之间添加一个按钮，如下所示：

                {
                    xtype: 'button',
                    ui: 'plain',
                    text: '|',
                    disabled: true,
                    cls: 'separator'
                }

.separator {
    font-size: 30px;
    color: #6EA6CC;
}

然后向“separator”类添加样式，如下所示：

                {
                    xtype: 'button',
                    ui: 'plain',
                    text: '|',
                    disabled: true,
                    cls: 'separator'
                }

.separator {
    font-size: 30px;
    color: #6EA6CC;
}

现在，您可以根据需要自定义样式

---

我相信可以有更好的方法来做到这一点。祝你好运。

我会避免像前面建议的那样添加额外的组件，以避免额外的DOM

这应该在CSS/SASS中完成，以获得最佳性能和可重用性

---

要模拟上述图片，最好的解决方案可能是创建一个具有透明背景、边距和左边框属性的按钮样式

出色的解决方案：D.目前看起来不错！我认为Sencha Touch库中可能有现成的组件。实际上，目前Sencha Touch中没有这样的设施。不管怎样，继续探索吧，谁知道还有其他伟大的作品