【鸿蒙征程】五.实现页面的跳转✨有参,无参,返回值✨

简介: 文章目录前言0.准备工作1.无参数跳转2.带参数跳转

前言

页面的跳转。在同一个Page里的AbilitySlice1与AbilitySlice2间的跳转(无参,带参,回值)。


当一个Ability需要跳转到另一个Ability时,可以通过Intent指定启动的目标,并且携带相关数据,

一个Page可以包含多个AbilitySlice,但是进入前台时只默认展示一个AbilitySlice。并且默认通过setMainRoute()方法来指定,当需要展示多个AbilitySlice时,可以通过addActionRoute()方法为其他的AbilitySlice配置路由。


0.准备工作

建立两个slice:AbilitySlice1和AbilitySlice2


并且继承AbilitySlice,覆盖onStart方法

public class AbilitySlice1 extends AbilitySlice {
    // 继承,覆盖onstart
    protected void onStart(Intent intent){
        super.onStart(intent);
        //指定页面
        super.setUIContent(ResourceTable.Layout_ability_1);
        Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld_ability1);


然后添加资源Id,创建两个文件在layout里面


设置资源id


<Text
        ohos:id="$+id:text_helloworld_ability1"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:background_element="$graphic:background_ability_main"
        ohos:layout_alignment="horizontal_center"
        ohos:text="HelloWorld11111"
        ohos:text_size="40vp"
        />


第一个为text_helloworld_ability1,第二个可以改为text_helloworld_ability2

然后将两个AbilitySlice和MainAbility关联起来


其中的action字符串在config.json中设置,并且在这是我们自己自定义的,随后注册到config.json中



1.无参数跳转

MainAbilitySlice文件中代码实现,通过present()方法来实现跳转

public class MainAbilitySlice extends AbilitySlice {
    private Text text;
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        // 点击事件的监听
        text = (Text) findComponentById(ResourceTable.Id_text_helloworld);
        text.setClickedListener(Component -> {
            Intent intent1 = new Intent();
            present(new AbilitySlice1(),intent1);
        });
    }
}

2.带参数跳转

MainAbilitySlice的代码

private Text text;
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        // 点击事件的监听
        text = (Text) findComponentById(ResourceTable.Id_text_helloworld);
        text.setClickedListener(Component -> {
            Intent intent1 = new Intent();
            // 设置传key和值
            intent1.setParam("user","yiming");
            present(new AbilitySlice1(),intent1);
        });
    }

AbilitySlice1的代码

public class AbilitySlice1 extends AbilitySlice {
    // 继承,覆盖onstart
    protected void onStart(Intent intent){
        super.onStart(intent);
        //指定页面
        super.setUIContent(ResourceTable.Layout_ability_1);
        Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld_ability1);
        // intent不为空时
        if (intent!=null){
        //  获取值
            String user = intent.getStringParam("user");
            text.append(","+user);
        }
    }
}

3.有返回值的跳转

这里需要用到presentForResult()这个方法来传一个requestcode

MainAbilitySlice的代码

private Text text;
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
        // 点击事件的监听
        text = (Text) findComponentById(ResourceTable.Id_text_helloworld);
        text.setClickedListener(Component -> {
            Intent intent1 = new Intent();
            //
            intent1.setParam("user","yiming");
            //带有返回值
            presentForResult(new AbilitySlice1(), intent1,1234);
        });
    }
    // 用来接受并且处理返回值的方法。
    @Override
    protected void onResult(int requestCode, Intent resultIntent) {
        super.onResult(requestCode, resultIntent);
        if (requestCode == 1234){
            String pwd = resultIntent.getStringParam("pwd");
            text.append(",密码值:"+pwd);
        }
    }

我们还要用onResult方法接受并处理返回值的方法,并且requestCode指定了需要跳转的页面

AbilitySlice1代码

package com.harmony.hms1.slice;
import com.harmony.hms1.ResourceTable;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Text;
public class AbilitySlice1 extends AbilitySlice {
    // 继承,覆盖onstart
    protected void onStart(Intent intent){
        super.onStart(intent);
        //指定页面
        super.setUIContent(ResourceTable.Layout_ability_1);
        Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld_ability1);
        if (intent!=null){
            String user = intent.getStringParam("user");
            text.append(","+user);
        }
        // 接受文本,点击事件
        text.setClickedListener(component -> {
            // 返回值接受指令
            Intent intent1 = new Intent();
            intent1.setParam("pwd","12");
            setResult(intent1);
            // 关闭页面,返回上一页
            terminate();
        });
    }
}
相关文章
|
10月前
|
程序员 开发者 C++
一文就可搞清楚的HarmonyOS NEXT解锁模态页面的“真香”操作
本文分享了在HarmonyOS NEXT原生开发中,使用模态页面解决考试答题卡显示问题的经验。模态页面分为半模态和全模态,前者适合轻量级操作(如选日期、填备注),后者适用于沉浸式场景(如查看长答题卡)。文章通过“纪念日管理”功能的代码示例,详细讲解了半模态页面的创建、生命周期与交互实现,并展示了从设计到效果的完整流程。最后总结了模态页面的三大优势:灵活适配、友好体验与高度自定义,为开发者提供实用参考。
236 0
一文就可搞清楚的HarmonyOS NEXT解锁模态页面的“真香”操作
|
10月前
|
存储 UED 开发者
28.[HarmonyOS NEXT Column案例七(上)] 多层嵌套布局:打造结构清晰的详情页面
在HarmonyOS NEXT应用开发中,详情页是一种常见且重要的界面类型,它需要展示丰富的内容并提供良好的用户体验。本教程将详细讲解如何使用Column组件作为主容器,结合Row、Flex等组件的嵌套使用,创建一个结构清晰、层次分明的详情页面。通过DetailPage组件的实际案例,我们将展示如何构建包含固定区域和弹性区域的复合布局,帮助开发者掌握复杂布局的实现技巧。
189 4
|
10月前
|
设计模式 开发者 容器
四、HarmonyOS Next案例展示页面:MainPage深度解析
MainPage.ets是HarmonyOS Next开发者手册应用中的三级页面,它作为具体案例的展示页面,连接了二级导航页面和具体的功能展示。本文将深入分析这个文件的代码结构、UI组件使用以及导航实现,帮助开发者理解HarmonyOS应用的多级页面设计模式。
170 1
|
10月前
|
存储 开发者 容器
三、HarmonyOS Next二级页面详解:案例列表的实现与设计
在HarmonyOS Next开发者手册应用中,二级页面是连接首页和具体案例详情的重要桥梁。本文将深入分析/secondPage目录中的三个核心文件:BasicCaseList.ets、AdvancedCaseList.ets和HybridCaseList.ets。这三个文件分别对应应用中的三个学习阶段:萌新小白、登堂入室和进阶高手。通过对这些页面的分析,我们可以了解HarmonyOS应用的页面导航结构、UI组件使用以及数据流设计。
155 0
|
10月前
|
开发者 容器
二、探索HarmonyOS Next应用的入口:深度解析Index页面
Index.ets是HarmonyOS Next开发者手册应用的入口页面,它展示了应用的主要导航结构和用户界面设计。本文将深入分析这个文件的代码结构、UI组件使用以及路由实现,帮助开发者理解HarmonyOS应用的基本构建模式。
280 0
|
11月前
|
开发工具 开发者
HarmonyOS实战:腾讯IM之聊天详情页面搭建(二)
本文讲解了在鸿蒙系统中实现腾讯IM聊天功能的完整流程,涵盖对话列表展示、历史消息获取、实时消息更新及文本消息发送等核心功能。通过实际代码示例,详细说明了如何利用IM SDK实现聊天业务逻辑。适合开发者逐步学习并实践,建议点赞收藏以便参考。
282 9
HarmonyOS实战:腾讯IM之聊天详情页面搭建(二)
|
11月前
|
JavaScript 开发者 C++
HarmonyOS NEXT ArkUI生命周期终极指南 | 组件与页面的关系
本文是关于 HarmonyOS NEXT 中 ArkUI 生命周期的终极指南,深入解析组件与页面的关系及其生命周期特性。文章通过超全场景案例、隐藏技巧和避坑秘籍,帮助开发者轻松掌握生命周期管理。内容涵盖页面级(如 `onPageShow`、`onPageHide`)与组件级(如 `aboutToAppear`、`onDidBuild`)生命周期的区别与应用,并提供实战代码示例,包括基础版与高阶版用法。此外,还总结了十大避坑指南和神奇技巧,如实现页面停留统计与双击退出功能。掌握这些知识,助你精准控制 UI 更新,掌控组件与页面的生死轮回!
|
11月前
|
Java API Android开发
HarmonyOS实战:路由跳转踩坑记
随着华为HarmonyOS NEXT推出,鸿蒙系统逐渐脱离安卓。为提前做好技术储备,车企也开始学习鸿蒙开发。然而,目前资料稀缺,初学者常遇难题。例如,字符串定义从大写“String”变为小写“string”,路由跳转需手动在`main_pages.json`中注册页面路由,否则会出现“路由不存在”的错误。这些细节易被忽视,建议学习者多留意官方文档与示例代码,分享经验以减少弯路。
241 2
|
12月前
|
人工智能 前端开发 物联网
【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡
【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡
301 0
【05】20250416优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-增加告警中心相关卡片页面WarningCardWidget相关-增加Canvas 绘制折线图-Canvas 绘制柱状图-首页-优雅草卓伊凡
|
人工智能 物联网 Android开发
【04】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-自定义一个设置输入小部件组件-完成所有设置setting相关的页面-优雅草卓伊凡
【04】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-自定义一个设置输入小部件组件-完成所有设置setting相关的页面-优雅草卓伊凡
539 92

热门文章

最新文章

下一篇
开通oss服务