如何在sencha touch 2中设计这样的面板

Question

我在sencha touch工作了将近一个月，但我找不到像sencha那样设计UI的方法。

上面的面板是使用Jquery mobile创建的。

如何在sencha中创建这样的面板？

Sencha触控面板看起来不像上面那么漂亮

Answer 1

是的，它只是面板中的一些按钮。它们大致在下面。您必须编辑CSS（边框半径，阴影和诸如此类），但基本设置非常简单：

{
    xtype: 'panel',
    layout:{
        type:'hbox'
    },
    items:[
        {
            xtype:          "button",
            text:           'Register with X',
        },
        {
            xtype:          "button",
            text:           'Use Facebook Account',
        },
        {
            xtype:          "button",
            text:           'Use Twitter Account',
        }
    ]
};