Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
a7e6439f
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看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
a7e6439f
编写于
3月 23, 2023
作者:
O
openharmony_ci
提交者:
Gitee
3月 23, 2023
浏览文件
操作
浏览文件
下载
差异文件
!15878 Slider滑动条组件UX规格与特征动效整改DOC
Merge pull request !15878 from chensi10/slider-0310
上级
f666d25a
e5c24282
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
26 addition
and
0 deletion
+26
-0
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md
...tion-dev/reference/arkui-ts/ts-basic-components-slider.md
+26
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-slider.md
浏览文件 @
a7e6439f
...
...
@@ -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
)
\|
[Ellipse](ts-drawing-components-ellipse.md)
\|
[Path](ts-drawing-components-path.md)
\|
[Rect](ts-drawing-components-rect.md)
| 否 | 设置滑块使用的自定义形状。 |
## 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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录