HarmonyOS Slider 设置为竖直方向,blockStyle为IMAGE,滑竿不能滑动

HarmonyOS
6h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

Slider设置为竖直方向,blockStyle为IMAGE时Slider可以正常滑动

@Entry
@Component
struct SliderExample {
  @State vInSetValueOne: number = 40
  @State vInSetValueTwo: number = 40

  build() {
    Column({ space: 8 }) {
      Column() {
        Text('vertical inset slider').fontSize(9).fontColor(0xCCCCCC).width('50%').margin(15)
        Row() {
          Slider({
            value: this.vInSetValueOne,
            style: SliderStyle.InSet,
            direction: Axis.Vertical,
            reverse: true // 竖向的Slider默认是上端是min值,下端是max值,因此想要从下往上滑动,需要设置reverse为true
          })
            .blockStyle({ type: SliderBlockType.IMAGE, image: $r('sys.media.ohos_ic_public_ok') })
            .showTips(true)
            .onChange((value: number, mode: SliderChangeMode) => {
              this.vInSetValueOne = value
              console.info('value:' + value + 'mode:' + mode.toString())
            })
          Slider({
            value: this.vInSetValueTwo,
            step: 10,
            style: SliderStyle.InSet,
            direction: Axis.Vertical,
            reverse: true
          })
            .blockStyle({ type: SliderBlockType.IMAGE, image: $r('sys.media.ohos_app_icon') })
            .showSteps(true)
            .onChange((value: number, mode: SliderChangeMode) => {
              this.vInSetValueTwo = value
              console.info('value:' + value + 'mode:' + mode.toString())
            })
        }
      }.width('50%').height(300)
    }.width('100%')
  }
}
分享
微博
QQ
微信
回复
4h前
相关问题
如何设置屏幕方向横屏
1239浏览 • 1回复 待解决
HarmonyOS Slider滑动问题
344浏览 • 1回复 待解决
周日历滑动,以周一个单位滑动
770浏览 • 1回复 待解决
设置XComponent组件透明
520浏览 • 1回复 待解决
XComponent 怎么设置透明
2217浏览 • 1回复 待解决
如何监听Slider滑动结束
416浏览 • 1回复 待解决
HarmonyOS page和WebView无法设置透明
422浏览 • 1回复 待解决
如何设置卡片背景透明
2741浏览 • 1回复 待解决