鸿蒙HarmonyOS实战-Stage模型（开发卡片事件）_postcardaction

最新推荐文章于 2024-05-19 21:37:57 发布

2401_84182020

最新推荐文章于 2024-05-19 21:37:57 发布

阅读量1k

点赞数 12

分类专栏：程序员文章标签： harmonyos 华为

本文链接：https://blog.csdn.net/2401_84182020/article/details/137734215

版权

程序员专栏收录该内容

153 篇文章 0 订阅

订阅专栏

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

htt

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

          'method': 'funA' // 在EntryAbility中调用的方法名
        }
      });
    })
   Button('功能B')
    .margin('20%')
    .onClick(() => {
      console.info('call EntryAbility funB');
      postCardAction(this, {
        'action': 'call',
        'abilityName': 'EntryAbility', // 只能跳转到当前应用下的UIAbility
        'params': {
          'method': 'funB', // 在EntryAbility中调用的方法名
          'num': 1 // 需要传递的其他参数
        }
      });
    })
}
.width('100%')
.height('100%')

}
}


2、UIAbility接收参数

import UIAbility from ‘@ohos.app.ability.UIAbility’;

function FunACall(data) {
// 获取call事件中传递的所有参数
console.log(‘FunACall param:’ + JSON.stringify(data.readString()));
return null;
}
function FunBCall(data) {
console.log(‘FunACall param:’ + JSON.stringify(data.readString()));
return null;
}

export default class CameraAbility extends UIAbility {
// 如果UIAbility第一次启动，在收到call事件后会触发onCreate生命周期回调
onCreate(want, launchParam) {
try {
// 监听call事件所需的方法
this.callee.on(‘funA’, FunACall);
this.callee.on(‘funB’, FunBCall);
} catch (error) {
console.log('register failed with error. Cause: ’ + JSON.stringify(error));
}
}

// 进程退出时，解除监听
onDestroy() {
try {
this.callee.off(‘funA’);
this.callee.off(‘funB’);
} catch (error) {
console.log('register failed with error. Cause: ’ + JSON.stringify(error));
}
}
};


不截图同上


### 4.通过message事件刷新卡片内容


1、卡片页面

let storage = new LocalStorage();

@Entry(storage)
@Component
struct WidgetCard {
@LocalStorageProp(‘title’) title: string = ‘init’;
@LocalStorageProp(‘detail’) detail: string = ‘init’;

build() {
Column() {
Button(‘刷新’)
.onClick(() => {
postCardAction(this, {
‘action’: ‘message’,
‘params’: {
‘msgTest’: ‘messageEvent’
}
});
})
Text(${this.title})
Text(${this.detail})
}
.width(‘100%’)
.height(‘100%’)
}
}


2、卡片FormExtensionAbility

import formBindingData from ‘@ohos.app.form.formBindingData’;
import FormExtensionAbility from ‘@ohos.app.form.FormExtensionAbility’;
import formProvider from ‘@ohos.app.form.formProvider’;

export default class EntryFormAbility extends FormExtensionAbility {
onFormEvent(formId, message) {
// Called when a specified message event defined by the form provider is triggered.
console.info(FormAbility onEvent, formId = ${formId}, message: ${JSON.stringify(message)});
let formData = {
‘title’: ‘Title Update Success.’, // 和卡片布局中对应
‘detail’: ‘Detail Update Success.’, // 和卡片布局中对应
};
let formInfo = formBindingData.createFormBindingData(formData)
formProvider.updateForm(formId, formInfo).then((data) => {
console.info(‘FormAbility updateForm success.’ + JSON.stringify(data));
}).catch((error) => {
console.error('FormAbility updateForm failed: ’ + JSON.stringify(error));
})
}
}


![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/f33d7f1330a347b0b399a175048de094.png)


### 5.通过router或call事件刷新卡片内容


#### 🦋5.1 router


1、卡片

let storage = new LocalStorage();

@Entry(storage)
@Component
struct WidgetCard {
@LocalStorageProp(‘detail’) detail: string = ‘init’;

build() {
Column() {
Button(‘跳转’)
.margin(‘20%’)
.onClick(() => {
console.info(‘postCardAction to EntryAbility’);
postCardAction(this, {
‘action’: ‘router’,
‘abilityName’: ‘EntryAbility’, // 只能跳转到当前应用下的UIAbility
‘params’: {
‘detail’: ‘RouterFromCard’
}
});
})
Text(${this.detail}).margin(‘20%’)
}
.width(‘100%’)
.height(‘100%’)
}
}


2、UIAbility

import UIAbility from ‘@ohos.app.ability.UIAbility’;
import formBindingData from ‘@ohos.app.form.formBindingData’;
import formProvider from ‘@ohos.app.form.formProvider’;
import formInfo from ‘@ohos.app.form.formInfo’;

export default class EntryAbility extends UIAbility {
// 如果UIAbility第一次启动，在收到Router事件后会触发onCreate生命周期回调
onCreate(want, launchParam) {
console.info(‘Want:’ + JSON.stringify(want));
if (want.parameters[formInfo.FormParam.IDENTITY_KEY] !== undefined) {
let curFormId = want.parameters[formInfo.FormParam.IDENTITY_KEY];
let message = JSON.parse(want.parameters.params).detail;
console.info(UpdateForm formId: ${curFormId}, message: ${message});
let formData = {
“detail”: message + ‘: onCreate UIAbility.’, // 和卡片布局中对应
};
let formMsg = formBindingData.createFormBindingData(formData)
formProvider.updateForm(curFormId, formMsg).then((data) => {
console.info(‘updateForm success.’ + JSON.stringify(data));
}).catch((error) => {
console.error(‘updateForm failed:’ + JSON.stringify(error));
})
}
}
// 如果UIAbility已在后台运行，在收到Router事件后会触发onNewWant生命周期回调
onNewWant(want, launchParam) {
console.info(‘onNewWant Want:’ + JSON.stringify(want));
if (want.parameters[formInfo.FormParam.IDENTITY_KEY] !== undefined) {
let curFormId = want.parameters[formInfo.FormParam.IDENTITY_KEY];
let message = JSON.parse(want.parameters.params).detail;
console.info(UpdateForm formId: ${curFormId}, message: ${message});
let formData = {
“detail”: message + ‘: onNewWant UIAbility.’, // 和卡片布局中对应
};
let formMsg = formBindingData.createFormBindingData(formData)
formProvider.updateForm(curFormId, formMsg).then((data) => {
console.info(‘updateForm success.’ + JSON.stringify(data));
}).catch((error) => {
console.error(‘updateForm failed:’ + JSON.stringify(error));
})
}
}

…
}


#### 🦋5.2 call


1、在使用postCardAction接口的call事件时，需要在FormExtensionAbility中的onAddForm生命周期回调中更新formId。

import formBindingData from ‘@ohos.app.form.formBindingData’;
import FormExtensionAbility from ‘@ohos.app.form.FormExtensionAbility’;

export default class EntryFormAbility extends FormExtensionAbility {
onAddForm(want) {
let formId = want.parameters[“ohos.extra.param.key.form_identity”];
let dataObj1 = {
“formId”: formId
};
let obj1 = formBindingData.createFormBindingData(dataObj1);
return obj1;
}

…
};


2、卡片界面

let storage = new LocalStorage();

@Entry(storage)
@Component
struct WidgetCard {
@LocalStorageProp(‘detail’) detail: string = ‘init’;
@LocalStorageProp(‘formId’) formId: string = ‘0’;

build() {
Column() {
Button(‘拉至后台’)
.margin(‘20%’)
.onClick(() => {
console.info(‘postCardAction to EntryAbility’);
postCardAction(this, {
‘action’: ‘call’,
‘abilityName’: ‘EntryAbility’, // 只能跳转到当前应用下的UIAbility
‘params’: {
‘method’: ‘funA’,
‘formId’: this.formId,
‘detail’: ‘CallFromCard’
}
});
})
Text(${this.detail}).margin(‘20%’)
}
.width(‘100%’)
.height(‘100%’)
}
}

let storage = new LocalStorage();

@Entry(storage)
@Component
struct WidgetCard {
@LocalStorageProp(‘detail’) detail: string = ‘init’;
@LocalStorageProp(‘formId’) formId: string = ‘0’;


3、UIAbility界面
ilityName': 'EntryAbility', // 只能跳转到当前应用下的UIAbility
            'params': {
              'method': 'funA',
              'formId': this.formId,
              'detail': 'CallFromCard'
            }
          });
        })
      Text(`${this.detail}`).margin('20%')
    }
    .width('100%')
    .height('100%')
  }
}

3、UIAbility界面

2401_84182020

关注

12
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
鸿蒙HarmonyOS实战-Stage模型（开发卡片事件）_postcardaction

abilityName’: ‘EntryAbility’, // 只能跳转到当前应用下的UIAbility。‘abilityName’: ‘EntryAbility’, // 只能跳转到当前应用下的UIAbility。‘abilityName’: ‘EntryAbility’, // 只能跳转到当前应用下的UIAbility。‘detail’: ‘Detail Update Success.’, // 和卡片布局中对应。// 获取call事件中传递的所有参数。// 监听call事件所需的方法。
复制链接

扫一扫