鸿蒙实战：使用显式Want启动Ability

文章目录

  • 1. 实战概述
  • 2. 实现步骤
    • 2.1 创建鸿蒙应用项目
    • 2.2 修改Index.ets代码
    • 2.3 创建SecondAbility
    • 2.4 创建Second.ets
  • 3. 测试效果
  • 4. 实战总结
  • 5. 拓展练习 - 启动文件管理器
    • 5.1 创建鸿蒙应用项目
    • 5.2 修改Index.ets代码
    • 5.3 测试应用运行效果

1. 实战概述

  • 本实战详细阐述了在 HarmonyOS 上开发应用的过程，包括创建项目、修改页面代码、创建 Ability 以及页面间的数据传递。首先，通过 DevEco Studio 创建名为 WantStartAbility 的鸿蒙项目。接着，对 Index.ets 页面进行编码，实现点击按钮后通过 Want 对象显式启动 SecondAbility 并传递参数。然后，创建 SecondAbility 类，在其 onCreate 方法中接收参数并存储在全局变量中。最后，通过 Second.ets 页面组件展示从 SecondAbility 获取的数据。整个流程涵盖了从项目初始化到具体编码实践的完整开发周期。

2. 实现步骤

2.1 创建鸿蒙应用项目

  • 创建鸿蒙应用项目 - WantStartAbility
    在这里插入图片描述

  • 单击【Finish】按钮，生成应用基本框架
    在这里插入图片描述

2.2 修改Index.ets代码

  • 首页 - pages/Index.ets
    在这里插入图片描述
import { common, Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { BusinessError } from '@kit.BasicServicesKit';const TAG: string = '[Page_Index]';
const DOMAIN_NUMBER: number = 0xFF00;@Entry
@Component
struct Index {@State message: string = 'Index页面';private context = getContext(this) as common.UIAbilityContext;build() {Row() {Column() {Text(this.message).fontSize(40).fontWeight(FontWeight.Bold).foregroundColor(Color.Yellow).margin('10')// 添加按钮Button('跳转').fontSize(40).width(150).height(70).backgroundColor('#44dd22').foregroundColor('#ffffff').onClick(() => {// 创建显式 Want 对象let wantInfo: Want = {deviceId: '', // deviceId 为空表示本设备bundleName: 'net.huawei.wsa', // 目标应用的包名abilityName: 'SecondAbility', // 目标 Ability 的名称parameters: {id: '20240101',name: '陈燕文',gender: '女',age: 19,major: '软件技术专业',class: '2024软件1班',telephone: '15893451170'},};// context为调用方UIAbility的UIAbilityContextthis.context.startAbility(wantInfo).then(() => {hilog.info(DOMAIN_NUMBER, TAG, 'startAbility success.');}).catch((error: BusinessError) => {hilog.error(DOMAIN_NUMBER, TAG, 'startAbility failed.');});});}.width('100%');}.height('100%').backgroundColor('#00662F')}
}
  • 代码说明：这段代码定义了一个名为 Second 的页面组件，使用 HarmonyOS 的 ArkUI 框架。页面包含一个文本显示和一个按钮，点击按钮后，通过 Want 对象显式启动名为 SecondAbility 的 Ability，并传递一系列参数。页面背景为深绿色（#00662F），文本为黄色加粗。启动 Ability 后，通过日志记录操作结果。

2.3 创建SecondAbility

  • 在src/main/ets里创建SecondAbility
    在这里插入图片描述
  • 单击【Finish】按钮
    在这里插入图片描述
  • 创建完成之后，会自动在module.json5文件中注册该Ability
    在这里插入图片描述
  • 修改代码，将pages/Index改成pages/Second，接收传递来的参数，并写入全局变量
    在这里插入图片描述
import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { window } from '@kit.ArkUI';// 定义Student接口
interface Student {id: string,name: string,gender: string,age: number,major: string,class: string,telephone: string
}export default class SecondAbility extends UIAbility {// 定义Student对象static student: Student = {id: '', name: '', gender: '', age: 0, major: '', class: '', telephone: ''};onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');// 接收调用方UIAbility传过来的参数let secondAbilityWant = want;SecondAbility.student.id = secondAbilityWant?.parameters?.id as string;SecondAbility.student.name = secondAbilityWant?.parameters?.name as string;SecondAbility.student.gender = secondAbilityWant?.parameters?.gender as string;SecondAbility.student.age = secondAbilityWant?.parameters?.age as number;SecondAbility.student.major = secondAbilityWant?.parameters?.major as string;SecondAbility.student.class = secondAbilityWant?.parameters?.class as string;SecondAbility.student.telephone = secondAbilityWant?.parameters?.telephone as string;}onDestroy(): void {hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');}onWindowStageCreate(windowStage: window.WindowStage): void {// Main window is created, set main page for this abilityhilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');windowStage.loadContent('pages/Second', (err) => {if (err.code) {hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');return;}hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');});}onWindowStageDestroy(): void {// Main window is destroyed, release UI related resourceshilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');}onForeground(): void {// Ability has brought to foregroundhilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');}onBackground(): void {// Ability has back to backgroundhilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');}
}
  • 代码说明：这段代码定义了 SecondAbility 类，继承自 UIAbility，用于管理应用的窗口和生命周期。在 onCreate 方法中，它接收启动参数并存储在静态 student 对象中。代码还包含了日志记录和页面加载逻辑，确保在窗口阶段创建时加载 pages/Second 页面。此外，定义了一个 Student 接口来描述接收的学生信息结构。

2.4 创建Second.ets

  • 在pages里创建Second.ets文件
    在这里插入图片描述
import SecondAbility from '../secondability/SecondAbility';@Entry
@Component
struct Second {@State message: string = 'Second页面';@State student: string = '';build() {Row() {Column() {Text(this.message).fontSize(40).fontWeight(FontWeight.Bold).foregroundColor(Color.Yellow).margin('10')Text(this.student).fontSize(30).fontWeight(FontWeight.Bold).foregroundColor(Color.Green).margin('10')Button('接收').fontSize(40).width(150).height(70).backgroundColor('#44dd22').foregroundColor('#ffffff').onClick(() => {// 获取来自SecondAbility的数据let student: string = '学号：' + SecondAbility.student.id + '\n'+ '姓名：' + SecondAbility.student.name + '\n'+ '性别：' + SecondAbility.student.gender + '\n'+ '年龄：' + SecondAbility.student.age + '\n'+ '专业：' + SecondAbility.student.major + '\n'+ '班级：' + SecondAbility.student.class + '\n'+ '手机：' + SecondAbility.student.telephone;// 修改文本组件的内容this.student = student;})}.width('100%')}.height('100%').backgroundColor('#00008B')}
}
  • 代码说明：这段代码创建了一个 Second 页面组件，其中包含两个文本区域和一个按钮。初始状态下，显示默认文本“Second页面”。点击“接收”按钮后，从 SecondAbility 中获取学生信息，并更新 student 状态以在页面上显示这些详细信息。页面背景为深蓝色（#00008B），默认文本为黄色加粗，学生信息文本为绿色加粗。此代码实现了 Ability 层与 UI 层间的数据交互和展示。

3. 测试效果

  • 启动应用，显示首页
    在这里插入图片描述
  • 单击【跳转】按钮，显示第二个页面
    在这里插入图片描述
  • 单击【接收】按钮，显示接收的数据
    在这里插入图片描述

4. 实战总结

  • 通过本实战，我们掌握了在HarmonyOS中创建应用、实现页面跳转和数据传递的完整流程。首先，我们学习了如何使用DevEco Studio搭建项目框架。接着，通过编码实践，我们实现了从Index页面到SecondAbility的显式跳转，并传递了参数。在SecondAbility中，我们接收并处理了这些参数，随后在Second页面中展示了这些数据。此过程不仅加深了对HarmonyOS应用开发的理解，也提升了我们的实际开发技能。

5. 拓展练习 - 启动文件管理器

5.1 创建鸿蒙应用项目

  • 创建鸿蒙应用项目 - StartFileManager
    在这里插入图片描述

  • 单击【Finish】按钮，生成应用基本框架
    在这里插入图片描述

5.2 修改Index.ets代码

  • 首页 - pages/Index.ets
    在这里插入图片描述
import { Want, common } from '@kit.AbilityKit';function startFileManagement(context: common.UIAbilityContext): void {let want: Want = {bundleName: 'com.huawei.hmos.filemanager',abilityName: 'MainAbility'};context.startAbility(want);
}@Entry
@Component
struct Index {@State message: string = 'Index页面';build() {Row() {Column() {Text(this.message).fontSize(40).fontWeight(FontWeight.Bold).foregroundColor(Color.Yellow).margin('10')// 添加按钮Button('文件管理器').fontSize(30).width(250).height(70).backgroundColor('#44dd22').foregroundColor('#ffffff').onClick(() => {const context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;startFileManagement(context);});}.width('100%');}.height('100%').backgroundColor('#00662F')}
}
  • 代码说明：这段代码基于鸿蒙开发框架编写。定义了startFileManagement函数用于构造Want对象并启动文件管理器应用。Index组件构建了页面布局，含显示文本与按钮，点击按钮时获取上下文来调用启动函数，旨在实现点击按钮启动文件管理器的交互操作。

5.3 测试应用运行效果

  • 启动应用，显示首页
    在这里插入图片描述
  • 单击【文件管理器】按钮
    在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/61415.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

【Nginx】反向代理Https时相关参数：

【Nginx】反向代理Https时相关参数：

在Nginx代理后台HTTPS服务时，有几个关键的参数需要配置，以确保代理服务器能够正确地与后端服务器进行通信。一些重要参数的介绍： proxy_ssl_server_name：这个参数用于指定是否在TLS握手时通过SNI（Server Name Indicati…
阅读更多...
PH热榜 | 2024-11-19

PH热榜 | 2024-11-19

DevNow 是一个精简的开源技术博客项目模版，支持 Vercel 一键部署，支持评论、搜索等功能，欢迎大家体验。 在线预览 1. Layer 标语：受大脑启发的规划器 介绍：体验一下这款新一代的任务和项目管理系统吧！它…
阅读更多...
React Native 基础

React Native 基础

React 的核心概念 定义函数式组件 import组件 要定义一个Cat组件，第一步要使用 import 语句来引入React以及React Native的 Text 组件： import React from react; import { Text } from react-native; 定义函数作为组件 const CatApp = () => {}; 渲染Text组件
阅读更多...
一文详细了解websocket应用以及连接断开的解决方案

一文详细了解websocket应用以及连接断开的解决方案

文章目录 websocketvite 热启动探索websocket -心跳websocket 事件监听应用过程中问题总结 websocket Websocket简介 定义和工作原理 Websocket是一种在单个TCP连接上进行全双工通信的协议。与传统的HTTP请求 - 响应模式不同，它允许服务器主动向客户端推送数据。例…
阅读更多...
Vue 3与TypeScript集成指南：构建类型安全的前端应用

Vue 3与TypeScript集成指南：构建类型安全的前端应用

在Vue 3中使用TypeScript，可以让你的组件更加健壮和易于维护。以下是使用TypeScript与Vue 3结合的详细步骤和知识点： 1. 环境搭建 首先，确保你安装了Node.js（推荐使用最新的LTS版本）和npm或Yarn。然后，安…
阅读更多...
React-useRef与DOM操作

React-useRef与DOM操作

#题引：我认为跟着官方文档学习不会走歪路 ref使用 组件重新渲染时，react组件函数里的代码会重新执行，返回新的JSX，当你希望组件“记住”某些信息，但又不想让这些信息触发新的渲染时，你可以使用ref&#x…
阅读更多...
# Spring事务

# Spring事务

Spring事务 什么是spring的事务？ 在Spring框架中，事务管理是一种控制数据库操作执行边界的技术，确保一系列操作要么全部成功，要么全部失败，从而维护数据的一致性和完整性。Spring的事务管理主要关注以下几点&#xf…
阅读更多...
Jenkins更换主题颜色+登录页面LOGO图片

Jenkins更换主题颜色+登录页面LOGO图片

默认主题和logo图片展示 默认主题黑色和白色。 默认LOGO图片 安装插件 Login ThemeMaterial Theme 系统管理–>插件管理–>Available plugins 搜不到Login Theme是因为我提前装好了 没有外网的可以参考这篇离线安装插件 验证插件并修改主题颜色 系统管理–>A…
阅读更多...
LLM文档对话 —— pdf解析关键问题

LLM文档对话 —— pdf解析关键问题

一、为什么需要进行pdf解析？ 最近在探索ChatPDF和ChatDoc等方案的思路，也就是用LLM实现文档助手。在此记录一些难题和解决方案，首先讲解主要思想，其次以问题回答的形式展开。 二、为什么需要对pdf进行解析？ 当利用L…
阅读更多...
【虚幻引擎】UE5数字人开发实战教程

【虚幻引擎】UE5数字人开发实战教程

本套课程将会交大家如何去开发属于自己的数字人，包含大模型接入，流式输出，语音识别，语音合成，口型驱动，动画蓝图，语音唤醒等功能。 课程介绍视频如下： 【虚幻引擎】UE5 历时一个多月…
阅读更多...
上位机编程命名规范

上位机编程命名规范

1.大小写规范 文件名全部小写是一种广泛使用的命名约定，特别是在跨平台开发和开源项目中。主要原因涉及技术约束、可读性和一致性等方面。以下是原因和优劣势的详细分析： 1. 避免跨平台问题 不同操作系统对文件名的大小写处理方式不同： Li…
阅读更多...
JAVA：探索 PDF 文字提取的技术指南

JAVA：探索 PDF 文字提取的技术指南

1、简述 随着信息化的发展，PDF 文档成为了信息传播的重要媒介。在许多应用场景下，如数据迁移、内容分析和信息检索，我们需要从 PDF 文件中提取文字内容。JAVA提供了多种库来处理 PDF 文件，其中 PDFBox 和 iText 是最常用的两个。…
阅读更多...
form表单的使用

form表单的使用

模板 <template><el-form :model"formData" ref"form1Ref" :rules"rules"><el-form-item label"手机号" prop"tel"><el-input v-model"formData.tel" /></el-form-item><el-f…
阅读更多...
【priority_queue的使用及模拟实现】—— 我与C++的不解之缘（十六）

【priority_queue的使用及模拟实现】—— 我与C++的不解之缘（十六）

前言 ​ priority_queue&#xff0c;翻译过来就是优先级队列&#xff0c;但是它其实是我们的堆结构&#xff08;如果堆一些遗忘的可以看一下前面的文章复习一下【数据结构】二叉树——顺序结构——堆及其实现_二叉树顺序结构-CSDN博客&#xff09;&#xff0c;本篇文章就来使用…
阅读更多...
php 与 thinkphp 13 张 表 关联 查询，a.pry_key=b.pry_key and c.pry_key= b.pry_key 代码示例

php 与 thinkphp 13 张 表 关联 查询，a.pry_key=b.pry_key and c.pry_key= b.pry_key 代码示例

在 PHP 中&#xff0c;假设你有 13 张表并且这些表之间通过 pry_key 关联&#xff0c;你可以使用 SQL 的 JOIN 来将这些表连接在一起&#xff0c;然后通过 PHP 执行该查询。以下是一个简化的示例&#xff0c;展示如何通过 JOIN 语句将 13 张表联接&#xff0c;并使用 PHP 代码执…
阅读更多...
MacOS下的Opencv3.4.16的编译

MacOS下的Opencv3.4.16的编译

前言 MacOS下编译opencv还是有点麻烦的。 1、Opencv3.4.16的下载 注意&#xff0c;我们使用的是Mac&#xff0c;所以ios pack并不能使用。 如何嫌官网上下载比较慢的话&#xff0c;可以考虑在csdn网站上下载&#xff0c;应该也是可以找到的。 2、cmake的下载 官网的链接&…
阅读更多...
Kibana 本地安装使用

Kibana 本地安装使用

一 Kibana简介 1.1 Kibana 是一种数据可视化工具&#xff0c;通常需要结合Elasticsearch使用&#xff1a; Elasticsearch 是一个实时分布式搜索和分析引擎。 Logstash 为用户提供数据采集、转换、优化和输出的能力。 Kibana 是一种数据可视化工具&#xff0c;为 Elasticsear…
阅读更多...
#Js篇：JSON.stringify 和 JSON.parse用法和传参

#Js篇：JSON.stringify 和 JSON.parse用法和传参

JSON.stringify 和 JSON.parse 1. JSON.stringify JSON.stringify 方法将一个 JavaScript 对象或数组转换为 JSON 字符串。 基本用法 const obj { name: "Alice", age: 25 }; const jsonString JSON.stringify(obj); console.log(jsonString); // 输出: {"…
阅读更多...
基于大数据爬虫数据挖掘技术+Python的网络用户购物行为分析与可视化平台(源码+论文+PPT+部署文档教程等)

基于大数据爬虫数据挖掘技术+Python的网络用户购物行为分析与可视化平台(源码+论文+PPT+部署文档教程等)

#1024程序员节&#xff5c;征文# 博主介绍&#xff1a;CSDN毕设辅导第一人、全网粉丝50W,csdn特邀作者、博客专家、腾讯云社区合作讲师、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老…
阅读更多...
【Android、IOS、Flutter、鸿蒙、ReactNative 】实现 MVP 架构

【Android、IOS、Flutter、鸿蒙、ReactNative 】实现 MVP 架构

Android Studio 版本 Android Java MVP 模式 参考 模型层 model public class User {private String email;private String password;public User(String email, String password) {this.email = email;this.password = password;}public String getEmail() {return email;}…
阅读更多...
最新文章

Copyright @ 2022~2023