ExtJs皮肤主题定制 sencha Themer

ExtJs皮肤主题定制 sencha Themer

1 介绍

在Ext JS中创建自定义主题一直是一项挑战。但是使用Sencha Themer可以大大提高你的开发效率。

2 准备工作

确保您拥有Sencha Themer的安装文件。
Sencha Themer需要Sencha Cmd 6.5.1或更高版本。Sencha Cmd可以在这里下载。
如果您已在计算机上安装了Cmd,则还可以通过从CLI发出以下命令来升级Cmd:
确保您的环境满足上述所有要求后,双击Sencha Themer安装程序。执行后,安装程序将完成以下安装过程。

接受许可协议,然后单击“下一步>”。
为“所有用户”或“当前用户”指定用户范围,然后单击“下一步>”。
选择要安装的Themer的位置,然后单击“下一步>”。
继续安装
安装完成可以获取30天试用期

3 创建皮肤

  1. 选择Create Themer 创建皮肤
    在这里插入图片描述
    2.如下所示,入门非常简单。只需命名主题,指向您的应用,工作区或空目录,然后选择您要用作基础的主题。您甚至可以选择自己的自定义主题作为扩展的起点。需要跟自己的ext项目的主题一致,否者会应用不进去
    在这里插入图片描述

3.左边是控件、右边是控件可调的样式
在这里插入图片描述
4.调试好所有控件样式之后,在左上角publish选择Export CSS文件,如下图所示
在这里插入图片描述
把整个文件放入项目中之后只需要在项目的入口文件引入all.css或debug.css即可

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页