• Lv0
    粉丝0

积分31 / 贡献0

提问0答案被采纳0文章1

作者动态

    [经验分享] 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程 原创

    13725519713 显示全部楼层 发表于 2023-11-6 11:21:43

    一、创建项目 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区

    二、创建卡片 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区

    三、应用服务代码 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区

    Index.ets

    @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

    @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应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区

    基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区

    六、案例卡片效果

    基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区

    注释说明:

    现最新版的DevEco Studio中OpenHarmony项目在本目录下调整。将runtimeOS:””中间内容调为OpenHarmony即可。这种方式,不用开发板,通过预览器就可以查看项目样式效果。 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区 基于DevEco Studio的OpenHarmony应用原子化服务(元服务)入门教程-开源基础软件社区 完整项目代码地址:

    https://gitee.com/jltfcloudcn/jump_to/tree/master/MyApplicationOH

    ©著作权归作者所有,转载或内容合作请联系作者

    您尚未登录,无法参与评论,登录后可以:
    参与开源共建问题交流
    认同或收藏高质量问答
    获取积分成为开源共建先驱

    Copyright   ©2023  OpenHarmony开发者论坛  京ICP备2020036654号-3 |技术支持 Discuz!

    返回顶部