1 Star 0 Fork 0

ScenarioSamples/CustomSlider

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

自定义滑块、进度条

介绍

提供一个自定义滑块、自定义进度条的Demo,可实现最大值,最小值,并动态显示当前值。

效果预览

约束与限制

  • IDE:DevEco Release版本
  • SDK:5.0.0(12)

使用说明

拉动进度条可以看到数值变化。

实现思路

Slider({
  direction: Axis.Vertical,
  step: 1,
  min: this.minH,
  max: this.maxH,
  reverse: true,
  value: this.heights,
  style: SliderStyle.InSet
})
  .selectedColor(Color.Orange)
  .borderRadius(0)
  .height(450)
  .padding(10)
  .showSteps(true)
  .onChange(value => {
  this.heights = Math.floor(value)
  })

工程目录

|---AppScope                       # 应用配置
|---entry/src/main                 # 模块
      |---ets                        # 项目代码
        |---common                     # 公共常量
        |---entryability               # entryability
        |---entrybackupablility        # entrybackupablility
        |---page                       # 页面
      |---resources                 # 资源

ChangeLog

修订版本 修订内容 修订日期
1.0.0 首版本 2025-01-10
1.0.1 修改README 2025-2-20

一份简单的问卷反馈

亲爱的Harmony Next开发者,您好!
为了协助您高效开发,提高鸿蒙场景化示例的质量,希望您在浏览或使用后抽空填写一份简单的问卷,我们将会收集您的宝贵意见进行优化

点击此处填写问卷

空文件

简介

【鸿蒙 Harmony Next 示例 代码】提供一个自定义滑块、自定义进度条的Demo,可实现最大值,最小值,并动态显示当前值。 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/scenario-samples/custom-slider.git
git@gitee.com:scenario-samples/custom-slider.git
scenario-samples
custom-slider
CustomSlider
master

搜索帮助