HarmonyOS ArkTS 进阶核心知识点:@状态装饰器、弹窗、页面路由
一、status 状态装饰器页面动态数据的核心1. 核心作用status状态装饰器是 ArkTS 响应式编程的基础被该装饰器修饰的变量会成为响应式数据当变量值发生修改时页面上所有绑定该变量的组件会自动刷新 UI不需要手动重绘页面。如果不使用状态装饰器修改变量后界面不会同步更新。2. 基础使用示例3. 常见使用场景计数器、开关 Toggle、输入框实时文字展示列表数据增删、轮播当前下标弹窗显示 / 隐藏标记、页面加载状态单选、多选组件选中值同步。二、弹窗全局 / 局部弹出交互窗口弹窗是页面二次交互载体常用于提示、确认操作、表单填写、消息提醒鸿蒙提供两种主流弹窗实现方案。示例三、页面路由多页面之间跳转与传参单页面无法承载完整项目业务路由负责页面跳转、页面间数据传递、返回上一页是多页面项目必备知识。1. 前置配置所有页面需要在 entry/src/main/resources/base/profile/main_pages.json 中注册路由路径示例2. 基础跳转 APIrouter 模块需要先导入路由模块import router from ohos.router;示例跳转结果3. 路由使用场景首页→详情页、列表→编辑页pushUrl 保留返回栈登录成功跳首页replaceUrl禁止返回登录页弹窗、表单完成后返回上一页router.back页面之间互相传递 ID、表单数据、商品信息。四、知识总结status 状态装饰器驱动 UI 动态刷新的底层能力所有会变化的页面数据都需要用它修饰弹窗页面浮层交互工具分系统简易弹窗与完全自定义弹窗覆盖提示、表单、选择需求路由实现多页面应用的核心掌握跳转、传参、返回三个核心能力就能搭建完整多页面项目。ArkTS 交互核心onClick 点击事件与 onChange 变更事件在鸿蒙 ArkTS 开发中页面交互全部依靠组件事件实现。其中使用频率最高的两大事件onClick 点击事件、onChange 值变更事件几乎所有表单、按钮、选择类组件都会绑定这两个事件一、onClick 点击事件处理用户点击操作1. 作用当用户点击 / 触摸组件时触发回调函数适用于所有可点击组件Button、Text、Image、Row、Column、自定义方块等。2. 基础语法3.示例4. 适用场景按钮提交表单、跳转页面、弹窗开关图片 / 文字点击查看详情、打开弹窗布局容器 Row/Column整行区域点击跳转。二、onChange 值变更事件监听组件数据变化1. 作用当组件选中值 / 输入内容 / 开关状态发生改变时触发携带最新值作为回调参数专门用于带可变更状态的表单组件TextInput、Toggle、Radio、Slider、Tabs 等。2. 基础语法3.示例4. 适用场景TextInput实时获取用户输入、搜索联想Toggle/Switch监听功能开关状态Radio/Checkbox监听单选 / 多选切换Slider 进度条监听拖动数值变化Tabs 选项卡监听标签页切换。三、onClick 与 onChange 核心区别对比事件触发时机回调参数适用组件onClick用户手指点击组件瞬间无参数Button、Text、Image、布局容器等全部组件onChange组件内部值 / 状态发生改变携带最新值输入框、开关、单选、滑块、选项卡等表单组件关键区分技巧单纯点击操作不需要获取内容变化 → 用 onClick需要监听输入文字、开关状态、选中项变化 → 用 onChange同一组件可同时绑定两个事件互不冲突。四、总结onClick 是基础点击交互是页面所有跳转、弹窗、按钮操作的入口onChange 是表单数据监听核心用来实时捕获用户输入与选择两个事件配合status状态装饰器使用实现完整响应式交互绝大多数鸿蒙业务页面交互逻辑都可以依靠这两个基础事件完成。