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

!15878 Slider滑动条组件UX规格与特征动效整改DOC

Merge pull request !15878 from chensi10/slider-0310
......@@ -52,7 +52,33 @@ Slider(options?: {value?: number, min?: number, max?: number, step?: number, sty
| showSteps | boolean | 设置当前是否显示步长刻度值。<br/>默认值:false <br/>从API version 9开始,该接口支持在ArkTS卡片中使用。|
| showTips | boolean | 设置滑动时是否显示百分比气泡提示。<br/>默认值:false <br/>从API version 9开始,该接口支持在ArkTS卡片中使用。<br/>**说明:** <br/>当direction的属性值为Axis.Horizontal时,tip显示在滑块正上方。值为Axis.Vertical时,tip显示在滑块正左边。<br/>tip的绘制区域为Slider自身节点的overlay。<br/>Slider不设置边距,或者边距比较小时,tip会被截断。 |
| trackThickness | [Length](ts-types.md#length) | 设置滑轨的粗细。<br/>从API version 9开始,该接口支持在ArkTS卡片中使用。 |
| blockBorderColor<sup>10+</sup> | [ResourceColor](ts-types.md#resourcecolor) | 设置滑块描边颜色。 |
| blockBorderWidth<sup>10+</sup> | [Length](ts-types.md#length) | 设置滑块描边粗细。 |
| stepColor<sup>10+</sup> | [ResourceColor](ts-types.md#resourcecolor) | 设置刻度颜色。 |
| trackBorderRadius<sup>10+</sup> | [Length](ts-types.md#length) | 设置底板圆角半径。 |
| blockSize<sup>10+</sup> | [SizeOptions](ts-types.md#sizeoptions) | 设置滑块大小。 |
| blockStyle<sup>10+</sup> | [SliderBlockStyle](#sliderblockstyle10) | 设置滑块形状参数。 |
| stepSize<sup>10+</sup> | [Length](ts-types.md#length) | 设置刻度大小(直径)。 |
## SliderBlockStyle<sup>10+</sup>对象说明
Slider组件滑块形状参数。
| 名称 | 类型 | 必填 | 说明 |
| ----- | ------------------------------------------------------------ | ---- | ------------------------------------------------------------ |
| type | [SliderBlockType](#sliderblocktype10) | 是 | 设置滑块形状。<br/>默认值:SliderBlockType.DEFAULT,使用圆形滑块。 |
| image | [ResourceStr](ts-types.md#resourcestr) | 否 | 设置滑块图片资源。<br />图片显示区域大小由blockSize属性控制,请勿输入尺寸过大的图片。 |
| shape | [Circle](ts-drawing-components-circle.md)&nbsp;\|&nbsp;[Ellipse](ts-drawing-components-ellipse.md)&nbsp;\|&nbsp;[Path](ts-drawing-components-path.md)&nbsp;\|&nbsp;[Rect](ts-drawing-components-rect.md)&nbsp; | 否 | 设置滑块使用的自定义形状。 |
## SliderBlockType<sup>10+</sup>枚举说明
Slier组件滑块形状枚举。
| 名称 | 描述 |
| ------- | ---------------------- |
| DEFAULT | 使用默认滑块(圆形)。 |
| IMAGE | 使用图片资源作为滑块。 |
| SHAPE | 使用自定义形状作为滑块。 |
## 事件
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册