HarmonyOS 如何实现打开弹窗后自动播放动画
代码如下:
import promptAction from '@ohos.promptAction'
@Entry
@Component
struct Index {
@State message: string = '弹框'
@State animate: boolean = false;
@State rotateAngle: number = 0
@Builder customDialogBuilder() {
Column() {
Text('内容').fontSize(15).margin({ bottom: 50 })
Row() {
Text('点击旋转')
.fontSize(20)
.textAlign(TextAlign.Center)
.width(100)
.height(100)
.borderStyle(BorderStyle.Solid)
.borderWidth(5)
.borderColor(0xAFEEEE)
.onClick(() => {
this.rotateAngle = 360
})
.rotate({ angle: this.rotateAngle })
.animation({
duration: 1200,
curve: Curve.Linear,
iterations: -1, // 设置-1表示动画无限循环
})
}
}.height(300).padding(5)
}
build() {
Row() {
Column() {
Text('点击弹框')
.fontSize(50)
.fontWeight(FontWeight.Bold)
.onClick(() => {
promptAction.openCustomDialog({
builder: this.customDialogBuilder.bind(this)
})
})
}
.width('100%')
}
.height('100%')
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS h5webview下,如何让video视频自动播放?
155浏览 • 1回复 待解决
HarmonyOS 用GSYVideoPlayer三方库实现了列表中的视频播放,目前需要滑动到屏幕中心的视频,自动播放
339浏览 • 1回复 待解决
自动播放通话录音,下拉通知栏即可关闭(消失)!
8968浏览 • 1回复 待解决
HarmonyOS Swiper组件是否支持子组件为Video组件,并且可以自动播放
365浏览 • 1回复 待解决
弹窗打开、关闭动画是否支持自定义
2205浏览 • 1回复 待解决
关于使用Video组件实现在列表List组件中滑动到可见区域自动播放视频的问题
300浏览 • 1回复 待解决
Openharmony hap应用如何实现开机自动打开应用?
6609浏览 • 1回复 待解决
如何实现从底部缓慢上升的弹窗动画
1816浏览 • 1回复 待解决
如何实现一个带动画的弹窗?
393浏览 • 1回复 待解决
TransitionEffect动画循环播放如何关闭
1755浏览 • 1回复 待解决
HarmonyOS 本地lottie动画无法播放
321浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画?
230浏览 • 1回复 待解决
HarmonyOS 申请了后台播放音频任务,退到后台会自动暂停音频播放; 打开悬浮框才能正常后台播放
106浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画?
230浏览 • 1回复 待解决
HarmonyOS 权限弹窗如何实现?
37浏览 • 1回复 待解决
HarmonyOS如何实现动态缩放动画
432浏览 • 1回复 待解决
HarmonyOS 如何实现音频声浪动画
465浏览 • 1回复 待解决
HarmonyOS 如何实现旋转动画
309浏览 • 1回复 待解决
如何自定义弹窗的弹出动画和关闭动画
1643浏览 • 2回复 待解决
如何实现从页面弹窗跳转到其他页面后返回弹窗不消失
1089浏览 • 1回复 待解决
webview选择本地文件关闭文件打开方式弹窗后无法获取弹窗关闭事件
8417浏览 • 4回复 待解决
HarmonyOS 如何实现让动画一直播放,直到我设置的终止条件
325浏览 • 1回复 待解决
HarmonyOS打开对话框时如何实现从下到上出现的动画?
274浏览 • 1回复 待解决
如何点击弹窗外部区域,可以是弹窗不会自动关闭?
260浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
1905浏览 • 1回复 待解决
在api12中已经增加了promptAction.openCustomDialog关闭弹窗的回调方法,升级api12时可以使用promptAction.openCustomDialog来实现。参考文档:https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkui/js-apis-promptAction.md#promptactionopencustomdialog11