在sencha觸摸中發佈導航欄顏色變化

Question

我使用sencha-touch 2.3 cupertino-classic ios主題。導航欄顏色改變時出現問題。它的默認顏色是蘋果默認導航欄。請任何機構幫助我。我是sencha-touch新手。 謝謝。

Answer 1

首先，我建議您嘗試現有的UI方案。對於庫珀蒂諾經典主題，它們是：light,dark,black,neutral（看cupertino-classic主題的_Toolbar.scss）。對於使用它們使用下面的配置爲您導航視圖：

navigationBar: { 
    ui: 'black' 
} 

如果這些默認的顏色是不是你的情況，然後再嘗試加入自己的風格。我想到兩個變種。第一個更優雅的是添加您的自定義用戶界面。因爲cupertino-classic主題並不是所有必要的混合，所以你必須從另一個主題（例如默認主題）中獲取它們。您需要混入爲：sencha-toolbar-ui，bevel-by-background，bevel-text，toolbar-button。之後，你可以使用例如，從文檔：

// SCSS 
@include sencha-toolbar-ui('sub', #58710D, 'glossy'); 

// js 
navigationBar: { 
    ui: 'sub' 
} 

第二個更直接的是寫在_Toolbar.scss直接基於現有的UI自定義樣式。