刪除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中的「按鈕樣式」？

回答

相關問題