本文介绍了更改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的颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-11 22:04