图标标记是空间注释系统的一部分。使用图标标记来帮助注释现实世界中的对象。

原则
情境:图标标记会锁定到现实世界中的对象或点。
简洁:图标标记是空间锚点的缩写视觉指示器。
用法与位置
图标标记是一种类似于图标按钮的界面元素,用于标记用户环境中的感兴趣对象。图标标记是一种空间标记,用于空间锚定。
正确做法
错误做法
任何其他 Jetpack Compose Glimmer 组件都可以与标记搭配使用,以便更清晰地说明或更深入地了解用户周围的环境。
正确做法
错误做法
内容和标签可以采用不同的方向。标记和任何附加的界面都应表现为空间界面,这意味着标记对象的实际距离应反映在界面大小中,并使用恒定的角 DP 大小。
明确定义标记以避免视觉混乱,并限制视图中的标记数量。如果需要多个标记,请将它们聚集成一个更突出的标记,以便逐步查看。
状态
图标标记与图标按钮非常相似。主要区别在于,它具有非交互状态,而不是停用状态。
使用非互动状态为现实世界添加注释,例如标记地图注记。
如果可能有更多信息,您可以使用具有按钮功能的可互动状态。如果用户点按图标标记,系统会显示一个包含更多信息的 Glimmer 卡片。
解剖学
图标标记本身是一个带有内边距的小图标按钮界面元素,可实现固定的界面对齐和方向。图标标记也可以使用大圆点或小圆点,而不是图标。交互状态包括用于表示按钮状态的视觉提示。

内边距
水平和垂直放置的界面具有中等内边距,而对角配对的元素具有 0 dp 的默认内边距。

对齐
界面元素可以放置在水平、垂直或对角线位置。

方向
内容应朝向用户,同时遵循重力规律,使内容看起来井然有序。
自定义
为保持一致的视觉功能可见性,请避免自定义图标标记。不过,您可以自定义所附界面元素的方向和对齐方式。
| 属性 | 自定义 | 默认值 |
|---|---|---|
| 图标 | 是 | 大圆点、小圆点、图标 |
| 内边距 | 否 | 顶部居中、右侧居中、底部居中、左侧居中 = 中 左上、右上、右下、左下 = 0 dp |
| 对齐 | 是 | TopLeft、TopCenter、TopRight、CenterLeft、CenterRight、BottomLeft、BottomCenter、BottomRight |
| 方向 | 是 | RotateToLookAtUser:无论旋转角度如何,圆点都会朝向用户。 |