HarmonyOS鸿蒙Next万能卡片-Codelabs挑战赛历史上的今天 第三篇 开发选型和工程配置

HarmonyOS鸿蒙Next万能卡片-Codelabs挑战赛历史上的今天 第三篇 开发选型和工程配置

前面的两篇，已经完成了项目的创建，以及效果的展示

【原子化服务-历史上的今天】，第三期

今天我们就来分解该项目，步步为营，做自己的原子化卡片。

大家看到了，我用的是ArkTS语言做的这个原子化，那么为什么我会选择ArkTS作为这次的技术选型呢？

其实这里有一个因素就是学习东西，学新不学旧。这里我给出我为什么选择ArkTS的原因。

开发选型

大家看完上面的表格，我相信大家也都知道，我为什么要选择ArkTS，Stage模型作为这次的技术选型了吧。

接下来我们就继续往后走。

上一篇文章中完成了项目的配置，但是还没有对工程配置，

配置的话是需要在form_config.json中进行配置的。

卡片form_config.json配置文件

配置示例如下：

{
  "forms": [
    {
      "name": "widget",
      "description": "历史上的今天.",
      "src": "./ets/widget/pages/WidgetCard.ets",
      "uiSyntax": "arkts",
      "window": {
        "designWidth": 720,
        "autoDesignWidth": true
      },
      "colorMode": "auto",
      "isDefault": true,
      "updateEnabled": false,
      "scheduledUpdateTime": "10:30",
      "updateDuration": 1,
      "defaultDimension": "2*2",
      "supportDimensions": [
        "2*2"
      ]
    },
    {
      "name": "Secondwidget",
      "description": "历史上的今天",
      "src": "./ets/secondwidget/pages/SecondwidgetCard.ets",
      "uiSyntax": "arkts",
      "window": {
        "designWidth": 720,
        "autoDesignWidth": true
      },
      "colorMode": "auto",
      "isDefault": false,
      "updateEnabled": false,
      "scheduledUpdateTime": "10:30",
      "updateDuration": 1,
      "defaultDimension": "1*2",
      "supportDimensions": [
        "1*2"
      ]
    },
    {
      "name": "Clockwidget",
      "description": "时钟",
      "src": "./ets/clockwidget/pages/ClockwidgetCard.ets",
      "uiSyntax": "arkts",
      "window": {
        "designWidth": 720,
        "autoDesignWidth": true
      },
      "colorMode": "auto",
      "isDefault": false,
      "updateEnabled": false,
      "scheduledUpdateTime": "10:30",
      "updateDuration": 1,
      "defaultDimension": "4*4",
      "supportDimensions": [
        "4*4"
      ]
    },
    {
      "name": "Fourwidget",
      "description": "This is a service widget.",
      "src": "./ets/fourwidget/pages/FourwidgetCard.ets",
      "uiSyntax": "arkts",
      "window": {
        "designWidth": 720,
        "autoDesignWidth": true
      },
      "colorMode": "auto",
      "isDefault": false,
      "updateEnabled": false,
      "scheduledUpdateTime": "10:30",
      "updateDuration": 1,
      "defaultDimension": "2*4",
      "supportDimensions": [
        "2*4"
      ]
    }
  ]
}

这样我们就完成了对应的配置。