Introduction to theming
导航应用程序设计时考虑了自定义需求。TomTom 提供强大的工具,帮助您根据品牌定制地图和用户界面。通过 UI 主题设置,您可以控制颜色、排版、形状和图标等视觉属性。
欲了解更多信息,请观看 Introduction to theming 视频:
流程概览
主题工作流程包含四个阶段:
- 创建自定义地图样式 — 使用地图定制工具 TomTom Map Maker 定义您的自定义地图样式主题
- 在 Figma 中更新 UI 主题 — 通过 Token Studio 调整 UI Toolkit 中的 token 值来定义您的主题
- 使用新资源创建 RRO — 运行脚本为您的应用生成 Runtime Resource Overlay
- 在硬件或模拟器上验证 RRO — 在目标硬件或模拟器上测试您的主题,确保显示正确
注意: RRO 脚本目前处于私密审核阶段,可根据请求分享。
工具和资源
主题工作流程依赖于若干工具和资源。
创建自定义地图主题,请使用:
- TomTom Map Maker — 一个在线工具,轻松创建您的自定义地图样式。了解更多
- TomTom Map Generator 插件 — 一个 Figma 插件,将您的新地图样式导入 Automotive UI toolkit。了解更多
创建自定义 UI 主题,请使用:
- Figma — 设计平台,用于创建和预览您的主题
- Automotive UI Toolkit — 包含完整设计系统及设计 token 集成的 Figma 文件
- Token Studio — 管理和导出设计 token 的 Figma 插件
- Visual Assets — 包含图标及其他图形资源导出的 Figma 文件
- RRO 脚本 — 将导出的主题文件转换为 Runtime Resource Overlay 的构建工具,目前处于私密预览阶段