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

Question

我正在使用 sencha-touch 2.3 cupertino-classic ios 主题。我无法更改导航栏的颜色。它的默认颜色是苹果默认导航栏。请任何人帮助我。我是煎茶触摸的新手。谢谢。

Answer 1

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

navigationBar: {
    ui: 'black'
}

如果这些默认颜色不是您的情况，请尝试添加您自己的样式。我想到了两种变体。第一个更优雅的是添加您的自定义 UI。因为 cupertino-classic 主题并没有所有必要的 mixin 来执行此操作，所以您必须从其他主题中获取它们（例如，从默认主题中获取）。您将需要 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 编写自定义样式。