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

!15396 Checkbox/CheckboxGroup组件UX规格与特征动效整改DOC

Merge pull request !15396 from chensi10/checkboxDoc
......@@ -32,6 +32,8 @@ Checkbox(options?: {name?: string, group?: string })
| ------------- | ------- | -------- |
| select | boolean | 设置多选框是否选中。<br/>默认值:false<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| selectedColor | [ResourceColor](ts-types.md#resourcecolor) | 设置多选框选中状态颜色。<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| unselectedColor<sup>10+</sup> | [ResourceColor](ts-types.md#resourcecolor) | 设置多选框非选中状态边框颜色。 |
| mark<sup>10+</sup> | [MarkStyle](#markstyle10对象说明) | 多选框内部图标样式。 |
## 事件
......@@ -41,6 +43,14 @@ 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卡片中使用。 |
## MarkStyle<sup>10+</sup>对象说明
| 名称 | 类型 | 必填 | 默认值 | 描述 |
| ----------- | ------------------------------------------ | ---- | ----------- | ------------------------------------------------------------ |
| strokeColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | Color.White | 内部图标颜色。 |
| size | number&nbsp;\|&nbsp;string | 否 | - | 内部图标大小,单位vp。默认大小与多选框组件宽度设置值一致。<br />不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
| strokeWidth | number&nbsp;\|&nbsp;string | 否 | 2 | 内部图标粗细,单位vp。不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
## 示例
```ts
......
......@@ -32,6 +32,8 @@ CheckboxGroup(options?: { group?: string })
| -------- | -------- | -------- |
| selectAll | boolean | 设置是否全选。<br/>默认值:false,若同组的Checkbox显式设置select,则Checkbox的优先级高。<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| selectedColor | [ResourceColor](ts-types.md#resourcecolor) | 设置被选中或部分选中状态的颜色。<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| unselectedColor<sup>10+</sup> | [ResourceColor](ts-types.md#resourcecolor) | 设置非选中状态边框颜色。 |
| mark<sup>10+</sup> | [MarkStyle](#markstyle10对象说明) | 多选框内部图标样式。 |
## 事件
......@@ -60,6 +62,13 @@ CheckboxGroup(options?: { group?: string })
| Part | 群组多选择框部分选择。 |
| None | 群组多选择框全部没有选择。 |
## MarkStyle<sup>10+</sup>对象说明
| 名称 | 类型 | 必填 | 默认值 | 描述 |
| ----------- | ------------------------------------------ | ---- | ----------- | ------------------------------------------------------------ |
| strokeColor | [ResourceColor](ts-types.md#resourcecolor) | 否 | Color.White | 内部图标颜色。 |
| size | number&nbsp;\|&nbsp;string | 否 | - | 内部图标大小,单位vp。默认大小与多选框群组组件宽度设置值一致。<br />不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
| strokeWidth | number&nbsp;\|&nbsp;string | 否 | 2 | 内部图标粗细,单位vp。不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
## 示例
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册