阶段一:快速上手与基础实践
欢迎来到 RmlUi 学习的第一阶段!本阶段将帮助你快速上手,理解基本概念,并能够运行简单的示例。
📖 本章内容
- 环境搭建 - 编译和运行示例
- 核心概念 - Context、Document、Element 的关系
- RML 基础 - 文档结构、常用标签、属性语法
- RCSS 基础 - 选择器、常用样式、盒模型
- 基本集成 - 在项目中集成 RmlUi
🎯 学习目标
完成本阶段后,你将能够:
- ✅ 编译并运行 RmlUi 示例程序
- ✅ 理解 RmlUi 的核心架构和工作流程
- ✅ 编写基本的 RML 文档和 RCSS 样式
- ✅ 在你的项目中完成 RmlUi 的基础集成
📝 实践任务
任务 1:编译示例
bash
# 配置 CMake
cmake -B Build -S . -DRMLUI_BACKEND=GLFW_GL3 -DRMLUI_SAMPLES=ON
# 编译
cmake --build Build --config Release任务 2:运行并探索示例
运行以下示例,熟悉 RmlUi 的能力:
bash
# 基础文档加载示例
./Build/Samples/basic/load_document/load_document
# 综合演示示例(强烈推荐)
./Build/Samples/basic/demo/demo
# 拖拽示例
./Build/Samples/basic/drag/drag任务 3:修改示例
选择一个示例,尝试以下修改:
- 修改背景颜色
- 添加一个新的文本元素
- 调整元素的大小和位置
任务 4:创建你的第一个界面
创建一个简单的游戏主菜单,包含:
- 游戏标题
- "开始游戏"按钮
- "设置"按钮
- "退出"按钮
⏱️ 预计时间
3-5 天(每天 2-3 小时)
📚 参考资源
让我们开始 环境搭建 的学习吧!