Значок для вкладок сенсорной панели Sencha - PullRequest
Новая
       0

Значок для вкладок сенсорной панели Sencha

2 голосов
/ 03 августа 2011

У меня есть панель вкладок в сенсорном сенсоре, которая выглядит так, как показано ниже 

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

Как мне получить значок для каждой вкладки?

1 Ответ

5 голосов
/ 03 августа 2011

Вам необходимо добавить свойство iconCls к каждому из items в вашей TabPanel (HomeViewport, AboutViewport и т. Д.).

Есть несколько значков, скомпилированных в тему по умолчанию, но в каталоге pictos ($touch/resources/themes/images/default/pictos/) есть много больше. Имя iconCls будет таким же, как имя файла без .png.

Если вы попытаетесь использовать изображение, которого нет в теме по умолчанию, вы просто получите пустой квадрат, но вы можете добавить больше, отредактировав файл .scss темы и добавив строку для включения изображения, например: 

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

Для получения справки по изменению темы см. Введение в Theming Sencha Touch

...