Sencha touch 在标题栏中间动态添加面板

我有一个标题栏面板，上面已经有两个按钮，一个在左边，另一个在右边。现在我想知道如何添加一个面板或其他的酒吧中心

这个面板需要有一个图片和se字符串在里面

这是我现在所做的，但是面板显示在左边按钮的右边，我不知道如何把它放在标题栏中间。

this.getTitlebar().add([{
    xtype: 'panel',
    layout:'hbox',
    items:[{
      xtype:'img',
      width:32,
      height:32,
      src:data.image.small.url
    },{
      html: data.key,
      style:'color:#FFF'
    }]
}]);

[更新]：居中：true

我试图将center:true添加到我的面板配置中，但没有效果，实际上情况变得更糟

由此

对此

---

感谢

要按照所述对齐您的项目，只需使用此原型即可：

items: [
  {your_first_button},
  {xtype: 'spacer'},
  {your_central_panel},
  {xtpye: 'spacer'},
  {your_second_button},
]

---

希望这能有所帮助。

要按照所述对齐项目，只需使用以下原型：

items: [
  {your_first_button},
  {xtype: 'spacer'},
  {your_central_panel},
  {xtpye: 'spacer'},
  {your_second_button},
]

---

希望这能有所帮助。

您是否尝试过该组件的插入方法

你可以吃这样的东西

yourComponent.insert(index,componentTobeAdded);

---

添加后，调用工具栏的组件布局以显示添加的面板。

是否尝试了组件的插入方法

你可以吃这样的东西

yourComponent.insert(index,componentTobeAdded);

---

添加后，调用工具栏的组件布局以显示添加的面板。

如果要实现同样的效果，请不要使用外部标题栏，而是使用外部工具栏

---

像{xtype:'spacer'}这样的东西在标题栏中不起作用…

如果您试图实现同样的效果，请不要使用Ext.Titlebar，而是使用Ext.Toolbar

---

像{xtype:'spacer'}这样的东西在标题栏中不起作用…

不需要添加间隔符

items: [
    // your_first_button(default:left)
    {},
    // your_central_panel
    {centered: true},
    // your_second_button
    {right: 0}
]

---

希望这有帮助。

不需要添加间隔垫圈

items: [
    // your_first_button(default:left)
    {},
    // your_central_panel
    {centered: true},
    // your_second_button
    {right: 0}
]

---

希望这能有所帮助。

当我想添加面板时，我已经有了两个按钮。如何将其动态添加到中心？请尝试将center:true config添加到面板中，是否有效？当我要添加面板时，我已经有了两个按钮。如何将其动态添加到中心？尝试将center:true配置添加到面板中，是否有效？是的，我尝试了索引从0到4，但没有任何更改。顺便说一句：你在你的帖子里写了这个插件。我用的是ST2，所以不再有DocComponentLayout我想如果这是你的意思那么你的意思是你可以在左右两个按钮之间添加面板，但它没有居中？我可以说你可以有这样的东西，不知道这是解决方案还是补丁。不要将该面板直接放在该位置，而是添加一个样式为100%且-webkit-box-align:center，-webkit-box-pack-center的容器，并将您想要居中的主面板添加到刚刚创建的容器中。现在，将我们使用样式创建的第一个容器添加到工具栏中。是的，我尝试了使用从0到4的索引，但没有改变任何内容。顺便说一句：你在你的帖子里写了这个插件。我用的是ST2，所以不再有DocComponentLayout我想如果这是你的意思那么你的意思是你可以在左右两个按钮之间添加面板，但它没有居中？我可以说你可以有这样的东西，不知道这是解决方案还是补丁。不要将该面板直接放在该位置，而是添加一个样式为100%且-webkit-box-align:center，-webkit-box-pack-center的容器，并将您想要居中的主面板添加到刚刚创建的容器中。现在，将我们使用样式创建的第一个容器添加到工具栏中。是的，如果没有在标题栏中指定标题，则应使用工具栏。是的，如果没有在标题栏中指定标题，则应使用工具栏。