Progress触摸热区增大demo

Progress触摸热区增大demo

HarmonyOS
2024-06-04 00:09:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
p3586
@Component 
export struct sliderExample { 
  @State text: string = '哈哈哈' 
  @State value: number = 40; 
  flagValue: number = 0 
  build() { 
    Stack() { 
      Text(this.text).fontSize(20) 
      Row() { 
      } 
      .onClick(() => { 
        this.text = '上方横条onclick' 
      }) 
      .backgroundColor(Color.Orange) 
      .width('100%') 
      .height(24) 
      .position({ x: 0, y: '100%' }) 
      .markAnchor({ x: 0, y: 96 }) 
      Row() { } 
      .onClick(() => { this.text = '下方横条onclick' }) 
      .backgroundColor(Color.Pink) 
      .width('100%') 
      .height(24) 
      .position({ x: 0, y: '100%' }) 
      .markAnchor({ x: 0, y: 48 }) 
      Row() { 
        Slider({ style: SliderStyle.OutSet, value: this.value }) 
          .blockSize({ width: 6, height: 6 }) 
          .blockBorderColor(Color.White) 
          .blockBorderWidth(5) 
          .height(24) 
          .trackThickness(3) 
          .backgroundColor(Color.Red) 
          .onChange((value)=>{ 
            this.value = value 
          }) 
      } 
      .position({ x: 0, y: '100%' }) 
      .markAnchor({ x: 0, y: 72 }) 
      .backgroundColor('rgba(255, 255,255,0.5)') 
      .responseRegion([{ x: 0, y: 0, width: '100%', height: '100%' }, 
        { x: 0, y: '100%', width: '100%', height: '100%' }, 
        { x: 0, y: '-100%', width: '100%', height: '100%' }]) 
      .hitTestBehavior(HitTestMode.Transparent) 
      .gesture( 
        PanGesture(new PanGestureOptions({ direction: PanDirection.Left | PanDirection.Right })) 
          .onActionStart(() => { 
            this.flagValue = this.value 
          }) 
          .onActionUpdate((event?: GestureEvent) => { 
            if (event) { 
              this.value = this.flagValue + (event.offsetX / 3) 
            } 
          }) 
      ) 
    } 
    .backgroundColor(Color.Green) 
    .width('100%') 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 22:53:35
相关问题
js FA支持多点触摸吗?
3457浏览 • 1回复 待解决
如何通过Progress实现loading效果?
58浏览 • 1回复 待解决
Progress进度条如何实现渐变色?
70浏览 • 1回复 待解决
求大佬告知如何屏蔽触摸事件
372浏览 • 1回复 待解决
鸿蒙响应屏幕触摸事件如何获取?
6221浏览 • 1回复 已解决
关于har和hsp的重载使用
457浏览 • 1回复 待解决
requestPermissionsFromUser使用Demo
566浏览 • 1回复 待解决
PolarDB增加存储可用如何操作?
1668浏览 • 1回复 待解决
4.0release不支持重载?
981浏览 • 1回复 待解决
有谁知道如何屏蔽触摸事件
610浏览 • 1回复 待解决
avplayer播放视频demo
382浏览 • 1回复 待解决
重载该如何实现?有人知道吗?
374浏览 • 1回复 待解决
鸿蒙插件化和更新机制
1380浏览 • 1回复 待解决
应用获取不同权限demo
474浏览 • 1回复 待解决
如何找出Redis中的大Key与Key?
1648浏览 • 1回复 待解决
实现简易元服务卡片Demo
511浏览 • 1回复 待解决