Question

我第一次使用Sencha touch，我已经设法显示了一些菜单项，但是我希望它向右移动/浮动是否有人确定如何做到这一点？

这是我的按钮代码：

spaceosaur.views.Home = Ext.extend(Ext.Panel, {
initComponent: function(){

this.dockedItems = [{
        xtype: 'toolbar',
        title: 'Spaceosaur',
        items: [                 
            { xtype: 'segmentedbutton', items: [
              { iconMask: true, iconCls: '', text: 'Featured', pressed : true },
              { iconMask: true, text: 'Latest' },
              { iconMask: true, text: 'Popular' },
            ]},
            { iconMask: true, ui: 'action', text: 'Refresh' },

        ]
    }]

    spaceosaur.views.Home.superclass.initComponent.call(this);
}

}）;

Ext.reg（'home'，spaceosaur.views.Home）;

网站示例如下：http://cameronmlewis.com/pad/

Answer 1

更改工具栏中按钮对齐的最简单方法是添加spacers。

要将某些内容对齐，您可以执行以下操作：

 items: [
    {xtype: 'spacer'},
    { iconMask: true, ui: 'action', text: 'Refresh' }
 ]

垫片会将一切推向右侧。你可以通过flex＆amp; amp;间隔物和/或按钮的宽度属性，使所有东西都空出并正确排列。

Sencha Touch Float /向右移动

1 个答案: