江苏龙网

  1. 主页 > 生活百科 > >

鸿蒙元服务开发实例：桌面卡片上的电动自行车助手E-Bike( 三 )

鸿蒙


// Widget24Card.ets:let storage = new LocalStorage();@Entry(storage) @Componentstruct WidgetCard24 {···@LocalStorageProp('bike_power') bike_power: number = 50;···build() {Row({space:5}) {// 背景图 电量Column(){Row(){Image($r("app.media.ic_power"))···.onClick(() => { postCardAction(this, {'action': 'message','params': { 'bike_power': 55}});})// 电量值Text(`${this.bike_power}`+'%')//this.bike_power.toString()+'%')···}···}}}// EntryFormAbility.ets: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 {find_bike: string = "app.media.ic_ring_off" bike_power: number = 55.6display_flag : number = 1bike_location: string = "长安街1号"bike_distance: number = 520 bike_duration: number = 479my_font_size : number = 12formData = https://www.isolves.com/it/cxkf/ydd/hms/2023-08-16/{'title': this.find_bike, 'bike_power': this.bike_power,'bike_distance':this.bike_distance, 'bike_duration':this.bike_duration,'bike_location':this.bike_location,'detail': 'Detail Update Success.', // 和卡片布局中对应}onFormEvent(formId, message) {console.info(`FormAbility onEvent, formId = ${formId}, message:${JSON.stringify(message)}`);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));})}...}实现效果如下图：

鸿蒙元服务开发实例：桌面卡片上的电动自行车助手E-Bike

文章插图

 
参考链接：元服务官网
想了解更多关于开源的内容，请访问：
51CTO 开源基础软件社区
https://ost.51cto.com




推荐阅读


上一篇：2023 年值得考虑的10大 React 静态站点生成器！

下一篇：系统架构设计之数据同步策略