在sencha touch中发出导航栏颜色变化

Question

我正在使用sencha-touch 2.3 cupertino-classic ios主题。我有一个问题是改变导航栏的颜色。它的默认颜色是苹果默认导航栏。请任何身体帮助我。我是sencha-touch的新手。 感谢。

Answer 1

首先，我建议您尝试现有的UI方案。对于cupertino-classic主题，它们是：light，dark，black，neutral（查看_Toolbar.scss以了解cupertino-classic主题）。要使用它们，请使用以下配置作为导航视图：

navigationBar: {
    ui: 'black'
}

如果不是这种默认颜色，请尝试添加自己的样式。我想到了两个变种。第一个更优雅的是添加自定义UI。因为cupertino-classic主题并没有完成所有必要的混音，所以你必须从另一个中获取它们（例如来自默认主题）。您需要mixins：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编写自定义样式。