アイコン

Question

私は以下の

Mobile.RootViewport = new Ext.TabPanel({ 
    fullscreen:'true', 
    layout: 'card', 
    tabBarDock: 'bottom', 
    items: [Mobile.HomeViewport, Mobile.AboutViewport] 
}) 

がどのように私は、各タブのアイコンを持っていないものになります煎茶タッチでタブパネルを持っていますか？

Answer 1

TabPanel（HomeViewport、AboutViewportなど）内のitemsにそれぞれiconClsプロパティを追加する必要があります。

デフォルトのテーマにコンパイルされたアイコンのhandfullがありますが、（$touch/resources/themes/images/default/pictos/で発見）pictosディレクトリ内多く以上があります。 iconClsの名前は、.pngのないファイル名と同じになります。

あなたがしようとあなただけの空白の正方形を取得しますデフォルトのテーマではない画像を使用しますが、あなたのようなイメージ含めるテーマの.scssファイルを編集し、行を追加することによって、よりを追加することができた場合：

を

@include pictos-iconmask('refresh5'); // includes pictos/refresh5.png 

テーマを変更するにはAn introduction to Theming Sencha Touch