更改Sencha Touch Ext.TabPanel的颜色 [英] Change color of Sencha Touch Ext.TabPanel

问题描述

new Ext.TabPanel({
            fullscreen: true,
            cardSwitchAnimation: 'slide',
            ui: 'dark',
            items: [home, about]
        });

对于ui，我可以指定Like，而不是深色和浅色吗？如何使其成为我们选择的特定颜色或背景图像？

谢谢。

推荐答案

您需要做的是使用sass和指南针定义一个新的UI类型。 因此，您必须熟悉这些框架。 如果您已经安装了这些工具，并且您已经知道如何创建应用程序主题CSS，则可以在主题.sass文件中添加以下行来定义自定义UI

@include sencha-tabbar-ui('myUI', $tabs-myUI, $tabs-bar-gradient, $tabs-myUI-active);

如您所见，我正在使用一些变量来设置所需的样式。 具体内容：

• $tabs-myUI：是"myUI"UI选项卡的基本颜色。
• $TABS-BAR-GRIDENT：选项卡栏的背景渐变样式。
• $tabs-myUI-active：是"轻"UI选项卡的活动颜色。

您可以定义需要多少种不同的用户界面，并通过以下方式在代码中使用它们：

new Ext.TabPanel({
        fullscreen: true,
        cardSwitchAnimation: 'slide',
        ui: 'myUI',
        items: [home, about]
    });

这是Sencha的官方做法。

希望这能有所帮助。

这篇关于更改Sencha Touch Ext.TabPanel的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！