Sencha Themer

Posted jin1095167657

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sencha Themer相关的知识,希望对你有一定的参考价值。

Sencha Themer

1:介绍

在Ext JS中创建自定义主题一直是一项挑战。但是使用Sencha Themer,我们已经删除了所有的猜测工作,并添加了一个简单的图形界面来定制应用程序的任何方面。

如下所示,入门非常简单。只需命名主题,指向您的应用,工作区或空目录,然后选择您要用作基础的主题。您甚至可以选择自己的自定义主题作为扩展的起点。

 2:准备工作

确保您拥有Sencha Themer的安装文件。这些文件应位于Sencha Premium下载文件夹中。您还需要方便地使用激活码。这可以在您的初始购买电子邮件中找到。您还可以从支持门户获取代码。

注意:您可以在此处下载Sencha Themer的全功能30天试用版。

Sencha Themer需要Sencha Cmd 6.5.1或更高版本。Sencha Cmd可以在这里下载。

如果您已在计算机上安装了Cmd,则还可以通过从CLI发出以下命令来升级Cmd:

sencha upgrade

确保您的环境满足上述所有要求后,双击Sencha Themer安装程序。执行后,安装程序将完成以下安装过程。

  1. 接受许可协议,然后单击“下一步>”。
  2. 为“所有用户”或“当前用户”指定用户范围,然后单击“下一步>”。
  3. 选择要安装的Themer的位置,然后单击“下一步>”。
  4. 继续安装。

在Themer完成安装后,单击“Launch themer”并单击“Finish”。对于没有Licenses的开发者,可以获取30天试用期,前提你要准备好,国外邮箱(例如:谷歌邮箱)和Sencha 官网账号,打开Themer工具点击File>Preferences>Licenses

技术分享图片

 

点击AddLicenses 添写邮箱地址(国内邮箱无法收发邮件) 如下图

技术分享图片

 

点击Start Trial

技术分享图片

 

此时Sencha已向你邮箱发送代码了,收到后填写邮件发送过来的Code点击OK将显示一个对话框,通知您已将请求复制到剪贴板。将请求粘贴到“ [email protected] ” 的电子邮件中。

复制到剪贴板并发送[email protected]的邮件格式如下

技术分享图片

 

收到回复后,将附加的许可证下载和/或移动到您的计算机上。

 技术分享图片

 

再次打开Themer 发现可以使用了

 技术分享图片

 

接下来命令窗口 cd /d到已经构建好的程序下,输入sencha app watch启动程序

 技术分享图片

 

点击Create Themer,输入ThemerName主题名称, app or workspace就是指的你的程序路径

 技术分享图片

 

进入这个界面可对每个组件进行修改。

 技术分享图片

 

修改完后刷新浏览器可以查看修改后的主题

 技术分享图片

 

如果你对自己制定的主题感觉满意,点击Publish>Export Theme Package进行导出sass,或点击Publish>Export CSS只导出css文件。

 

Q群:851794664

 

以上是关于Sencha Themer的主要内容,如果未能解决你的问题,请参考以下文章

将 Sencha Architect 项目从 Sencha Touch v2.0.x 更新到 Sencha Touch 2.1.x

Sencha touch2 配置问题.sencha 命令未找到

ExtJs Sencha Cmd创建项目以及编译项目

SENCHA:如何通过单击 SENCHA touch 中的添加/删除按钮动态添加/删除文本字段

Sencha Touch - sencha touch js 大小的性能问题

Sencha Touch实战OA系统开发|Sencha Touch项目教程