用戶或配置文件選項卡圖標不可見

我是新來煎茶觸摸，並希望有三個選項卡圖標即Home, Profile/User and Camera。 home圖標當前可見，但Profile/User不是。如何添加profile/user和camera的圖標到sencha touch中？用戶或配置文件選項卡圖標不可見

這裏是我的Profile.js

Ext.define('find.view.Profile' , { 
extend: 'Ext.Panel', 
xtype: 'profile', 

config: { 
    title: 'Profile', 
    iconCls: 'user', 
    layout: 'fit', 
    scrollable: true, 
    styleHtmlContent: true, 
    styleHtmlCls: 'profilepage', 
    html: ['<h1>Profile</h1>'].join('') 
} 
});

來源

2013-01-02 2619

您是否使用了一個tabpanel作爲家長嗎？ – A1rPun

那麼現在用戶工作正常。但我正在努力與相機圖標。你能告訴我什麼是相機的類名？我正在嘗試這些課程'凸輪，相機，照片，圖片，圖片'，但他們都沒有工作。 – 2619

您需要使用pictos。在此之前，您需要安裝Ruby以及Sass和Compass。按照本教程中增加新的圖標面膜：

http://www.netmagazine.com/tutorials/styling-user-interface-sencha-touch-application

來源

2013-01-02 12:24:02 Eli

所有你可以在你的第一應用使用的圖標代碼是置於目錄

resources/themes/images/default/pictos

然而，並非所有默認包含在你的應用主題。爲了包括那些你需要包括行

@include pictos-iconmask(<YOUR_ICON>);

在你app.scss文件，然後使用COMPASS編譯主題的圖標。如果你不熟悉煎茶觸摸可言，我強烈建議你看一看從2011年SenchaCon如何ST風格的應用程序下面的視頻。

http://docs.sencha.com/touch/2-1/#!/video/theming

PS：請注意，在「PICTOS-iconmask」混入僅適用於ST < 2.2.0.alpha，因爲從這個版本，它已被棄用，因爲Pictos Font的整合。

來源

2013-01-02 12:17:51

我使用的是sencha touch 2.1，資源文件夾內沒有主題文件夾。 – 2619

然後有東西被搞砸了！該文件夾是「主題」，而不是「主題」。再次下載ST SDK，解壓縮，然後你會看到提到的文件夾。 –

相機不能作爲iconCls。以下圖標支持（seen here）：

action 
add 
arrow_down 
arrow_left 
arrow_right 
arrow_up 
bookmarks 
compose 
delete 
download 
favorites 
home 
info 
locate 
maps 
more 
organize 
refresh 
reply 
search 
settings 
star 
team 
time 
trash 
user

對於在@Andrea Cammarata造型你自己的圖標的外觀和@user1479606回答

來源

2013-01-02 12:30:10 A1rPun

，如果你想添加自定義圖標（未在PICTOS列出）使用CSS中地方somename名稱的使用姓名圖標

.x-tab .x-button-icon.somename,.x-button .x-button-icon.x-icon-mask.somename{-webkit-mask-image:url('path-to-image/facebook-icon.png')}

，並用它作爲

iconCls: 'somename',

來源

2013-01-03 04:59:58

用戶或配置文件選項卡圖標不可見

回答

相關問題