OpenHarmony开发者论坛
标题:
基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程
[打印本页]
作者:
13725519713
时间:
2023-11-6 11:21
标题:
基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程
[md]一、创建项目
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_818 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_818 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_663 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
二、创建卡片
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_818 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_813 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_467,h_349 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
三、应用服务代码
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_465,h_531 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
Index.ets
```html
@Entry
@Component
struct Index {
@State TITLE: string = 'OpenHarmony';
@State CONTEXT: string = '创新召见未来!';
build() {
Row() {
Column() {
Text(this.TITLE)
.fontSize(30)
.fontColor(0xFEFEFE)
.fontWeight(600)
Text(this.CONTEXT)
.fontSize(30)
.fontColor(0xFEFEFE)
.fontWeight(600)
.margin(20)
}
.width('100%')
}
.width('100%')
.height('100%')
.backgroundColor(0x42218c)
}
}
```
四、卡片代码
WidgetNewCard.ets
```html
@Entry
@Component
struct WidgetNewCard {
/*
* The title.
*/
readonly TITLE: string = 'OpenHarmony';
readonly CONTEXT: string = '技术构建万物智联';
/*
* The action type.
*/
readonly ACTION_TYPE: string = 'router';
/*
* The ability name.
*/
readonly ABILITY_NAME: string = 'EntryAbility';
/*
* The message.
*/
readonly MESSAGE: string = 'add detail';
/*
* The with percentage setting.
*/
readonly FULL_WIDTH_PERCENT: string = '100%';
/*
* The height percentage setting.
*/
readonly FULL_HEIGHT_PERCENT: string = '100%';
build() {
Row() {
Column() {
Text(this.TITLE)
.fontSize(14)
.fontColor(0xFEFEFE)
.fontWeight(600)
Text(this.CONTEXT)
.fontSize(14)
.fontColor(0xFEFEFE)
.fontWeight(600)
}
.width(this.FULL_WIDTH_PERCENT)
}
.backgroundColor(0x42218c)
.height(this.FULL_HEIGHT_PERCENT)
.onClick(() => {
postCardAction(this, {
"action": this.ACTION_TYPE,
"abilityName": this.ABILITY_NAME,
"params": {
"message": this.MESSAGE
}
});
})
}
}
```
五、运行案例
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_342 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_764 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_766 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_614,h_929 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_409,h_746 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_413,h_741 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_410,h_750 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
六、案例卡片效果
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_348,h_193 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_365,h_367 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_558,h_323 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_569,h_606 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
注释说明:
现最新版的DevEco Studio中OpenHarmony项目在本目录下调整。将runtimeOS:””中间内容调为OpenHarmony即可。这种方式,不用开发板,通过预览器就可以查看项目样式效果。
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_531,h_352 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_592 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
![基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区](
https://dl-harmonyos.51cto.com/i ... rocess=image/resize
,w_820,h_562 "基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区")
完整项目代码地址:
[
https://gitee.com/jltfcloudcn/jump
\_to/tree/master/MyApplicationOH](
https://gitee.com/jltfcloudcn/jump_to/tree/master/MyApplicationOH
)
[/md]
欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)
Powered by Discuz! X3.5