如何实现带刻度的进度条?

如何实现带刻度的进度条?

HarmonyOS
5天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
trobust
@State outSetValueOne: number = 40
build() {
  Column({ space: 8 }) {
    Row() {
      Slider({
        value: this.outSetValueOne,
        min: 0,
        max: 100,
        style: SliderStyle.OutSet
      })
        .showTips(true)
        .onChange((value: number, mode: SliderChangeMode) => {
          this.outSetValueOne = value
          console.info('value:' + value + 'mode:' + mode.toString())
        })
      // toFixed(0)将滑动条返回值处理为整数精度
      Text(this.outSetValueOne.toFixed(0)).fontSize(12)
    }
    .width('80%')
  }.width('100%')
  .height("100%")
  .justifyContent(FlexAlign.Center)
}

分享
微博
QQ
微信
回复
4天前
相关问题
如何实现图片进度条
383浏览 • 1回复 待解决
弧形进度条实现,有人知道方法吗?
337浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
36浏览 • 1回复 待解决
服务卡片进度条如何停止动画
7453浏览 • 1回复 待解决
app切换到后台时进度条处理问题
1503浏览 • 0回复 待解决
怎么在进度条更新时候刷新页面?
3460浏览 • 1回复 待解决
视频进度滑动三种实现方式
378浏览 • 1回复 待解决
如何自定义滚动样式?
58浏览 • 1回复 待解决
如何获取List组件滚动滚动距离
917浏览 • 1回复 待解决
Swiper轮播图放大缩小动效实践
551浏览 • 1回复 待解决
sql 怎么对单位字符串排序?
1043浏览 • 1回复 待解决
Text怎么显示html标签文本
3021浏览 • 1回复 待解决
linux排除空行和#开头
3707浏览 • 1回复 待解决
ohpm unpublish 对于group不成功
292浏览 • 1回复 待解决
Text怎么解析展示html标签文本?
1410浏览 • 1回复 待解决