1# 卡片切换 2 3 4**卡片切换**主要包含如下三部分： 5 6 7- 卡片页面布局：FA模型卡片和Stage模型卡片的布局都采用类web范式开发可以直接复用。 8- 卡片配置文件：FA模型的卡片配置在config.json中，Stage卡片配置在module.json5和form_config.json中（如下图1和图2）。 9- 卡片业务逻辑：FA模型和Stage模型在卡片入口文件以及生命周期存在细微的差异（如下图3和图4）。 10 11| 配置项 | FA模型 | Stage模型 | 12| ---------------- | ------------------------------------------- | ------------------------------------------------------------ | 13| 配置项位置 | formAbility和forms配置都在config.json文件里 | 一级目录module.json5配置文件中配置extensionAbilities（针对formExtensionAbility的配置），二级目录form_config.json文件中配置forms（针对formExtensionAbility里包含的forms的详细配置） | 14| 卡片代码路径 | srcPath，不带文件名 | srcEntry，带文件名 | 15| 语言 | srcLanguage支持配置为js或ets | 无此配置项，只支持ets | 16| 是否使能卡片 | formsEnabled | 无，type配置项配置为form即使能 | 17| ability类型 | type：service | type：form | 18| 二级目录配置标签 | 无 | metadata：包含name、value、resource。其中resource用于指向卡片二级目录form_config.json文件的位置 | 19 20 21入口配置差异示意图1： 22 23 24 25 26 27卡片信息配置差异示意图2： 28 29 30 31 32 33| 入口及生命周期 | FA模型 | Stage模型 | 34| -------- | -------- | -------- | 35| 入口文件 | srcPath指向的目录下的form.ts | srcEntry指向的文件 | 36| 生命周期 | export default | import FormExtension from '\@ohos.app.form.FormExtensionAbility';<br/>export default class FormAbility extends FormExtension | 37 38 39入口文件差异示意图3： 40 41 42 43 44 45生命周期差异示意图4（ 生命周期回调均一致，不需要调整）： 46 47 48 49
