HarmonyOS slider的block大小变大时,slider左右间距会自动变大,预期是长按拖动进度条的时候滑块变大、slider高度变高、宽度两侧保持不动,有什么好的方案

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

可参考示例如下:

@Entry
@Component
export struct Test5 {
  @State isDragging: boolean = false
  @State outSetValueOne: number = 40

  build() {
    Column({ space: 8 }) {
      Text('block').fontSize(9).fontColor(0xCCCCCC).margin(15).width('90%')
      Slider({ style: SliderStyle.OutSet, value: this.outSetValueOne })
        .onChange((value: number, mode: SliderChangeMode) => {
          if (mode == SliderChangeMode.Begin) {
            this.isDragging = true
          } else if (mode == SliderChangeMode.End) {
            this.isDragging = false
          }
          this.outSetValueOne = value
        })
        .margin({ left: this.isDragging ? -15 : -3, right: this.isDragging ? -14 : -2 })
        .trackColor(Color.Black)
        .layoutWeight(1)
        .blockColor(this.isDragging ? "#f2ff2e43" : Color.White)
        .blockSize({ width: this.isDragging ? 40 : 16, height: this.isDragging ? 40 : 16 })
        .selectedColor("#f2ff2e43")
        .trackThickness(this.isDragging ? 10 : 2)
        .blockBorderColor(this.isDragging ? "#80fe3b5d" : "")
        .blockBorderWidth(this.isDragging ? 22 : 0)
    }
  }
}
分享
微博
QQ
微信
回复
1天前
相关问题
如何修改Slider滑块颜色?
486浏览 • 1回复 待解决
HarmonyOS Slider showTips
310浏览 • 1回复 待解决
HarmonyOS Slider使用问题
43浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
396浏览 • 1回复 待解决
HarmonyOS Slider UI展示问题
474浏览 • 1回复 待解决
HarmonyOS 自定义Slider
37浏览 • 1回复 待解决
HarmonyOS 双向滑动Slider组件
59浏览 • 1回复 待解决
如何监听Slider滑动结束
457浏览 • 1回复 待解决
如何实现纵向且逆向滑动Slider
452浏览 • 1回复 待解决
Slider拦截点击事件失败
310浏览 • 1回复 待解决
JSSlider旋转问题有知道吗?
3237浏览 • 1回复 待解决
HarmonyOS 自定义Slider样式
392浏览 • 1回复 待解决
HarmonyOS Slider值回调问题
33浏览 • 1回复 待解决
HarmonyOS Slider滑动自定义tips
28浏览 • 1回复 待解决