HarmonyOS 竖条跳动的示例

HarmonyOS
2025-01-09 17:22:34
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple
import { UIContext } from '@ohos.arkui.UIContext';

@Component
struct bar {
  @State h: number = 0
  delay: number = 0
  uiContext: UIContext | undefined = undefined;

  aboutToAppear(): void {
    setTimeout(() => {
      this.uiContext = this.getUIContext?.();
      if (!this.uiContext) {
        return
      }

      this.uiContext.keyframeAnimateTo({ iterations: -1, delay: this.delay }, [
        {
          duration: 500,
          event: () => {
            this.h = 10;
          }
        },
        {
          duration: 500,
          event: () => {
            this.h = 0;
          }
        }
      ]);
    }, 0)
  }

  build() {
    Column().width(5).height(this.h).backgroundColor(Color.Red)
  }
}

@Component
struct beatDemo {
  build() {
    Row({ space: 2 }) {
      bar({
        delay: 500
      })
      bar({
        delay: 200
      })
      bar({
        delay: 300
      })
    }.alignItems(VerticalAlign.Bottom).height(40)
  }
}
分享
微博
QQ
微信
回复
2025-01-09 19:00:50
相关问题
HarmonyOS Camera录制视频如何适配
397浏览 • 0回复 待解决
HarmonyOS NodeContainer使用示例
557浏览 • 1回复 待解决
HarmonyOS “我页面”示例
201浏览 • 1回复 待解决
HarmonyOS Grid高度无法等分(横32)
762浏览 • 1回复 待解决
HarmonyOS 播放音频示例
316浏览 • 1回复 待解决
HarmonyOS 音频波形动画示例
303浏览 • 1回复 待解决
HarmonyOS 有没有FrameNode示例demo
389浏览 • 1回复 待解决
HarmonyOS 文件拷贝示例
253浏览 • 1回复 待解决
HarmonyOS web交互示例
382浏览 • 1回复 待解决
HarmonyOS AVScreenCapture使用示例
430浏览 • 1回复 待解决
HarmonyOS 进度样式
341浏览 • 1回复 待解决
HarmonyOS Webview有关位置管理示例
685浏览 • 1回复 待解决
HarmonyOS Scroll组件滚动怎么隐藏
229浏览 • 1回复 待解决
HarmonyOS 如何隐藏Web组件滚动
958浏览 • 2回复 待解决
HarmonyOS 申请NFC读写卡demo示例
403浏览 • 1回复 待解决