HarmonyOS Image配置的图片如何旋转

HarmonyOS
1天前
浏览
收藏 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
微信
回复
1天前
相关问题
如何实现图片裁剪、旋转
508浏览 • 1回复 待解决
HarmonyOS 图片旋转角度问题
30浏览 • 1回复 待解决
HarmonyOS Image如何显示base64图片
493浏览 • 1回复 待解决
HarmonyOS预加载Image组件图片
530浏览 • 1回复 待解决
Image组件如何读入沙箱内图片
2938浏览 • 1回复 待解决
Image组件如何加载沙盒内图片
2533浏览 • 1回复 待解决
HarmonyOS Image图片无法加载
40浏览 • 1回复 待解决
HarmonyOS image如何图片裁剪成圆形
65浏览 • 1回复 待解决
HarmonyOS获取图片旋转值一直报错
467浏览 • 1回复 待解决
HarmonyOS Image组件加载图片报错
32浏览 • 1回复 待解决
HarmonyOS Image加载图片不出现
32浏览 • 1回复 待解决
HarmonyOS Image显示GIF图片控制
313浏览 • 1回复 待解决
HarmonyOS Image组件网络图片缓存
56浏览 • 1回复 待解决