删除sencha touch中的“按钮样式”？

我使用这个工具栏里面：删除sencha touch中的“按钮样式”？

items: [ 
        { text: 'Hem', }, 
        { text: 'Sport' }, 
        { text: 'Nöje' }, 
       ]

而结果我得到看起来像下面这个图片：

Example

我得到这样的风格，看起来像一个按钮，我不我不想那样。我想只是这些按钮显示如画号2：

Example

如何？在图片2中，我有一个“tab”示例的截图。我不能创建一个选项卡，因为那样我就不能在按钮之间滚动...... 我真的很新，想得到很大的帮助。我的英语不太好，所以请用简单的语言。干杯!

来源

2012-11-17 Jack

无论在煎茶触摸1和煎茶触摸2，下面的代码将产生圆形按钮：

xtype: 'toolbar', 
items : [ 
      { text: 'Hem', ui :'round' }, 
      { text: 'Sport', ui :'round' }, 
      { text: 'Nöje', ui :'round' }, 
     ]

即：只需添加ui : 'round'键和值的items阵列中的每个项目对象。

来源

2012-11-18 09:57:06 gardenofwine

通过为每个按钮添加ui:'round'，您当然可以使按钮看起来为四舍五入。这是一个解决方案。但我想回答你的这句话。

我不能创建一个标签，而不是因为我就不能在按钮

这是不正确之间进行滚动。如果按钮超出了您的视口，您肯定可以滚动按钮。我自己使用它们，我需要7个移动应用程序选项卡，并且这些选项卡无法在横向和纵向模式下安装。您需要设置一个属性才能使制表符可滚动。这里是我的代码样本，为我工作。

Ext.create('Ext.TabPanel', { 
    fullscreen: true, 
    tabBarPosition: 'top', 
    tabBar: { 
     scrollable: { 
      direction: 'horizontal' 
     } 
    }, 
    defaults: { 
     styleHtmlContent: true 
    }, 

    items: [ 
     { 
      title: 'Monday', 
      html: 'Monday Screen' 
     }, 
     { 
      title: 'Tuesday', 
      html: 'Tuesday Screen' 
     }, 
     { 
      title: 'Wednesday', 
      html: 'Wednesday Screen' 
     }, 
     { 
      title: 'Thursday',   
      html: 'Thursday Screen' 
     }, 
     { 
      title: 'Firday', 
      html: 'Firday Screen' 
     }, 
     { 
      title: 'Saturday', 
      html: 'Saturday Screen' 
     }, 
     { 
      title: 'Sunday', 
      html: 'Sunday Screen' 
     } 
    ] 
});

请试试看，因为这绝对有效。：D

来源

2012-11-18 17:34:15 SachinGutte

删除sencha touch中的“按钮样式”？

回答

相关问题