Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b116ba8c
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
未验证
提交
b116ba8c
编写于
4月 12, 2023
作者:
O
openharmony_ci
提交者:
Gitee
4月 12, 2023
浏览文件
操作
浏览文件
下载
差异文件
!17192 优化ArkTS卡片开发指南工程创建部分内容
Merge pull request !17192 from zhongjianfei/rr0414
上级
514c4ca1
2091052f
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
12 addition
and
3 deletion
+12
-3
zh-cn/application-dev/application-models/arkts-ui-widget-creation.md
...cation-dev/application-models/arkts-ui-widget-creation.md
+12
-3
zh-cn/application-dev/application-models/figures/WidgetCreateProject.png
...on-dev/application-models/figures/WidgetCreateProject.png
+0
-0
zh-cn/application-dev/application-models/figures/WidgetProjectCreate1.png
...n-dev/application-models/figures/WidgetProjectCreate1.png
+0
-0
zh-cn/application-dev/application-models/figures/WidgetProjectCreate2.png
...n-dev/application-models/figures/WidgetProjectCreate2.png
+0
-0
zh-cn/application-dev/application-models/figures/WidgetProjectCreate3.png
...n-dev/application-models/figures/WidgetProjectCreate3.png
+0
-0
zh-cn/application-dev/application-models/figures/WidgetProjectView.png
...tion-dev/application-models/figures/WidgetProjectView.png
+0
-0
未找到文件。
zh-cn/application-dev/application-models/arkts-ui-widget-creation.md
浏览文件 @
b116ba8c
# 创建一个ArkTS卡片
在已有的应用工程中,创建ArkTS卡片,具体的操作方式如下。
开发者可以使用IDE创建ArkTS卡片,具体步骤请参见
[
DevEco Studio服务卡片开发指南
](
https://gitee.com/link?target=https%3A%2F%2Fdeveloper.harmonyos.com%2Fcn%2Fdocs%2Fdocumentation%2Fdoc-guides%2Fohos-development-service-widget-0000001263280425
)
。使用IDE生成的卡片模板包括三个部分:卡片页面(WidgetCard.ets)、卡片生命周期管理(FormExtensionAbility)和卡片配置文件(form_config.json)
。
1.
创建卡片
。
!
[
WidgetProjectCreate1
](
figures/WidgetProjectCreate1.png
)
在选择卡片的开发语言类型(Language)时,需要选择ArkTS选项,如下图所示
。
2.
根据实际业务场景,选择一个卡片模板
。
!
[
WidgetProjectCreate2
](
figures/WidgetProjectCreate2.png
)
![
WidgetCreateProject
](
figures/WidgetCreateProject.png
)
3.
在选择卡片的开发语言类型(Language)时,选择ArkTS选项,然后单击“Finish”,即可完成ArkTS卡片创建。
!
[
WidgetProjectCreate3
](
figures/WidgetProjectCreate3.png
)
ArkTS卡片创建完成后,工程中会新增如下卡片相关文件:卡片生命周期管理文件(EntryFormAbility.ts)、卡片页面文件(WidgetCard.ets)和卡片配置文件(form_config.json)
![
WidgetProjectView
](
figures/WidgetProjectView.png
)
\ No newline at end of file
zh-cn/application-dev/application-models/figures/WidgetCreateProject.png
已删除
100644 → 0
浏览文件 @
514c4ca1
16.8 KB
zh-cn/application-dev/application-models/figures/WidgetProjectCreate1.png
0 → 100644
浏览文件 @
b116ba8c
33.1 KB
zh-cn/application-dev/application-models/figures/WidgetProjectCreate2.png
0 → 100644
浏览文件 @
b116ba8c
19.3 KB
zh-cn/application-dev/application-models/figures/WidgetProjectCreate3.png
0 → 100644
浏览文件 @
b116ba8c
15.2 KB
zh-cn/application-dev/application-models/figures/WidgetProjectView.png
0 → 100644
浏览文件 @
b116ba8c
10.9 KB
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录