
链接 关于 ThemeRoller
ThemeRoller 是一个 Web 应用程序,它提供了一个有趣且直观的界面,用于设计和下载 jQuery UI 的自定义主题。您可以在 jQuery UI 网站的“Themes”部分找到 ThemeRoller,或者通过此链接访问:jQuery UI ThemeRoller

链接 ThemeRoller 界面
ThemeRoller 的界面分为多个面板,包括全局字体和圆角半径设置、微件容器样式、可点击元素的交互状态,以及用于叠加层和阴影的各种样式。这些面板允许配置各种 CSS 属性,如字体大小、颜色和粗细、背景颜色和纹理、边框颜色、文本颜色、图标颜色、圆角半径等等!
链接 主题库:预设主题
ThemeRoller 主题可以通过永久链接(permalink URL)进行查看,它还包含一个可供选择的预设计主题库。您可以通过应用程序界面顶部的选项卡栏访问主题库。在库中,您可以预览和下载主题,甚至可以选择在“Roll Your Own”选项卡中进一步调整主题。
链接 下载主题
完成主题设计后,您可以下载并将其用于您的项目。ThemeRoller 顶部有一个“Download theme”按钮,它将引导您进入下载构建器页面。在那里,您还可以挑选要随主题一起下载的组件。最后,底部的 Download 按钮将生成一个 zip 文件,其中包含主题以及图片等资源和您选择的任何组件。下载中包含的图片将根据您的规格生成,并保存为高质量的 PNG 文件。
链接 将下载的主题安装到您的项目中
解压包后,您将看到几个 css 和 js 文件,以及两个文件夹。如果您只对完整主题感兴趣,请将 jquery-ui.css 和 images 文件夹复制到您的项目中,并在页面中链接到 jquery-ui.css 文件。
链接 构建自定义的“支持 ThemeRoller”组件

ThemeRoller 会生成 jQuery UI CSS 框架的定制版本,用于开发您自己的支持 ThemeRoller 的 jQuery 组件。该框架生成的类旨在适应常见的用户界面设计场景,并且还包括状态、图标和各种辅助类。
有关使用 jQuery UI CSS 框架开发的更多信息,请访问我们的 主题 API 文档。