Introduction to theming

导航应用程序设计时考虑了自定义需求。TomTom 提供强大的工具,帮助您根据品牌定制地图和用户界面。通过 UI 主题设置,您可以控制颜色、排版、形状和图标等视觉属性。

欲了解更多信息,请观看 Introduction to theming 视频:

流程概览

Steps

主题工作流程包含四个阶段:

  1. 创建自定义地图样式 — 使用地图定制工具 TomTom Map Maker 定义您的自定义地图样式主题
  2. 在 Figma 中更新 UI 主题 — 通过 Token Studio 调整 UI Toolkit 中的 token 值来定义您的主题
  3. 使用新资源创建 RRO — 运行脚本为您的应用生成 Runtime Resource Overlay
  4. 在硬件或模拟器上验证 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 的构建工具,目前处于私密预览阶段