一、@status(状态管理装饰器)


属于ArkUI状态变量装饰器,用于定义响应式数据:
1. 被`@status`修饰的变量发生修改时,页面绑定该变量的UI组件会自动刷新;
2. 适用场景:输入框内容、单选/开关选中状态、轮播当前索引、表单数据等动态变化的数据;
3. 作用:实现数据驱动视图,不用手动更新界面,简化交互逻辑。

 二、弹窗 AlertDialog

鸿蒙原生弹出提示组件,`AlertDialog.show()` 实现弹窗:
1. 核心参数:`title`弹窗标题、`message`提示文本;
2. 使用场景:操作反馈(注册成功、删除确认、警告提示);
3. 触发方式:一般绑定在按钮`onClick`点击事件内,执行操作后弹出提示。

三、路由 router

页面跳转核心模块,需要先导入 `import router from '@ohos.router'`:
1. 常用API:
   - `router.pushUrl({url:"页面路径"})`:打开新页面,保留当前页面,可返回;
   - `router.replaceUrl()`:替换当前页面,无返回栈;
   - `router.back()`:返回上一页;
2. 场景:登录页↔注册页、登录成功跳转首页、退出返回登录页等多页面切换。

四、onChange 切换监听事件

表单/选择类组件的状态变更回调,**值改变时触发**:
1. 适用组件:Swiper轮播、Radio单选、Toggle开关、TextInput输入框;
2. 作用:监听用户选择、滑动、输入内容变化,实时获取最新值;
3. 示例:轮播滑动时获取当前索引、单选切换时记录选中项、输入文字实时校验。

 五、onClick 点击事件

所有可点击组件的触摸回调,**点击瞬间触发**:
1. 适用组件:Button按钮、Text文字链接、Image图片;
2. 常用业务逻辑:页面路由跳转、弹出弹窗、数据提交、状态重置;
3. 写法:`.onClick(()=>{ 业务代码 })`,大括号内编写点击后执行逻辑。

整体总结

以上是鸿蒙ArkUI交互开发五大核心基础:
1. `@status` 管数据,数据变界面自动更新;
2. `onChange` 监听选择/输入变化;
3. `onClick` 监听点击操作;
4. `AlertDialog` 做操作弹窗反馈;
5. `router` 实现多页面之间跳转切换;
覆盖表单、轮播、登录注册、页面导航等绝大多数基础页面开发需求。

Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐