HarmonyOS应用开发实战：猫猫大作战-Popup 的实现

前言Popup是一种轻量级的气泡弹层通常用于提示信息、快捷操作或校验提示。HarmonyOS 通过bindPopup属性将 Popup 绑定到组件上。本文以「猫猫大作战」的猫咪提示气泡为锚点讲解 Popup 的实现。提示本系列不讲 ArkTS 基础语法与环境搭建假设你已跟完第 1–101 篇。本篇是阶段三第 102 篇。一、Popup 基本用法1.1 bindPopupEntry Component struct Index { State showPopup: boolean false; build() { Button(提示) .onClick(() { this.showPopup true }) .bindPopup(this.showPopup, { message: 这是一个提示气泡, onStateChange: (state) { this.showPopup state.isVisible } }) } }1.2 PopupOptions参数类型说明messagestring提示内容onStateChangecallback状态变化回调二、总结Popup 通过bindPopup绑定到组件适合轻量的提示气泡。核心要点.bindPopup(isShow, options)绑定气泡提示message设置提示文本下一篇预告第 103 篇将深入 StatItem — Builder 子组件的封装复用。如果这篇文章对你有帮助欢迎点赞、收藏⭐、关注你的支持是我持续创作的动力相关资源bindPopup API 参考开源鸿蒙跨平台社区第 101 篇anchorPosition第 103 篇StatItem