五、交互行为(06):滑杆

视频链接:哔哩哔哩

滑杆是一种用于选择和调整数值的小部件,通常由一个水平或垂直的条形区域和一个可拖动的滑块组成。

应用场景

  1. 调整音量:在音乐或视频播放器中,滑杆通常用于调整音量。用户可以通过拖动滑块来选择一个音量范围,从而调整音量大小。
  2. 调整亮度:在图像或视频编辑器中,滑杆可以用于调整亮度。用户可以通过拖动滑块来选择一个亮度范围,从而调整图像或视频的亮度。
  3. 选择进度:在音乐或视频播放器中,滑杆可以用于选择播放进度。用户可以通过拖动滑块来选择一个播放进度范围,从而跳转到指定的播放位置。
  4. 调整数值:在设置或配置页面中,滑杆可以用于调整各种数值。例如,用户可以通过拖动滑块来调整屏幕分辨率、字体大小、网络速度等。
  5. 选择范围:在数据分析和可视化工具中,滑杆可以用于选择数据范围。例如,用户可以通过拖动滑块来选择一个数据范围,从而筛选出符合条件的数据。

常用属性

属性 作用 默认值
初始值 设置滑杆的初始值 5
最小值 设置滑杆的最小值 0
最大值 设置滑杆的最大值 10
步长 设置滑杆的步长
设置滑杆的宽度
活跃颜色 设置滑杆的活跃颜色,即滑杆左侧的颜色 #FF4B39EF
不活跃颜色 设置滑杆的不活跃颜色,即滑杆右侧的颜色 #FFE0E3E7
显示值 设置为true,即滑杆滑动的过程中显示值 false
设置精度 即显示值的精度
禁用 设置为true,即禁止滑杆滑动 false
相关推荐
Jeking2179 小时前
低代码平台表单设计器unione form editor组件介绍--多行输入组件
低代码·动态表单·表单设计·表单引擎·unione cloud
Jeking21711 小时前
低代码平台表单设计器 unione form editor 布局组件--标签布局
低代码·动态表单·表单设计·表单引擎·unione cloud
程序员老刘12 小时前
为什么AI不会淘汰Flutter,反而让它更吃香了
flutter·ai编程·客户端
一切皆是因缘际会13 小时前
AI低代码开发实战:轻量化部署与多场景落地
人工智能·深度学习·低代码·机器学习·ai·架构
蝎子莱莱爱打怪13 小时前
我花两年业余时间做了个IM系统,然后呢😂??
后端·flutter·面试
Swuagg19 小时前
Flutter EventBus 架构设计:基于 Stream 的事件总线实现与实践
flutter·eventbus·事件总线
恋猫de小郭20 小时前
Jetbrains 官宣正式发布 KMP 全新默认项目结构,向着 Amper 靠近
android·前端·flutter
踩着两条虫20 小时前
可视化设计器组件系统:从交互核心到 AI 智能代理的落地实践
开发语言·前端·人工智能·低代码·设计模式·架构
光影少年20 小时前
大前端框架生态
前端·javascript·flutter·react.js·前端框架·鸿蒙·angular.js