Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
93bb3463
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
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看板
未验证
提交
93bb3463
编写于
5月 23, 2022
作者:
O
openharmony_ci
提交者:
Gitee
5月 23, 2022
浏览文件
操作
浏览文件
下载
差异文件
!4196 release分支:window空接口实现删除空接口说明&快速入门DX意见修改:需同步翻译
Merge pull request !4196 from 葛亚芳/OpenHarmony-3.1-Release
上级
0b705b3e
3845f9d3
变更
5
展开全部
隐藏空白更改
内联
并排
Showing
5 changed file
with
588 addition
and
739 deletion
+588
-739
zh-cn/application-dev/quick-start/start-with-ets-low-code.md
zh-cn/application-dev/quick-start/start-with-ets-low-code.md
+4
-4
zh-cn/application-dev/quick-start/start-with-ets.md
zh-cn/application-dev/quick-start/start-with-ets.md
+3
-3
zh-cn/application-dev/quick-start/start-with-js-low-code.md
zh-cn/application-dev/quick-start/start-with-js-low-code.md
+3
-3
zh-cn/application-dev/quick-start/start-with-js.md
zh-cn/application-dev/quick-start/start-with-js.md
+3
-2
zh-cn/application-dev/reference/apis/js-apis-window.md
zh-cn/application-dev/reference/apis/js-apis-window.md
+575
-727
未找到文件。
zh-cn/application-dev/quick-start/start-with-ets-low-code.md
浏览文件 @
93bb3463
...
...
@@ -17,7 +17,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
-
直接创建一个支持低代码开发的新工程以进行开发。本文以此方式为例进行说明。
-
在已有工程中,创建
V
isual文件来进行开发。
-
在已有工程中,创建
v
isual文件来进行开发。
## 创建新工程支持低代码开发
...
...
@@ -46,9 +46,9 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
## 构建第一个页面
工程同步完成后,第一个页面已有一个容器、文本(Hello World)显示。为了更详细地了解低代码开发,我们将删除画布原有模板组件,从零开始完成页面的添加、设置。
工程同步完成后,第一个页面已有一个容器、
一段
文本(Hello World)显示。为了更详细地了解低代码开发,我们将删除画布原有模板组件,从零开始完成页面的添加、设置。
第一个页面内有一个容器、文本和一个按钮,通过Column、Text和Button组件来实现。其中,Column为沿垂直方向布局的容器组件,具体使用请见
[
Column
](
../reference/arkui-ts/ts-container-column.md
)
。
第一个页面内有一个容器、
一段
文本和一个按钮,通过Column、Text和Button组件来实现。其中,Column为沿垂直方向布局的容器组件,具体使用请见
[
Column
](
../reference/arkui-ts/ts-container-column.md
)
。
1.
删除画布原有模板组件。
<a
name=
"delete_origin_content"
></a>
打开index.visual文件,选中画布中的组件,单击鼠标右键,选择Delete删除画布原有模板组件。操作如下所示:
...
...
@@ -107,7 +107,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
```
-
选中Text组件,将其拖至画布,再拖至Column组件的中央区域。点击右侧属性样式栏中的图标!
[
zh-cn_image_0000001277488985
](
figures/zh-cn_image_0000001277488985.png
)
(Feature),设置Text组件的Content属性为“this.message”(即“Hi there”);设置Text组件的FontSize样式为30fp;设置组件的TextAlign样式为center。再选中画布上的Text组件,拖动放大。操作如下所示:


5.
添加按钮。
选中UI Control中的Button组件,将其拖至画布,再拖至Text组件下面。点击右侧属性样式栏中的图标!
[
zh-cn_image_0000001233528160
](
figures/zh-cn_image_0000001233528160.png
)
(General),设置Button组件的Height为40vp;点击右侧属性样式栏中的图标!
[
zh-cn_image_0000001277728597
](
figures/zh-cn_image_0000001277728597.png
)
(Feature),设置Button组件的Value属性为“Back”;设置组件的FontSize样式为25fp,使得其文字放大。操作如下所示:
...
...
zh-cn/application-dev/quick-start/start-with-ets.md
浏览文件 @
93bb3463
...
...
@@ -64,7 +64,7 @@
```
2.
添加按钮。
在默认页面基础上,我们添加一个Button组件,作为按钮
接收用户点击的动作
,从而实现跳转到另一个页面。“
**index.ets**
”文件的示例如下:
在默认页面基础上,我们添加一个Button组件,作为按钮
响应用户点击
,从而实现跳转到另一个页面。“
**index.ets**
”文件的示例如下:
```
...
...
@@ -79,7 +79,7 @@
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
// 添加按钮,以
接收
用户点击
// 添加按钮,以
响应
用户点击
Button() {
Text('Next')
.fontSize(30)
...
...
@@ -171,7 +171,7 @@
Text(this.message)
.fontSize(50)
.fontWeight(FontWeight.Bold)
// 添加按钮,以
接收
用户点击
// 添加按钮,以
响应
用户点击
Button() {
Text('Next')
.fontSize(30)
...
...
zh-cn/application-dev/quick-start/start-with-js-low-code.md
浏览文件 @
93bb3463
...
...
@@ -15,7 +15,7 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
-
直接创建一个支持低代码开发的新工程以进行开发。本文以此方式为例进行说明。
-
在已有工程中,创建
V
isual文件来进行开发。
-
在已有工程中,创建
v
isual文件来进行开发。
## 创建新工程支持低代码开发
...
...
@@ -50,9 +50,9 @@ OpenHarmony低代码开发方式具有丰富的UI界面编辑功能,通过可
## 构建第一个页面
工程同步完成后,第一个页面已有一个容器、文本(Hello World)显示。为了更详细地了解低代码开发,我们将删除画布原有模板组件,从零开始完成页面的添加、设置。
工程同步完成后,第一个页面已有一个容器、
一段
文本(Hello World)显示。为了更详细地了解低代码开发,我们将删除画布原有模板组件,从零开始完成页面的添加、设置。
第一个页面内有一个容器、文本和一个按钮,通过Div、Text和Button组件来实现。
第一个页面内有一个容器、
一段
文本和一个按钮,通过Div、Text和Button组件来实现。
1.
删除画布原有模板组件。
<a
name=
delete_origin_content
></a>
打开index.visual文件,选中画布中的组件,单击鼠标右键,选择Delete删除画布原有模板组件。操作如下所示:
...
...
zh-cn/application-dev/quick-start/start-with-js.md
浏览文件 @
93bb3463
...
...
@@ -52,7 +52,7 @@
```
2.
添加按钮,并绑定onclick方法。
在默认页面基础上,我们添加一个button类型的input组件,作为按钮
接收用户点击的动作
,从而实现跳转到另一个页面。“
**index.hml**
”文件的示例代码如下:
在默认页面基础上,我们添加一个button类型的input组件,作为按钮
响应用户点击
,从而实现跳转到另一个页面。“
**index.hml**
”文件的示例代码如下:
```
...
...
@@ -102,6 +102,7 @@
4.
在编辑窗口右上角的侧边工具栏,点击Previewer,打开预览器。第一个页面效果如下图所示:
!
[
zh-cn_image_0000001216084724
](
figures/zh-cn_image_0000001216084724.png
)
...
...
@@ -214,4 +215,4 @@
恭喜您已经使用JS语言开发(传统代码方式)完成了第一个OpenHarmony应用,快来
[
探索更多的OpenHarmony功能
](
../application-dev-guide.md
)
吧。
## 相关实例
针对使用JS语言(传统代码方式)开发快速入门,有以下相关实例可供参考:
-
[
`JsHelloWorld`:你好世界(JS)(API8)
](
https://gitee.com/openharmony/app_samples/tree/master/common/JsHelloWorld
)
\ No newline at end of file
-
[
`JsHelloWorld`:你好世界(JS)(API8)
](
https://gitee.com/openharmony/app_samples/tree/master/common/JsHelloWorld
)
zh-cn/application-dev/reference/apis/js-apis-window.md
浏览文件 @
93bb3463
此差异已折叠。
点击以展开。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录