MX3皮肤引擎：基于HTML的界面渲染

"HTMLayout文档(MX3).docx" 本文档主要介绍了MX3界面引擎，该引擎基于HTML的轻量级渲染技术，尤其适合对界面进行灵活、便捷的修改。MX3界面引擎的核心是HTMLayout，一个强大的开源布局引擎，详细信息可参考官方网址：http://www.terrainformatica.com/htmlayout/main.whtm。为了充分理解本文档，读者应具备基本的HTML和CSS知识。 **HTML支持** MX3界面的基础结构由HTML文件构建，遵循HTML4.0规范，并引入了一些特殊的扩展标记。其中两个关键的扩展标记是`<include>`和`<menu>`。 - `<include>`标记允许开发者将其他HTML文件内容嵌入当前页面，实现内容的复用和模块化。在引用外部文件时，相对路径会根据引用页的路径进行解析。 - `<menu>`标记用于创建菜单。这些菜单默认隐藏，只有当触发`popup-menu`行为时才会显示。菜单项通常由`<li>`元素或带有`role="menu-item"`属性的元素表示。对于更复杂的菜单，如分隔按钮或子菜单，可以通过`<div class="split-button">`等结构来实现。 **CSS样式** CSS样式决定了界面元素的外观和布局。在MX3中，除了标准的CSS属性，还支持扩展的`behavior`属性，它定义了元素的交互行为，以及`CSSS!`脚本，提供了对界面的简单脚本控制能力。 **CSS的behavior扩展属性** `behavior`属性允许开发者为HTML元素绑定JavaScript函数，实现动态效果和交互。例如，可以定义点击事件、鼠标悬停行为等，增强用户界面的互动性。 **CSSS!脚本** 虽然MX3的界面引擎不支持完整的JavaScript，但`CSSS!`脚本提供了一种简化的方式，用于实现一些基本的界面逻辑控制，比如改变元素状态、响应用户操作等。 **总结** MX3的界面设计基于HTML和CSS，结合了HTMLayout的强大功能，实现了高效、灵活且可扩展的用户界面。通过熟练掌握HTML、CSS以及HTMLayout的特性和用法，开发者能够创建出丰富多样的界面效果，同时保持代码的简洁和维护性。对于需要自定义界面的项目，MX3提供了一套高效且直观的解决方案。