鸿蒙元服务万能卡片开发-stage模型和fa模型的卡片区别

一、项目类型

Application： 应用开发

Atomic Service：原子化服务开发

这里选择Empty Ability模板创建项目。

二、Stage模型卡片开发

Api：9

Model：stage

Language：ArkTS

AppScope ：应用的全局配置信息。

main > ets：用于存放ArkTS源码。

ets > entryability：应用/服务的入口。

ets > pages：应用/服务包含的页面。

resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。

module.json5：Stage模型模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。

Stage模型初始化卡片代码：

1.  
   @Entry
2.  
   @Component
3.  
   struct WidgetCard {
4.  
   /*
5.  
   * The max lines.
6.  
   */
7.  
   readonly MAX_LINES: number = 1;
8.  
    
9.  
   /*
10.  
    * The action type.
11.  
    */
12.  
    readonly ACTION_TYPE: string = 'router';
13.  
     
14.  
    /*
15.  
    * The message.
16.  
    */
17.  
    readonly MESSAGE: string = 'add detail';
18.  
     
19.  
    /*
20.  
    * The ability name.
21.  
    */
22.  
    readonly ABILITY_NAME: string = 'EntryAbility';
23.  
     
24.  
    /*
25.  
    * The with percentage setting.
26.  
    */
27.  
    readonly FULL_WIDTH_PERCENT: string = '100%';
28.  
     
29.  
    /*
30.  
    * The height percentage setting.
31.  
    */
32.  
    readonly FULL_HEIGHT_PERCENT: string = '100%';
33.  
     
34.  
    build() {
35.  
    Stack() {
36.  
    Image($r("app.media.ic_widget"))
37.  
    .width(this.FULL_WIDTH_PERCENT)
38.  
    .height(this.FULL_HEIGHT_PERCENT)
39.  
    .objectFit(ImageFit.Cover)
40.  
    Column() {
41.  
    Text($r('app.string.title_immersive'))
42.  
    .fontSize($r('app.float.title_immersive_font_size'))
43.  
    .textOverflow({ overflow: TextOverflow.Ellipsis })
44.  
    .fontColor($r('app.color.text_font_color'))
45.  
    .maxLines(this.MAX_LINES)
46.  
    Text($r('app.string.detail_immersive'))
47.  
    .fontSize($r('app.float.detail_immersive_font_size'))
48.  
    .opacity($r('app.float.detail_immersive_opacity'))
49.  
    .margin({ top: $r('app.float.detail_immersive_margin_top') })
50.  
    .textOverflow({ overflow: TextOverflow.Ellipsis })
51.  
    .fontColor($r('app.color.text_font_color'))
52.  
    .maxLines(this.MAX_LINES)
53.  
    }
54.  
    .width(this.FULL_WIDTH_PERCENT)
55.  
    .height(this.FULL_HEIGHT_PERCENT)
56.  
    .alignItems(HorizontalAlign.Start)
57.  
    .justifyContent(FlexAlign.End)
58.  
    .padding($r('app.float.column_padding'))
59.  
    }
60.  
    .width(this.FULL_WIDTH_PERCENT)
61.  
    .height(this.FULL_HEIGHT_PERCENT)
62.  
    .onClick(() => {
63.  
    postCardAction(this, {
64.  
    "action": this.ACTION_TYPE,
65.  
    "abilityName": this.ABILITY_NAME,
66.  
    "params": {
67.  
    "message": this.MESSAGE
68.  
    }
69.  
    });
70.  
    })
71.  
    }
72.  
    }
73.  
     

三、FA模型卡片开发

Api：9

Model：FA

Language：ArkTS(也可选择js)

ets：用于存放ets源码。

ets > MainAbility：应用/服务的入口。

ets > MainAbility > pages：MainAbility包含的页面。

ets > MainAbility > pages > index.ets：pages列表中的第一个页面，即应用的首页入口。

ets > MainAbility > app.ets：承载Ability生命周期。

resources：用于存放应用/服务所用到的资源文件，如图形、多媒体、字符串、布局文件等。

config.json：模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。

这篇好文章是转载于：学新通技术网