HarmonyOS Image组件是否支持手势缩放呢?

app需要在视频直播界面显示图像,显示完图像后,有手势缩放的要求,Image组件是否支持这个功能特性呢?如果支持这个功能特性,如何实现手势缩放呢?

HarmonyOS
2024-10-09 12:36:59
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可以给Image组件添加PinchGesture捏合手势,代码参考:

// xxx.ets  
@Entry  
@Component  
struct PinchGestureExample {  
  @State scaleValue: number = 1  
  @State pinchValue: number = 1  
  @State pinchX: number = 0  
  @State pinchY: number = 0  
  build() {  
    Stack({alignContent:Alignment.TopStart}) {  
      Image($r('app.media.startIcon'))  
        .height('100%')  
        .width('100%')  
        .objectFit(ImageFit.Contain)  
        .scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })  
          // 2指捏合触发该手势事件  
        .gesture(  
          PinchGesture({ fingers: 2 })  
            .onActionStart((event: GestureEvent) => {  
              console.info('Pinch start')  
            })  
            .onActionUpdate((event: GestureEvent) => {  
              if (event) {  
                this.scaleValue = this.pinchValue * event.scale  
                this.pinchX = event.pinchCenterX  
                this.pinchY = event.pinchCenterY  
              }  
            })  
            .onActionEnd((event: GestureEvent) => {  
              this.pinchValue = this.scaleValue  
              console.info('Pinch end')  
            })  
        )  
      Column() {  
        Text('PinchGesture scale:\n' + this.scaleValue)  
        Text('PinchGesture center:\n(' + this.pinchX + ',' + this.pinchY + ')')  
      }  
  
    }.width('100%')  
  }  
}

参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-gestures-pinchgesture-V5#%E7%A4%BA%E4%BE%8B

分享
微博
QQ
微信
回复
2024-10-09 17:39:04
相关问题
HarmonyOS Image组件是否支持缓存?
270浏览 • 1回复 待解决
Web组件如何开启手势缩放
1635浏览 • 1回复 待解决
Image组件是否支持.9图片
330浏览 • 1回复 待解决
image组件是否支持图片下载链接
1681浏览 • 1回复 待解决
Image组件如何实现双指手势放大
2395浏览 • 1回复 待解决
studio是否支持热加载
263浏览 • 1回复 待解决
Image组件是否有缓存机制
1262浏览 • 1回复 待解决
HarmonyOS是否支持图表组件
264浏览 • 1回复 待解决
WebView支持页面缩放吗?
945浏览 • 1回复 待解决
HarmonyOS web组件是否支持webrtc?
274浏览 • 1回复 待解决
HarmonyOS Web组件内容缩放问题
371浏览 • 1回复 待解决
HarmonyOS ArkWeb组件是否支持深拷贝?
426浏览 • 2回复 待解决