Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
f7885b73
D
Docs
项目概览
OpenHarmony
/
Docs
接近 2 年 前同步成功
通知
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看板
未验证
提交
f7885b73
编写于
5月 16, 2022
作者:
葛
葛亚芳
提交者:
Gitee
5月 16, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/quick-start/start-with-ets.md.
Signed-off-by:
N
@ge-yafang
<
geyafang@huawei.com
>
上级
e8ed31a5
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
10 deletion
+11
-10
zh-cn/application-dev/quick-start/start-with-ets.md
zh-cn/application-dev/quick-start/start-with-ets.md
+11
-10
未找到文件。
zh-cn/application-dev/quick-start/start-with-ets.md
浏览文件 @
f7885b73
...
...
@@ -25,9 +25,10 @@
-
**src > main > ets**
:用于存放ets源码。
-
**src > main > ets > MainAbility**
:应用/服务的入口。
-
**src > main > ets > MainAbility > pages**
:MainAbility包含的页面。
-
**src > main > ets > MainAbility > pages > index.ets**
:pages列表中的第一个页面,即应用的首页入口。
-
**src > main > ets > MainAbility > app.ets**
:承载Ability生命周期。
-
**src > main > resources**
:用于存放应用/服务所用到的资源文件,如图形、多媒体、字符串、布局文件等。
-
**src > main > config.json**
:模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。
-
**src > main > config.json**
:模块配置文件。主要包含HAP包的配置信息、应用/服务在具体设备上的配置信息以及应用/服务的全局配置信息。
具体的配置文件说明,详见
[
应用包结构配置文件的说明
](
package-structure.md
)
。
-
**build-profile.json5**
:当前的模块信息 、编译信息配置项,包括 buildOption target配置等。
-
**hvigorfile.js**
:模块级编译构建任务脚本,开发者可以自定义相关任务和代码实现。
...
...
@@ -38,8 +39,8 @@
## 构建第一个页面
1.
**使用文本组件。**
工程同步完成后,在“
**Project**
”窗口,点击“
**entry > src > main > ets > MainAbility > pages**
”,打开“
**index.ets**
”文件,可以看到页面由Text组件组成。“
**index.ets**
”文件的示例如下:
1.
使用文本组件。
工程同步完成后,在“
**Project**
”窗口,点击“
**entry > src > main > ets > MainAbility > pages**
”,打开“
**index.ets**
”文件,可以看到页面由Text组件组成。“
**index.ets**
”文件的示例如下:
```
...
...
@@ -62,7 +63,7 @@
}
```
2.
**添加按钮。**
2.
添加按钮。
在默认页面基础上,我们添加一个Button组件,作为按钮接收用户点击的动作,从而实现跳转到另一个页面。“
**index.ets**
”文件的示例如下:
...
...
@@ -99,19 +100,19 @@
}
```
3.
**在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。**
第一个页面效果如下图所示:
3.
在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。
第一个页面效果如下图所示:
!
[
zh-cn_image_0000001216239356
](
figures/zh-cn_image_0000001216239356.png
)
## 构建第二个页面
1.
**创建第二个页面。**
1.
创建第二个页面。
在“
**Project**
”窗口,打开“
**entry > src > main > ets > MainAbility**
”,右键点击“
**pages**
”文件夹,选择“
**New > Page**
”,命名为“
**second**
”,点击“
**Finish**
”,即完成第二个页面的创建。可以看到文件目录结构如下:
!
[
zh-cn_image_0000001223397122
](
figures/zh-cn_image_0000001223397122.png
)
2.
**添加文本及按钮。**
2.
添加文本及按钮。
参照第一个页面,在第二个页面添加Text组件、Button组件等,并设置其样式。“
**second.ets**
”文件的示例如下:
...
...
@@ -152,7 +153,7 @@
页面间的导航可以通过页面路由router来实现。页面路由router根据页面uri找到目标页面,从而实现跳转。使用页面路由请导入router模块。
1.
**第一个页面跳转到第二个页面。**
1.
第一个页面跳转到第二个页面。
在第一个页面中,跳转按钮绑定onClick事件,点击按钮时跳转到第二页。“
**index.ets**
”文件的示例如下:
...
...
@@ -195,7 +196,7 @@
}
```
2.
**第二个页面返回到第一个页面。**
2.
第二个页面返回到第一个页面。
在第二个页面中,返回按钮绑定onClick事件,点击按钮时返回到第一页。“
**second.ets**
”文件的示例如下:
...
...
@@ -237,7 +238,7 @@
}
```
3.
**打开index.ets文件,点击预览器中的**
!
[
zh-cn_image_0000001262219043
](
figures/zh-cn_image_0000001262219043.png
)
**按钮进行刷新。**
效果如下图所示:
3.
打开index.ets文件,点击预览器中的 !
[
zh-cn_image_0000001262219043
](
figures/zh-cn_image_0000001262219043.png
)
按钮进行刷新。
效果如下图所示:
!
[
zh-cn_image_0000001260684127
](
figures/zh-cn_image_0000001260684127.png
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录