图标标记

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

图标标记概览(包含和不包含界面元素)

原则

情境:图标标记会锁定到现实世界中的对象或点。

简洁:图标标记是空间锚点的缩写视觉指示器。

用法与位置

图标标记是一种类似于图标按钮的界面元素,用于标记用户环境中的感兴趣对象。图标标记是一种空间标记,用于空间锚定。

使用图标标记来为现实世界中的对象添加注释。
如果图标按钮更合适,请使用图标标记来表示装饰元素或非真实世界对象注释。

任何其他 Jetpack Compose Glimmer 组件都可以与标记搭配使用,以便更清晰地说明或更深入地了解用户周围的环境。

使用渐进式披露,让用户能够浏览更多信息。
使用额外的界面元素使标记过载,这会对用户环境造成更大的干扰。

内容和标签可以采用不同的方向。标记和任何附加的界面都应表现为空间界面,这意味着标记对象的实际距离应反映在界面大小中,并使用恒定的角 DP 大小。

两张微光卡片和附加到相关商品的标记 明确定义标记以避免视觉混乱,并限制视图中的标记数量。如果需要多个标记,请将它们聚集成一个更突出的标记,以便逐步查看。

状态

图标标记与图标按钮非常相似。主要区别在于,它具有非交互状态,而不是停用状态。

图标标记有非交互式和交互式变体 使用非互动状态为现实世界添加注释,例如标记地图注记。

如果可能有更多信息,您可以使用具有按钮功能的可互动状态。如果用户点按图标标记,系统会显示一个包含更多信息的 Glimmer 卡片。

解剖学

图标标记本身是一个带有内边距的小图标按钮界面元素,可实现固定的界面对齐和方向。图标标记也可以使用大圆点或小圆点,而不是图标。交互状态包括用于表示按钮状态的视觉提示。

图标标记具有互动和非互动状态,以及聚焦、按下和启用状态

内边距

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

水平和垂直元素的默认内边距为 12 dp

对齐

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

Glimmer 界面元素在顶部居中和右上角对齐

方向

内容应朝向用户,同时遵循重力规律,使内容看起来井然有序。

自定义

为保持一致的视觉功能可见性,请避免自定义图标标记。不过,您可以自定义所附界面元素的方向和对齐方式。

属性 自定义 默认值
图标 是 大圆点、小圆点、图标
内边距 否 顶部居中、右侧居中、底部居中、左侧居中 = 中 左上、右上、右下、左下 = 0 dp
对齐 是 TopLeft、TopCenter、TopRight、CenterLeft、CenterRight、BottomLeft、BottomCenter、BottomRight
方向 是 RotateToLookAtUser:无论旋转角度如何,圆点都会朝向用户。