（一）鸿蒙应用开发——点击按钮实现页面跳转

最新推荐文章于 2025-10-24 17:58:32 发布
原创 最新推荐文章于 2025-10-24 17:58:32 发布 · 4.4k 阅读 · 21 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为

这篇博客介绍了鸿蒙系统应用开发的基本步骤，包括新建Java Ability，配置项目，设计主次界面，实现界面组件布局和点击事件处理。开发者首先创建empty_Ability，然后编辑ability_main_xml设置界面组件，接着在secondAbilitySlice设计子界面，添加布局和文本。在MainAbility中设置按钮并监听点击事件，实现页面跳转。最后，通过运行应用程序，展示了如何在鸿蒙设备上运行和测试应用。 
1. 新建empty_Ability(Java)

在这里插入图片描述

2. 新建项目配置

在这里插入图片描述

3. 点击Finish之后，等待项目构建完成

在这里插入图片描述

4. 编辑*ability_main_xml*,该文件可以设置界面上的*组件布局*和*属性*`

在这里插入图片描述

5. 编辑**ability_main_xml**,该文件默认包含一个文本组件，现在将这个文本组件的文本内容修改为“”主界面“`

在这里插入图片描述

  1. 添加一个按钮组件，配置相关属性在这里插入图片描述
7. 主界面配置完毕，新建第二个界面(Ability)


8. 输入界面名称后，点击Finish

在这里插入图片描述

9. 新建完毕之后，会发现目录树多出了三个文件，并且暂时将生成的ability_second_page.
最低0.47元/天 解锁文章
鸿蒙实战：页面跳转
howard2005的专栏
11-14 4156
通过本次实战，在鸿蒙系统上使用ArkUI框架开发了一个包含两个页面的简单应用。首页展示了问候语和一个按钮，点击后能够跳转到第二页。第二页则展示了欢迎信息和一个返回按钮。通过路由模块实现了页面间的跳转，并在控制台记录了操作结果。这个项目不仅加深了对ArkUI框架的理解，也锻炼了在鸿蒙系统上进行应用开发的实践能力。通过实际操作，学会了如何设置项目、准备素材、编写代码以及测试应用，为未来更复杂的项目打下了坚实的基础。
鸿蒙应用开发入门：页面跳转指南
JfdCoding的博客
09-21 1708
以下是一个简单的页面跳转示例，包括两个页面：主页面（MainAbility）和目标页面（TargetAbility）。在主页面（MainAbility）中，我们将添加一个按钮，当用户点击该按钮时，将触发页面跳转到目标页面（TargetAbility）。需要注意的是，上述示例仅为演示页面跳转的基本原理，实际应用中还可以根据需求进行更多的定制和扩展。在上述示例中，我们声明了两个页面的能力，分别是主页面（MainAbility）和目标页面（TargetAbility）。上述代码中，我们在主页面的。
鸿蒙页面跳转
lyx89072的博客
06-13 720
第一步就是设置通过页签实现页面内容跳转，可以使用tabs类组件来实现第二可以通过设置表单 使用onclick="名称+($idx)"来实现页面跳转
HarmonyOS6.0开发页面跳转：页面路由核心用法全解析
最新发布
程序员Feri
10-24 1216
本文介绍了HarmonyOS应用开发中页面路由的核心技术。主要内容包括：1）页面与页面路由的基本概念，强调路由在页面跳转和数据传递中的价值；2）页面注册的必要性及配置方法，需在main_pages.json中声明；3）核心API使用方法，包括pushUrl跳转、back返回及参数传递；4）常见问题解决方案，如页面未注册、参数获取异常等。通过掌握这些技术要点，开发者可实现HarmonyOS应用内流畅的页面交互体验。文章还提示了后续可探索的高级路由功能方向。
鸿蒙应用开发之界面跳转
刘小猿的博客
04-13 3928
鸿蒙应用开发之界面跳转
鸿蒙：实现两个Page页面跳转
肖云鹤的博客
11-19 2391
​这篇博文在《鸿蒙：从0到“Hello Harmony”》基础上实现两个Page页面跳转
HarmonyOS 开发实践——常见预置应用的跳转方式
liuhaojiabin的博客
11-06 1264
拍照是相机的最重要功能之一，拍照模块基于相机复杂的逻辑，为了保证用户拍出的照片质量，在中间步骤可以设置分辨率、闪光灯、焦距、照片质量及旋转角度等信息。三方应用实际使用过程中，可能需要跳转到系统的预置应用进行一系列的操作，本文档提供了跳转各个预置应用的方法以及配置的参数。引导用户跳转到系统设置页进行权限，通知的相关设置，类似应用中常见的应用内跳转到设置进行通知开启或权限设置的操作。CALL_STATE_UNKNOWN 代表无效状态，当获取呼叫状态失败时返回，返回的state为-1。
HarmonyOS 5.0应用开发——Navigation实现页面路由
高心星的专栏
10-24 1223
Navigation：路由导航的根视图容器，一般作为页面（@Entry）的根容器去使用，包括单页面（stack）、分栏（split）和自适应（auto）三种显示模式。Navigation组件适用于模块内和跨模块的路由切换，通过组件级路由能力实现更加自然流畅的转场体验，并提供多种标题栏样式来呈现更好的标题和内容联动效果。一次开发，多端部署场景下，Navigation组件能够自动适配窗口显示大小，在窗口较大的场景下自动切换分栏展示效果。
鸿蒙开发实践——基于设置应用的应用权限、通知设置跳转
android__bye的博客
06-12 801
当用户使用一些需要用户授权的api时（如访问获取联系人信息），若用户首次拒绝授权，则需要引导用户到权限设置页面能够主动进行应用权限的修改。当用户使用一些需要用户授权的api时（如访问获取联系人信息），若用户首次拒绝授权，则需要引导用户到权限设置页面能够主动进行应用权限的修改。引导用户跳转到系统设置页进行权限，通知的相关设置，类似android和IOS应用中常见的应用内跳转到设置进行通知开启或权限设置的操作。暂无直接跳转权限管理的方式，可通过跳转至应用详情进行用户申请权限的修改。进入设置-应用详情页。
鸿蒙NEXT开发——页面间跳转(页面路由router)
duoduola666的博客
05-09 407
路由模块，该模块提供了很多方式进行跳转页面，包括跳转到指定页面、替换当前页面、返回上一页，返回指定页。
鸿蒙应用开发——页面跳转
LZM647的博客
09-29 1305
页面跳转一、整体结构二、代码2.1 index2.1.1 index.css2.1.2 index.hml2.1.3 index.js2.2 secpage2.2.1 secpage.css2.2.2 secpage.hml2.2.3 secpage.js 一、整体结构 二、代码 2.1 index 2.1.1 index.css .container { flex-direction: column; justify-content: center; align-items: c
HarmonyOS NEXT鸿蒙开发：页面间跳转(页面路由router)
重名又重名
11-11 3501
鸿蒙开发中，一个页面跳转到另一个页面，使用Router模块，与Vue、React框架有些类似。
【鸿蒙HarmonyOS开发笔记】关于页面路由（router）详解
热门推荐
温的打怪之旅
03-18 1万+
页面路由指在应用程序中实现不同页面之间的跳转和数据传递。HarmonyOS提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。本文将从页面跳转、页面返回和页面返回前增加一个询问框几个方面介绍Router模块提供的功能。自定义询问框的方式，可以使用弹窗或者自定义弹窗实现。这样可以让应用界面与系统默认询问框有所区别，提高应用的用户体验度。本文以弹窗为例，介绍如何实现自定义询问框。在使用页面路由Router相关功能之前，需要在代码中先导入Router模块。
Harmony OS Next ----页面跳转
2401_86222148的博客
03-05 1266
开发者也可以根据自己的需求，去定义弹窗。
鸿蒙HarmonyOS实战-Web组件（页面跳转和浏览记录）_鸿蒙跳转浏览器
weixin_58085973的博客
04-11 1417
页面跳转是指在浏览器中从当前页面跳转到另一个页面的操作。可以通过点击链接、输入网址、提交表单等方式实现页面跳转。浏览记录是指记录用户在浏览器中浏览过的页面的历史记录。当用户跳转到一个新页面时，该页面会被加入浏览记录中，用户可以通过浏览器的后退按钮或者浏览历史列表来查看和访问之前浏览过的页面。浏览器通常提供了前进和后退按钮来实现页面的跳转操作，用户可以通过点击这些按钮来在浏览记录中切换页面。另外，还可以通过浏览历史列表来查看和访问之前浏览过的页面，也可以通过在地址栏中直接输入网址来实现页面跳转。
【鸿蒙开发】鸿蒙页面之间的跳转
qq_41872338的博客
11-20 673
因为新建一个项目之后就会自动创建一个hello word 的页面，所以我们只需要创建第二个页面，名字自己随便按照取名规范取。修改成这样，不整那些虚头巴脑的，什么背景颜色啥的，只是为了看起来方便，可以整可以不整。按住ctrl点击这个就能打开xml的页面，也就是布局的页面。然后为了醒目一点，在第二个页面加一个Text。然后运行，点击按钮，就可以跳转到第二个页面了。打开MainAbilitySlice文件。最后在从第二个页面点击跳转回第一个页面。然后开始写按钮的点击事件。
【鸿蒙开发】之页面跳转组件
qq_31532979的博客
03-06 1455
注意：页面跳转需要确保目标页面存在，并且路径正确。
鸿蒙应用实现点击页面跳转
2301_80891383的博客
03-29 481
需要注意的是如果无法跳转，找到如图目录，增加URL路径。如图新建page页面，或者如下。使用router 实现相关功能。
鸿蒙学习笔记之页面跳转（五）
抚首
11-26 2599
Tips： 创建项目之前要选好开发的语言的，作者使用的是Java开发，如果其他读者使用的也是Java开发就可以跟着一起操作哟。如其他的开发手册链接如下：使用JS语言开发（传统代码方式）、使用JS语言开发（低代码方式）、使用eTS语言开发、使用Java语言开发 1.创建一个新页面 1.找到项目名=>entry=>src=>main=>java下面自己定义的包名文件名，然后点击新建，如下： 2.点击新建之后会出现如下的图，点击Ability，点击empty ablity(.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值