温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

OpenHarmony滑杆怎么用

发布时间:2026-10-10 23:05:16 来源:亿速云 阅读:102 作者:小樊 栏目:软件技术

在 OpenHarmony(ArkUI / eTS) 里,“滑杆”一般指的是 Slider(滑块)组件。下面用最常见的方式给你说明。


一、Slider 基本用法(ArkTS)

@Entry
@Component
struct SliderExample {
  @State value: number = 50

  build() {
    Column() {
      Text('当前值:' + this.value)
        .fontSize(20)
        .margin(10)

      Slider({
        value: this.value,
        min: 0,
        max: 100,
        step: 1
      })
        .showTips(true) // 显示提示
        .onChange((newValue: number) => {
          this.value = newValue
        })
    }
    .width('100%')
    .padding(20)
  }
}

二、常用属性说明

属性 说明
value 当前值
min 最小值
max 最大值
step 步长(每次滑动变化量)
showTips 是否显示数值提示
onChange 值变化回调

三、横向 / 纵向滑杆

横向(默认)

Slider({ value: 30, min: 0, max: 100 })

纵向

Slider({ value: 30, min: 0, max: 100 })
  .vertical(true)
  .height(200)

四、实际应用场景

1️⃣ 音量调节

Slider({ value: volume, min: 0, max: 100 })
  .onChange(v => volume = v)

2️⃣ 亮度调节

Slider({ value: brightness, min: 0, max: 255, step: 5 })

五、注意事项

  • Slider 是 受控组件,必须绑定 value
  • 值变化一定要在 onChange 中更新 @State
  • API 版本不同,参数略有差异(OpenHarmony 3.2+ 推荐用 ArkTS)

如果你用的是:

  • JS UI(旧版)
  • OpenHarmony 特定版本
  • 想要自定义滑杆样式

可以告诉我,我可以给你对应示例。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI
助
手