Progress触摸热区增大demo

Progress触摸热区增大demo

HarmonyOS
2024-06-04 00:09:06
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
躺平嗑产品懒猫
@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
相关问题
如何查看触摸范围
263浏览 • 1回复 待解决
HarmonyOS如何增加控件点击
433浏览 • 1回复 待解决
HarmonyOS so的修复能力
393浏览 • 1回复 待解决
Flutter 重载方法有哪些?
209浏览 • 1回复 待解决
js FA支持多点触摸吗?
4457浏览 • 1回复 待解决
HarmonyOS 控件多指触摸问题
281浏览 • 1回复 待解决
基于Progress组件的进度条
410浏览 • 1回复 待解决
PolarDB增加存储可用如何操作?
2717浏览 • 1回复 待解决
求大佬告知如何屏蔽触摸事件
604浏览 • 1回复 待解决
鸿蒙响应屏幕触摸事件如何获取?
7301浏览 • 1回复 已解决
如何通过Progress实现loading效果?
305浏览 • 1回复 待解决
有谁知道如何屏蔽触摸事件
1636浏览 • 1回复 待解决
HarmonyOS Progress UI控件的进度控制
259浏览 • 2回复 待解决
4.0release不支持重载?
2370浏览 • 1回复 待解决
关于har和hsp的重载使用
873浏览 • 1回复 待解决
触摸TextInput组件的背景颜色如何更改
443浏览 • 1回复 待解决
重载该如何实现?有人知道吗?
713浏览 • 1回复 待解决
鸿蒙插件化和更新机制
2532浏览 • 1回复 待解决
如何去实现部分har页面的更新
262浏览 • 1回复 待解决