Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
f6c5d66c
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看板
未验证
提交
f6c5d66c
编写于
5月 06, 2023
作者:
O
openharmony_ci
提交者:
Gitee
5月 06, 2023
浏览文件
操作
浏览文件
下载
差异文件
!17684 checkBox文档修改
Merge pull request !17684 from 田雨/master
上级
b10162fd
c1620da2
变更
7
隐藏空白更改
内联
并排
Showing
7 changed file
with
21 addition
and
19 deletion
+21
-19
zh-cn/application-dev/quick-start/arkts-observed-and-objectlink.md
...lication-dev/quick-start/arkts-observed-and-objectlink.md
+3
-3
zh-cn/application-dev/quick-start/arkts-page-custom-components-lifecycle.md
...dev/quick-start/arkts-page-custom-components-lifecycle.md
+3
-3
zh-cn/application-dev/quick-start/arkts-rendering-control-lazyforeach.md
...on-dev/quick-start/arkts-rendering-control-lazyforeach.md
+11
-9
zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125116.gif
...ference/arkui-js/figures/zh-cn_image_0000001127125116.gif
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
...on-dev/reference/arkui-ts/ts-basic-components-checkbox.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
...v/reference/arkui-ts/ts-basic-components-checkboxgroup.md
+1
-1
zh-cn/application-dev/ui/arkts-layout-update-animation.md
zh-cn/application-dev/ui/arkts-layout-update-animation.md
+2
-2
未找到文件。
zh-cn/application-dev/quick-start/arkts-observed-and-objectlink.md
浏览文件 @
f6c5d66c
...
@@ -15,7 +15,7 @@
...
@@ -15,7 +15,7 @@
-
被
\@
Observed装饰的类,可以被观察到属性的变化;
-
被
\@
Observed装饰的类,可以被观察到属性的变化;
-
子组件中
\@
ObjectLink装饰器装饰的状态变量用于接
受
\@
Observed装饰的类的实例,和父组件中对应的状态变量建立双向数据绑定。这个实例可以是数组中的被
\@
Observed装饰的项,或者是class object中是属性,这个属性同样也需要被
\@
Observed装饰。
-
子组件中
\@
ObjectLink装饰器装饰的状态变量用于接
收
\@
Observed装饰的类的实例,和父组件中对应的状态变量建立双向数据绑定。这个实例可以是数组中的被
\@
Observed装饰的项,或者是class object中是属性,这个属性同样也需要被
\@
Observed装饰。
-
单独使用
\@
Observed是没有任何作用的,需要搭配
\@
ObjectLink或者
[
\@Prop
](
arkts-prop.md
)
使用。
-
单独使用
\@
Observed是没有任何作用的,需要搭配
\@
ObjectLink或者
[
\@Prop
](
arkts-prop.md
)
使用。
...
@@ -111,7 +111,7 @@ this.b.b = 5
...
@@ -111,7 +111,7 @@ this.b.b = 5
this
.
b
.
a
.
c
=
5
this
.
b
.
a
.
c
=
5
```
```
\@
ObjectLink:
\@
ObjectLink只能接
受
被
\@
Observed装饰class的实例,可以观察到:
\@
ObjectLink:
\@
ObjectLink只能接
收
被
\@
Observed装饰class的实例,可以观察到:
-
其属性的数值的变化,其中属性是指Object.keys(observedObject)返回的所有属性,示例请参考
[
嵌套对象
](
#嵌套对象
)
。
-
其属性的数值的变化,其中属性是指Object.keys(observedObject)返回的所有属性,示例请参考
[
嵌套对象
](
#嵌套对象
)
。
...
@@ -122,7 +122,7 @@ this.b.a.c = 5
...
@@ -122,7 +122,7 @@ this.b.a.c = 5
1.
初始渲染:
1.
初始渲染:
1.
\@
Observed装饰的class的实例会被不透明的代理对象包装,代理了class上的属性的setter和getter方法
1.
\@
Observed装饰的class的实例会被不透明的代理对象包装,代理了class上的属性的setter和getter方法
2.
子组件中
\@
ObjectLink装饰的从父组件初始化,接
受
被
\@
Observed装饰的class的实例,
\@
ObjectLink的包装类会将自己注册给
\@
Observed class。
2.
子组件中
\@
ObjectLink装饰的从父组件初始化,接
收
被
\@
Observed装饰的class的实例,
\@
ObjectLink的包装类会将自己注册给
\@
Observed class。
2.
属性更新:当
\@
Observed装饰的class属性改变时,会走到代理的setter和getter,然后遍历依赖它的
\@
ObjectLink包装类,通知数据更新。
2.
属性更新:当
\@
Observed装饰的class属性改变时,会走到代理的setter和getter,然后遍历依赖它的
\@
ObjectLink包装类,通知数据更新。
...
...
zh-cn/application-dev/quick-start/arkts-page-custom-components-lifecycle.md
浏览文件 @
f6c5d66c
...
@@ -19,7 +19,7 @@
...
@@ -19,7 +19,7 @@
-
[
onBackPress
](
../reference/arkui-ts/ts-custom-component-lifecycle.md#onbackpress
)
:当用户点击返回按钮时触发。
-
[
onBackPress
](
../reference/arkui-ts/ts-custom-component-lifecycle.md#onbackpress
)
:当用户点击返回按钮时触发。
组件生命周期,即一般用
\@
Component装饰的自定义组件,提供以下生命周期接口:
组件生命周期,即一般用
\@
Component装饰的自定义组件
的生命周期
,提供以下生命周期接口:
-
[
aboutToAppear
](
../reference/arkui-ts/ts-custom-component-lifecycle.md#abouttoappear
)
:组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行。
-
[
aboutToAppear
](
../reference/arkui-ts/ts-custom-component-lifecycle.md#abouttoappear
)
:组件即将出现时回调该接口,具体时机为在创建自定义组件的新实例后,在执行其build()函数之前执行。
...
@@ -134,7 +134,7 @@ struct MyComponent {
...
@@ -134,7 +134,7 @@ struct MyComponent {
Child
()
Child
()
}
}
// this.showChild为false,删除Child子组件,执行Child aboutToDisappear
// this.showChild为false,删除Child子组件,执行Child aboutToDisappear
Button
(
'
create or
delete Child
'
).
onClick
(()
=>
{
Button
(
'
delete Child
'
).
onClick
(()
=>
{
this
.
showChild
=
false
;
this
.
showChild
=
false
;
})
})
// push到Page2页面,执行onPageHide
// push到Page2页面,执行onPageHide
...
@@ -168,7 +168,7 @@ struct Child {
...
@@ -168,7 +168,7 @@ struct Child {
```
```
以上示例中,Index页面包含两个自定义组件,一个是被
\@
Entry装饰的MyComponent,也是页面的入口组件,即页面的根节点;一个是Child,是MyComponent的子组件。只有
\@
Entry装饰的节点才可以生效页面的生命周期方法,所以MyComponent中声明了当前Index页面的页面生命周期函数。MyComponent和其子组件Child也同时
也
声明了组件的生命周期函数。
以上示例中,Index页面包含两个自定义组件,一个是被
\@
Entry装饰的MyComponent,也是页面的入口组件,即页面的根节点;一个是Child,是MyComponent的子组件。只有
\@
Entry装饰的节点才可以生效页面的生命周期方法,所以MyComponent中声明了当前Index页面的页面生命周期函数。MyComponent和其子组件Child也同时声明了组件的生命周期函数。
-
应用冷启动的初始化流程为:MyComponent aboutToAppear --
>
MyComponent build --
>
Child aboutToAppear --
>
Child build --
>
Child build执行完毕 --
>
MyComponent build执行完毕 --
>
Index onPageShow。
-
应用冷启动的初始化流程为:MyComponent aboutToAppear --
>
MyComponent build --
>
Child aboutToAppear --
>
Child build --
>
Child build执行完毕 --
>
MyComponent build执行完毕 --
>
Index onPageShow。
...
...
zh-cn/application-dev/quick-start/arkts-rendering-control-lazyforeach.md
浏览文件 @
f6c5d66c
...
@@ -75,15 +75,17 @@ interface DataChangeListener {
...
@@ -75,15 +75,17 @@ interface DataChangeListener {
}
}
```
```
| 接口声明 | 参数类型 | 说明 |
| 接口声明 | 参数类型 | 说明 |
| ---------------------------------------- | -------------------------------------- | ---------------------------------------- |
| ------------------------------------------------------------ | -------------------------------------- | ------------------------------------------------------------ |
| onDataReloaded():
void | - | 通知组件重新加载所有数据。 |
| onDataReloaded():
void | - | 通知组件重新加载所有数据。 |
| onDataAdded(index:
number):void | number | 通知组件index的位置有数据添加。
<br/>
index:数据添加位置的索引值 |
| onDataAdded(index:
number):void
<sup>
(deprecated)
</sup>
| number | 通知组件index的位置有数据添加。
<br/>
从API 8开始,建议使用onDataAdd。
<br/>
index:数据添加位置的索引值 |
| onDataMoved(from:
number,
to:
number):
void | from:
number,
<br/>
to:
number | 通知组件数据有移动。
<br/>
from:
数据移动起始位置,to:
数据移动目标位置。
<br/>
**说明:**
<br/>
数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 |
| onDataMoved(from:
number,
to:
number):
void
<sup>
(deprecated)
</sup>
| from:
number,
<br/>
to:
number | 通知组件数据有移动。
<br/>
从API 8开始,建议使用onDataMove。
<br/>
from:
数据移动起始位置,to:
数据移动目标位置。
<br/>
**说明:**
<br/>
数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 |
| onDataChanged(index:
number):
void | number | 通知组件index的位置有数据有变化。
<br/>
index:数据变化监听器。 |
| onDataDeleted(index: number):void
<sup>
(deprecated)
</sup>
| number | 通知组件删除index位置的数据并刷新LazyForEach的展示内容。
<br/>
从API 8开始,建议使用onDataDelete。
<br/>
index:数据删除位置的索引值 |
| onDataAdd(index:
number):
void | number | 通知组件index的位置有数据添加。
<br/>
index:数据添加位置的索引值 |
| onDataChanged(index:
number):
void
<sup>
(deprecated)
</sup>
| number | 通知组件index的位置有数据有变化。
<br/>
从API 8开始,建议使用onDataChange。
<br/>
index:数据变化监听器。 |
| onDataMove(from:
number,
to:
number):
void | from:
number,
<br/>
to:
number | 通知组件数据有移动。
<br/>
from:
数据移动起始位置,to:
数据移动目标位置。
<br/>
**说明:**
<br/>
数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 |
| onDataAdd(index:
number):
void
<sup>
8+
</sup>
| number | 通知组件index的位置有数据添加。
<br/>
index:数据添加位置的索引值 |
| onDataChanged(index:
number):
void | number | 通知组件index的位置有数据有变化。
<br/>
index:数据变化位置的索引值 |
| onDataMove(from:
number,
to:
number):
void
<sup>
8+
</sup>
| from:
number,
<br/>
to:
number | 通知组件数据有移动。
<br/>
from:
数据移动起始位置,to:
数据移动目标位置。
<br/>
**说明:**
<br/>
数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 |
| onDataDelete(index: number):void
<sup>
8+
</sup>
| number | 通知组件删除index位置的数据并刷新LazyForEach的展示内容。
<br/>
index:数据删除位置的索引值
<br/>
**说明:**
<br/>
需要保证dataSource中的对应数据已经在调用onDataDelete前删除,否则页面渲染将出现未定义的行为。 |
| onDataChange(index:
number):
void
<sup>
8+
</sup>
| number | 通知组件index的位置有数据有变化。
<br/>
index:数据变化位置的索引值 |
## 使用限制
## 使用限制
...
...
zh-cn/application-dev/reference/arkui-js/figures/zh-cn_image_0000001127125116.gif
查看替换文件 @
b10162fd
浏览文件 @
f6c5d66c
69.3 KB
|
W:
|
H:
136.8 KB
|
W:
|
H:
2-up
Swipe
Onion skin
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
浏览文件 @
f6c5d66c
...
@@ -41,7 +41,7 @@ Checkbox(options?: {name?: string, group?: string })
...
@@ -41,7 +41,7 @@ Checkbox(options?: {name?: string, group?: string })
| 名称 | 功能描述 |
| 名称 | 功能描述 |
| -------------------------------------------- | ------------------------------------------------------------ |
| -------------------------------------------- | ------------------------------------------------------------ |
| onChange(callback: (value: boolean) => void) | 当选中状态发生变化时,触发该回调。
(只有手动触发且Checkbox状态改变时才会触发onChange回调)
<br>
- value为true时,表示已选中。
<br>
- value为false时,表示未选中。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| onChange(callback: (value: boolean) => void) | 当选中状态发生变化时,触发该回调。
<br>
- value为true时,表示已选中。
<br>
- value为false时,表示未选中。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。 |
## MarkStyle<sup>10+</sup>对象说明
## MarkStyle<sup>10+</sup>对象说明
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
浏览文件 @
f6c5d66c
...
@@ -41,7 +41,7 @@ CheckboxGroup(options?: { group?: string })
...
@@ -41,7 +41,7 @@ CheckboxGroup(options?: { group?: string })
| 名称 | 功能描述 |
| 名称 | 功能描述 |
| -------- | -------- |
| -------- | -------- |
| onChange (callback: (event:
[
CheckboxGroupResult
](
#checkboxgroupresult对象说明
)
) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时,触发回调。
(只有手动触发且Checkbox或CheckboxGroup状态改变时才会触发onChange回调)
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。|
| onChange (callback: (event:
[
CheckboxGroupResult
](
#checkboxgroupresult对象说明
)
) => void ) |CheckboxGroup的选中状态或群组内的Checkbox的选中状态发生变化时,触发回调。
<br/>
从API version 9开始,该接口支持在ArkTS卡片中使用。|
## CheckboxGroupResult对象说明
## CheckboxGroupResult对象说明
...
...
zh-cn/application-dev/ui/arkts-layout-update-animation.md
浏览文件 @
f6c5d66c
...
@@ -7,7 +7,7 @@
...
@@ -7,7 +7,7 @@
| 动画类型 | 特点 |
| 动画类型 | 特点 |
| ---- | ---------------------------------------- |
| ---- | ---------------------------------------- |
| 显式动画 | 闭包内的变化均会触发动画,包括由数据变化引起的组件的增删、组件属性的变化等,可以做较为复杂的动画。 | 较复杂的动画场景 |
| 显式动画 | 闭包内的变化均会触发动画,包括由数据变化引起的组件的增删、组件属性的变化等,可以做较为复杂的动画。 | 较复杂的动画场景 |
| 属性动画 | 动画设置简单,属性变化时自动触发动画。 |
| 属性动画 | 动画设置简单,属性变化时自动触发动画。 |
## 使用显式动画产生布局更新动画
## 使用显式动画产生布局更新动画
...
@@ -226,9 +226,9 @@ struct LayoutChange2 {
...
@@ -226,9 +226,9 @@ struct LayoutChange2 {
.
height
(
this
.
myHeight
)
.
height
(
this
.
myHeight
)
// animation只对其上面的type、width、height属性生效,时长为1000ms,曲线为Ease
// animation只对其上面的type、width、height属性生效,时长为1000ms,曲线为Ease
.
animation
({
duration
:
1000
,
curve
:
Curve
.
Ease
})
.
animation
({
duration
:
1000
,
curve
:
Curve
.
Ease
})
// animation对下面的backgroundColor、margin属性不生效
.
backgroundColor
(
this
.
myColor
)
.
backgroundColor
(
this
.
myColor
)
.
margin
(
20
)
.
margin
(
20
)
// animation对下面的backgroundColor、margin属性不生效
Button
(
"
area: click me
"
)
Button
(
"
area: click me
"
)
.
fontSize
(
12
)
.
fontSize
(
12
)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录