如何在Jetpack Compose中使用TapTargetView？有无同类专属库？

原有TapTargetView库在Compose中的使用方法 #

TapTargetView是基于Android传统View体系开发的库，你可以通过Compose提供的View互操作能力接入，具体步骤如下：

• 给需要绑定引导的Compose组件添加onGloballyPositioned修饰符，获取组件的全局坐标、宽高参数，存储到可观测状态变量中
• 在Composable树中添加AndroidView组件，内部实例化TapTargetView，传入之前拿到的目标组件位置参数，配置原有库支持的文案、样式、点击回调等属性
• 给TapTargetView绑定当前Composable的生命周期，在页面销毁或引导结束时主动调用库的销毁方法，避免内存泄漏

该方案仅适合迁移过渡阶段使用，由于需要跨View和Compose体系通信，无法适配Compose重组逻辑，性能和可维护性都不如纯Compose实现的方案。

纯Jetpack Compose原生同类库说明 #

目前已经有多个纯Compose实现的引导高亮库，功能覆盖TapTargetView的所有能力，同时完美适配Compose的特性，核心优势包括：

• 无需手动计算组件坐标，通过修饰符即可直接绑定任意Compose组件作为引导目标
• 支持Compose动画体系，可以自定义引导弹窗的出现、消失动画效果
• 天然支持多步骤引导队列，无需手动处理引导的顺序切换逻辑
• 适配Material 2、Material 3设计规范，样式调整不需要修改原生View参数

通用使用示例 #

// 定义引导显示状态
val showHomeGuide = remember { mutableStateOf(false) }

// 给目标组件绑定引导标识
IconButton(
    onClick = openSettings,
    modifier = Modifier.guideTarget(key = "settings_button")
) {
    Icon(Icons.Default.Settings, contentDescription = "设置")
}

// 配置引导弹窗
if (showHomeGuide.value) {
    GuidePopup(
        targetKey = "settings_button",
        title = "设置入口",
        description = "点击这里可以调整应用的通知、权限等配置",
        onDismiss = { showHomeGuide.value = false }
    )
}

内容的提问来源于stack exchange，提问作者a.r.