sencha-touch - 调整字段集宽度并调整到中心

Question

我只是煎茶触控技术的初学者。现在我有一个简单的问题。如何调整字段集宽度并仅对齐到中心？我只得到仅设置为全屏的字段集。请指导我一个解决方案。

这是我的javascript

          items:[{
                xtype:'fieldset',
                title :'Please enter your password key',

                centered: true,
                width: 30,

                items:[{
                        xtype: 'passwordfield',
                        name : 'password',
                        label: 'password',
                        width : 400,



                    }]






              }],

Answer 1

不要在代码中使用硬编码值，这在您为多个分辨率制作应用程序时会很糟糕

请尝试下面显示的代码，它对我有用

layout: {
            type: 'vbox',
            pack: 'center',
            align: 'center'
        },
    items:[{
                xtype:'fieldset',
                title :'Please enter your password key',

                //centered: true,
                //width: 30,

                items:[{
                        xtype: 'passwordfield',
                        name : 'password',
                        label: 'password',
                        //width : 400,
               }]
     }]

谢谢

Answer 2

尝试

样式：{ textAlign：'center'，宽度：'100px'}

Answer 3

在 ST2 中，像这样将它放在容器中

{
  xtype: 'container',
  centered: true,
  items:{
       xtype: 'fieldset',
       items :[
         //your items here
       ]
  }
}

Answer 4

尝试这个，

items:[{
              xtype:'fieldset',
              title :'Please enter your password key',

              centered: true, // using this you can align fieldset to center
              width: '80%',   // using this you can give any width to it in percentage

              items:[{
                     xtype: 'passwordfield',
                     name : 'password',
                     label: 'password',      
                     }]  
              }], 

或者

items:[{
              xtype:'fieldset',
              title :'Please enter your password key',

             // centered: true,
              margin: '10%',
              width: '80%',
              height: '20%',

              items:[{
                     xtype: 'passwordfield',
                     name : 'password',
                     label: 'password',  
                     }]

              }],

希望这可以帮助你。