HarmonyOS 组件旋转后,平移方向出错
组件旋转后,组件的x, y轴还是原来的方向。代码:
import json from '@ohos.util.json'
@Entry
@Component
struct Index {
@State imageWidth: number = 0
@State imageHeight: number = 0
@State offsetX: number = 0
@State offsetY: number = 0
@State positionX: number = 0
@State positionY: number = 0
@State angle: number = 0
@State rotateValue: number = 0
@State scaleValue: number = 1
@State pinchValue: number = 1
@State pinchX: number = 0
@State pinchY: number = 0
@State centerX: number = 0
@State centerY: number = 0
aboutToAppear(): void {
}
build() {
Column() {
Text('标题栏')
.width('100%')
.height(50)
.textAlign(TextAlign.Center)
Column() {
Image($r('app.media.img'))
.width(200)
.height(200)
.scale({ x: this.scaleValue, y: this.scaleValue, z: 1 })
.translate({ x: this.offsetX, y: this.offsetY, z: 0 })
.rotate({
angle: this.angle,
})
.gesture(GestureGroup(GestureMode.Parallel,
PanGesture()
.onActionUpdate((event: GestureEvent) => {
if (event) {
this.offsetX = this.positionX + event.offsetX
this.offsetY = this.positionY + event.offsetY
}
})
.onActionEnd(() => {
this.positionX = this.offsetX
this.positionY = this.offsetY
console.info('Pan end')
}),
RotationGesture()
.onActionUpdate((event: GestureEvent) => {
if (event) {
this.angle = this.rotateValue + event.angle
}
})
.onActionEnd((event: GestureEvent) => {
this.rotateValue = this.angle
console.error(`${json.stringify(event)}`)
console.error(`${this.rotateValue}`)
console.info('Rotation end')
})
)
)
}.width(500).height(500)
}
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 组件旋转后,平移的x y轴也跟着变了
224浏览 • 1回复 待解决
HarmonyOS 旋转设备获取设备方向问题
386浏览 • 1回复 待解决
HarmonyOS 代码中如何设置屏幕旋转方向
672浏览 • 1回复 待解决
HarmonyOS 视频播放时全屏播放后屏幕旋转为习惯性方向,请问习惯性方向是指的什么?
273浏览 • 1回复 待解决
HarmonyOS 如何让“方向传感器”、控制中心的“旋转锁定”同时影响屏幕旋转
615浏览 • 1回复 待解决
HarmonyOS 组件旋转
316浏览 • 1回复 待解决
HarmonyOS 页面传参后对象出错
292浏览 • 1回复 待解决
HarmonyOS 平移动画
324浏览 • 1回复 待解决
HarmonyOS PixelMap在操作图片旋转移动后组件不刷新
225浏览 • 1回复 待解决
Ets 手势问题, PanGesture与PinchGesture 如何监听平移方向与捏合是外扩,还是内缩?
2766浏览 • 1回复 待解决
HarmonyOS web组件滚动方向判断
240浏览 • 1回复 待解决
HarmonyOS 集成华为账号登录后,点击登录出错
512浏览 • 1回复 待解决
HarmonyOS Text组件如何设置文字方向
297浏览 • 1回复 待解决
Tabs组件选中下划线需要平移动效
1908浏览 • 1回复 待解决
HarmonyOS 平移动画问题
218浏览 • 1回复 待解决
如何展示一张图片沿着一个边在z方向进行旋转?
632浏览 • 1回复 待解决
HarmonyOS 依赖npm上的三方库,下载过来后,import 后出错
625浏览 • 1回复 待解决
setPreferredOrientation切换横竖屏时,能设置旋转方向(顺时针或逆时针)吗?
615浏览 • 1回复 待解决
HarmonyOS Stack布局,子组件对齐方向问题
1634浏览 • 1回复 待解决
HarmonyOS 使用Image组件加载图片方向不对
726浏览 • 1回复 待解决
HarmonyOS 组件旋转后,使用componentSnapshot截图,截到的图片不是显示给用户显示的样子
334浏览 • 1回复 待解决
Windows工作环境搭建完成后,编译时出错~求助
7393浏览 • 1回复 已解决
求助,自定义组件到底哪里出错了?
2481浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在Text组件上实现旋转手势控制旋转动作?
239浏览 • 1回复 待解决
HarmonyOS 使用媒体相机拍照或者录制视频时,旋转角度如何根据当前用户的屏幕方向进行设置
236浏览 • 1回复 待解决
可以将gesture组合手势放在父组件进行规避,代码如下: