07-讨论

15.1.3　讨论

因为ThemeRoller主题是为了提供全面的体验和应用到多个窗口组件而建立的，所以考虑各种框架类之间的相互作用很有帮助。如果你选择从头开始创建自己的主题，或者从本质上修改现有的主题，下面是应该考虑的一些要点：

要为标题和工具栏以及内容区域创建统一的背景，使选项卡的“开启”状态无缝地与可见内容面板联系起来，并使内容区域背景和边框与可单击元素活动状态背景和边框相匹配。

对于可单击元素，状态之间的区别应该足够清晰，为用户提供足够的反馈。下面是确保状态相互协调以提供特别的视觉差异的两种方法：

• 为可单击元素的默认和活动可单击状态使用镜像图片纹理，实现三维观感。例如，用于默认按钮状态的“高亮”纹理和用于活动按钮状态的“嵌入”纹理很相配。当单击按钮时，它的外观就像实际按下一样。
• 如果对可单击元素和悬停状态使用相同的纹理，要确保背景颜色和图像不透明度有足够的差异（通常至少有10%的差别），以提供清晰的视觉变化。

为多个样式使用相同的图片，优化主题的加载速度。例如：

• 当为多个状态使用相同的图标颜色时，样式表进行的HTTP请求较少，改进了页面的性能。
• 也可以为多种状态使用相同的背景图片（颜色加上纹理不透明度）。如果这样做，重要的是确保其他样式元素（边框、文本和图标颜色）有明显的差别。

注意

为了改变自定义主题而又不用从头开始，打开原始主题样式表，搜索以“To view and modify this theme，visit http://jqueryui.com/themeroller/...，”开始的注释，并将主题URL复制和粘贴到浏览器的地址栏，打开ThemeRoller，预先加载主题的设置。