在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自定义样式。