Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
da365ac4
D
Docs
项目概览
OpenHarmony
/
Docs
1 年多 前同步成功
通知
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看板
未验证
提交
da365ac4
编写于
3月 25, 2023
作者:
O
openharmony_ci
提交者:
Gitee
3月 25, 2023
浏览文件
操作
浏览文件
下载
差异文件
!15396 Checkbox/CheckboxGroup组件UX规格与特征动效整改DOC
Merge pull request !15396 from chensi10/checkboxDoc
上级
843cd450
a25464c1
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
19 addition
and
0 deletion
+19
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
...on-dev/reference/arkui-ts/ts-basic-components-checkbox.md
+10
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
...v/reference/arkui-ts/ts-basic-components-checkboxgroup.md
+9
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkbox.md
浏览文件 @
da365ac4
...
...
@@ -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?: {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
\|
string | 否 | - | 内部图标大小,单位vp。默认大小与多选框组件宽度设置值一致。
<br
/>
不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
| strokeWidth | number
\|
string | 否 | 2 | 内部图标粗细,单位vp。不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
## 示例
```
ts
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-checkboxgroup.md
浏览文件 @
da365ac4
...
...
@@ -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
\|
string | 否 | - | 内部图标大小,单位vp。默认大小与多选框群组组件宽度设置值一致。
<br
/>
不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
| strokeWidth | number
\|
string | 否 | 2 | 内部图标粗细,单位vp。不支持百分比形式设置。当设置为非法值时,按照默认值处理。 |
## 示例
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录