HarmonyOS Image配置的图片如何旋转

HarmonyOS
2024-12-25 13:38:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

可参考示例如下:

import { curves } from '@kit.ArkUI'

@Entry
@Component
struct Page030 {
  @State rotateValue: number = 0

  build() {
    Column() {
      Button('测试').onClick(() => {
        this.rotateValue = 360
      })
      Image($r("app.media.app_icon"))
        .width('200lpx')
        .height('200lpx')
        .rotate({ angle: this.rotateValue })
        .animation(this.rotateValue != 0 ? {
          duration: 2000,
          curve: curves.springMotion(),
          playMode: PlayMode.Normal,
          onFinish: (() => {
            console.info('----onFinish this.rotateValue', this.rotateValue)
            if (this.rotateValue == 360) {
              this.rotateValue = 0
            }
          })
        } : undefined)
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 16:06:09
相关问题
如何实现图片裁剪、旋转
670浏览 • 1回复 待解决
HarmonyOS 图片旋转角度问题
145浏览 • 1回复 待解决
HarmonyOS Image加载图片
98浏览 • 1回复 待解决
HarmonyOS Image如何显示base64图片
657浏览 • 1回复 待解决
Image组件如何读入沙箱内图片
3079浏览 • 1回复 待解决
Image组件如何加载沙盒内图片
2754浏览 • 1回复 待解决
HarmonyOS预加载Image组件图片
673浏览 • 1回复 待解决
HarmonyOS image如何图片裁剪成圆形
204浏览 • 1回复 待解决
HarmonyOS Image图片无法加载
251浏览 • 1回复 待解决
HarmonyOS获取图片旋转值一直报错
627浏览 • 1回复 待解决
Image组件如何加载网络图片
2859浏览 • 1回复 待解决