Sencha touch Sencha Touch v2工具栏标题对齐

当我创建一个像下面这样的工具栏时，标题被错误地放在最后一个按钮的右边，有什么办法可以修复它吗

        {
        xtype: 'toolbar',
        docked: 'top',
        title: 'Chat',
        items: [{
            xtype: 'button',
            text: 'Places',
            ui: 'back',
            id: 'backToPlaces'
        },
        {
            xtype: 'spacer'
        },
        {
            xtype: 'button',
            text: 'People',
            ui: 'forward',
            id: 'toProfiles'
        }

---

在Sencha2中没有特殊的title元素，它是作为项目中的简单元素创建的。因此，我希望将来，您可以直接将其添加到正确的位置，方法是将配置放置在停靠栏中：

var myToolbar = new Ext.Toolbar({
                docked : 'top',
                items : [{
                    xtype: 'spacer',
                },{
                    xtype: 'title',
                    title : 'Hello World'
                },{
                    xtype: 'spacer',
                }]
            });

---

只有间隔符在中间，

在ShanChh 2中没有特殊的标题元素，它在项目中被创建为简单元素。因此，我希望将来，您可以直接将其添加到正确的位置，方法是将配置放置在停靠栏中：

var myToolbar = new Ext.Toolbar({
                docked : 'top',
                items : [{
                    xtype: 'spacer',
                },{
                    xtype: 'title',
                    title : 'Hello World'
                },{
                    xtype: 'spacer',
                }]
            });

---

只有间隔符在中间。

在回答这个问题后，我找到了中心属性，并看了SeChar标题元素的创建，所以忘记上面提到的，在你的配置中使用：

var myToolbar = new Ext.Toolbar({
                docked : 'top',
                title: {
                  title: 'my Title',
                  centered: true 
                },
                items : []
            });

---

在回答这个问题之后，我找到了centered属性，并查看了sencha的title元素的创建，所以请忘记上面的内容并在配置中使用：

var myToolbar = new Ext.Toolbar({
                docked : 'top',
                title: {
                  title: 'my Title',
                  centered: true 
                },
                items : []
            });

---

我也在和工具栏斗争。然后我发现了导航栏。 标题在中间。按钮左右对齐。请参见对齐属性

 {
    docked: 'top',
    xtype: 'navigationbar',
    title: 'Chat',
    items: [
        {
            xtype: 'button',
            ui: 'back',
            action: 'back',
            text:'BACK',
            itemId: 'backButton'
        },
        {
            xtype: 'button',
            ui: 'decline',
            action: 'cancel',
            text:'Cancel',
            itemId: 'cancelButton',
            align : 'right'
        }
    ]
}  

---

我也在和工具栏斗争。然后我发现了导航栏。 标题在中间。按钮左右对齐。请参见对齐属性

 {
    docked: 'top',
    xtype: 'navigationbar',
    title: 'Chat',
    items: [
        {
            xtype: 'button',
            ui: 'back',
            action: 'back',
            text:'BACK',
            itemId: 'backButton'
        },
        {
            xtype: 'button',
            ui: 'decline',
            action: 'cancel',
            text:'Cancel',
            itemId: 'cancelButton',
            align : 'right'
        }
    ]
}  

---

文档中明确指出，NavigationBar是供框架内部使用的私有类，anj所使用的居中属性至少在最新版本中无法按预期工作

---

根据这篇文章，标题没有居中只是一个bug，我们应该等待下一个版本。同时，如果需要，您可以使用navigationbar。

文档中明确指出，navigationbar是框架内部使用的私有类，anj指定的居中属性至少在最新版本中无法按预期工作

---

根据这篇文章，标题没有居中只是一个bug，我们应该等待下一个版本。同时，如果需要，您可以使用navigationbar。

如果您想利用类似于Ext.navigation.Bar工具栏中标题的行为。见分机标题栏

---

这个类通过自动添加省略号来处理像长标题这样的事情，并且标题总是水平居中

如果您想利用类似于Ext.navigation.Bar工具栏中标题的行为。见分机标题栏

这个类通过自动添加省略号来处理像长标题这样的事情，并且标题总是水平居中

导航栏组件不再是公共的。它只是由NavigationView在内部使用。你不应该用这个

相反，您应该使用。这允许您将标题配置居中，并使用“项目”按钮上的“对齐”属性将其向左或向右对齐

当标题太长或任何项目太宽时，它还内置了支持。它会自动将所有项目的长度限制在一定的宽度，并在需要时在标题中添加椭圆

下面是一个简单的例子：

var titleBar = Ext.create('Ext.TitleBar', {
    docked: 'top',
    title: 'Navigation',
    items: [
        {
            iconCls: 'add',
            iconMask: true,
            align: 'left'
        },
        {
            iconCls: 'home',
            iconMask: true,
            align: 'right'
        }
    ]
});

Ext.Viewport.add(titleBar);

导航栏组件不再是公共的。它只是由NavigationView在内部使用。你不应该用这个

相反，您应该使用。这允许您将标题配置居中，并使用“项目”按钮上的“对齐”属性将其向左或向右对齐

当标题太长或任何项目太宽时，它还内置了支持。它会自动将所有项目的长度限制在一定的宽度，并在需要时在标题中添加椭圆

下面是一个简单的例子：

var titleBar = Ext.create('Ext.TitleBar', {
    docked: 'top',
    title: 'Navigation',
    items: [
        {
            iconCls: 'add',
            iconMask: true,
            align: 'left'
        },
        {
            iconCls: 'home',
            iconMask: true,
            align: 'right'
        }
    ]
});

Ext.Viewport.add(titleBar);

---

我发现这比navigationbar可靠得多。我发现这比navigationbar可靠得多。对于me v1，这将导致：未捕获尝试使用未注册的xtype创建组件：Title对于me v1，这将导致：未捕获尝试使用未注册的xtype创建组件：标题该组件存在于Sencha Touch 2的早期预览版本中，但已不存在。相反，您应该在Sencha Touch 2.0中使用Ext.TitleBar组件。更多信息，没错。这个问题和答案是测试版的。新版本中还有一个“navigationview”。这个组件在Sencha Touch 2的早期预览版本中已经存在，但现在已经不存在了。相反，您应该在Sencha Touch 2.0中使用Ext.TitleBar组件。更多信息，没错。这个问题和答案是测试版的。新版本中还有一个“navigationview”。这为您提供了一个后退按钮，简化了导航。