未验证 提交 f6c5d66c 编写于 作者: O openharmony_ci 提交者: Gitee

!17684 checkBox文档修改

Merge pull request !17684 from 田雨/master
...@@ -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包装类,通知数据更新。
......
...@@ -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。
......
...@@ -75,15 +75,17 @@ interface DataChangeListener { ...@@ -75,15 +75,17 @@ interface DataChangeListener {
} }
``` ```
| 接口声明 | 参数类型 | 说明 | | 接口声明 | 参数类型 | 说明 |
| ---------------------------------------- | -------------------------------------- | ---------------------------------------- | | ------------------------------------------------------------ | -------------------------------------- | ------------------------------------------------------------ |
| onDataReloaded(): void | - | 通知组件重新加载所有数据。 | | onDataReloaded(): void | - | 通知组件重新加载所有数据。 |
| onDataAdded(index:&nbsp;number):void | number | 通知组件index的位置有数据添加。<br/>index:数据添加位置的索引值 | | onDataAdded(index:&nbsp;number):void<sup>(deprecated)</sup> | number | 通知组件index的位置有数据添加。<br/>从API 8开始,建议使用onDataAdd。<br/>index:数据添加位置的索引值 |
| onDataMoved(from:&nbsp;number,&nbsp;to:&nbsp;number):&nbsp;void | from:&nbsp;number,<br/>to:&nbsp;number | 通知组件数据有移动。<br/>from:&nbsp;数据移动起始位置,to:&nbsp;数据移动目标位置。<br/>**说明:**<br/>数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 | | onDataMoved(from:&nbsp;number,&nbsp;to:&nbsp;number):&nbsp;void<sup>(deprecated)</sup> | from:&nbsp;number,<br/>to:&nbsp;number | 通知组件数据有移动。<br/>从API 8开始,建议使用onDataMove。<br/>from:&nbsp;数据移动起始位置,to:&nbsp;数据移动目标位置。<br/>**说明:**<br/>数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 |
| onDataChanged(index:&nbsp;number):&nbsp;void | number | 通知组件index的位置有数据有变化。<br/>index:数据变化监听器。 | | onDataDeleted(index: number):void<sup>(deprecated)</sup> | number | 通知组件删除index位置的数据并刷新LazyForEach的展示内容。<br/>从API 8开始,建议使用onDataDelete。<br/>index:数据删除位置的索引值 |
| onDataAdd(index:&nbsp;number):&nbsp;void | number | 通知组件index的位置有数据添加。<br/>index:数据添加位置的索引值 | | onDataChanged(index:&nbsp;number):&nbsp;void<sup>(deprecated)</sup> | number | 通知组件index的位置有数据有变化。<br/>从API 8开始,建议使用onDataChange。<br/>index:数据变化监听器。 |
| onDataMove(from:&nbsp;number,&nbsp;to:&nbsp;number):&nbsp;void | from:&nbsp;number,<br/>to:&nbsp;number | 通知组件数据有移动。<br/>from:&nbsp;数据移动起始位置,to:&nbsp;数据移动目标位置。<br/>**说明:**<br/>数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 | | onDataAdd(index:&nbsp;number):&nbsp;void<sup>8+</sup> | number | 通知组件index的位置有数据添加。<br/>index:数据添加位置的索引值 |
| onDataChanged(index:&nbsp;number):&nbsp;void | number | 通知组件index的位置有数据有变化。<br/>index:数据变化位置的索引值 | | onDataMove(from:&nbsp;number,&nbsp;to:&nbsp;number):&nbsp;void<sup>8+</sup> | from:&nbsp;number,<br/>to:&nbsp;number | 通知组件数据有移动。<br/>from:&nbsp;数据移动起始位置,to:&nbsp;数据移动目标位置。<br/>**说明:**<br/>数据移动前后键值要保持不变,如果键值有变化,应使用删除数据和新增数据接口。 |
| onDataDelete(index: number):void<sup>8+</sup> | number | 通知组件删除index位置的数据并刷新LazyForEach的展示内容。<br/>index:数据删除位置的索引值<br/>**说明:** <br/>需要保证dataSource中的对应数据已经在调用onDataDelete前删除,否则页面渲染将出现未定义的行为。 |
| onDataChange(index:&nbsp;number):&nbsp;void<sup>8+</sup> | number | 通知组件index的位置有数据有变化。<br/>index:数据变化位置的索引值 |
## 使用限制 ## 使用限制
......
...@@ -41,7 +41,7 @@ Checkbox(options?:&nbsp;{name?: string, group?: string }) ...@@ -41,7 +41,7 @@ Checkbox(options?:&nbsp;{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>对象说明
......
...@@ -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对象说明
......
...@@ -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.
先完成此消息的编辑!
想要评论请 注册