
設置組件進行位移動畫時的運動路徑
說明:從 API Version 7 開始支持。后續版本如有新增內容,則采用上角標單獨標記該內容的起始版本。
屬性:
|
名稱 |
參數類型 |
默認值 |
描述 |
|
motionPath |
{ path: string, from?: number, to?: number, rotatable?: boolean } 說明 path中支持通過start和end進行起點和終點的替代,如: 'Mstart.x start.y L50 50 Lend.x end.y Z'。 |
{ "", 0.0, 1.0, false } |
設置組件的運動路徑,入參說明如下:
|
實例:
@Entry
@Component
struct MotionPathExample {
@State offsetX: number = 0
@State offsetY: number = 0
@State toggle: boolean = true
build() {
Column() {
Button('click me')
.motionPath({ path: 'Mstart.x start.y L300 200 L300 500 Lend.x end.y', from: 0.0, to: 1.0, rotatable: true })
.onClick((event: ClickEvent) => {
animateTo({ duration: 4000, curve: Curve.Linear }, () => {
this.toggle = !this.toggle;
})
}).backgroundColor(0x317aff)
}.width('100%').height('100%').alignItems(this.toggle ? HorizontalAlign.Start : HorizontalAlign.Center)
}
}
審核編輯:符乾江
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
應用開發
+關注
關注
0文章
63瀏覽量
9964 -
HarmonyOS
+關注
關注
80文章
2153瀏覽量
36054
發布評論請先 登錄
相關推薦
熱點推薦
深入剖析TS951、TS952、TS954:多功能低功耗運放的卓越之選
深入剖析TS951、TS952、TS954:多功能低功耗運放的卓越之選 在電子設計領域,運算放大器(運放)是不可或缺的基礎組件,其性能的優劣直接影響到整個電路的表現。今天將帶大家深入
QCon·上海站HarmonyOS開發者技術分論壇:共探鴻蒙開發新機遇
當前,AI 技術重構開發邏輯、多設備協同成為技術主流,鴻蒙開發能力正迎來從“能用好用”到“實用便捷”的關鍵躍遷。10月24日,2025年QCon全球軟件開發大會上海站HarmonyOS
2025 HarmonyOS Connect伙伴峰會暨軟通動力分論壇圓滿落幕
9月26日,HarmonyOS Connect伙伴峰會在深圳盛大召開,匯聚行業先鋒,共探鴻蒙智聯產品生態發展新路徑。軟通動力作為HarmonyOS Connect核心供應商受邀參會,并成功舉辦
【HarmonyOS 5】鴻蒙中進度條的使用詳解
【HarmonyOS 5】鴻蒙中進度條的使用詳解 ##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、HarmonyOS中Progress進度
【HarmonyOS 5】鴻蒙mPaaS詳解
【HarmonyOS 5】鴻蒙mPaaS詳解 ##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、mPaaS是什么? mPaaS 是 Mobile
【HarmonyOS 5】金融應用開發鴻蒙組件實踐
【HarmonyOS 5】金融應用開發鴻蒙組件實踐 ##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、鴻蒙生態觀察 2024 年 1 月 1
【 HarmonyOS 5 入門系列 】鴻蒙HarmonyOS示例項目講解
【 HarmonyOS 5 入門系列 】鴻蒙HarmonyOS示例項目講解 ##鴻蒙開發能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、前言:移動
【HarmonyOS next】ArkUI-X休閑益智記憶翻牌【進階】
(animate);
}
animate();
項目開源地址:Gitee
跨平臺開發的核心在于理解并尊重平臺差異。通過本文方案,在華為設備上實現了98%的iOS體驗還原率。ArkUI-X的Web組件為多端適配提供了強大基礎,期待HarmonyOS next帶來更卓
發表于 06-28 22:12
【HarmonyOS next】ArkUI-X休閑益智消消樂【進階】
先看一下運行效果吧
HarmonyOS
H5與原生融合的多端開發實踐
技術亮點:通過ArkUI-X的Web組件將H5游戲無縫嵌入原生應用,實現一次開發、多端運行,覆蓋HarmonyOS
發表于 06-28 21:59
HarmonyOS入門指南
1、文檔與教程 HarmonyOS開發文檔-應用開發導讀 OpenHarmony--應用開發導讀 倉頡編程語言官網 華為開發者博客 華為
華為正式啟動HarmonyOS 6開發者Beta
在2025年華為開發者大會(HDC)上,華為正式啟動HarmonyOS 6開發者Beta,并全面展示一年多以來與合作伙伴共建鴻蒙生態的創新成果。
HarmonyOS 代碼工坊的指尖開發,讓 APP 開發所見即所得
沙盤被直接搬入了移動設備本身。眼尖的開發者應該已經發現,最近華為應用市場“應用嘗鮮”專區里,上架了一款名為“HarmonyOS 代碼工坊”的新應用,下載量持續攀升。 開發者只需要下載“Harm
UI開發概述
應用開發在TypeScript(簡稱TS)生態基礎上做了進一步擴展。擴展能力包含聲明式UI描述、自定義組件、動態擴展UI元素、狀態管理和渲染控制。狀態管理作為基于ArkTS的聲明式開發范式的特色,通過功能
發表于 06-24 06:36
ArkUI-X案例解析
。
最終實現效果
harmonyos包展示效果,存在tab頁“溪村挑戰賽”
arkuix包展示效果,沒有tab頁“溪村挑戰賽”
使用支持跨平臺的UI控件、屬性、方法進行跨平臺開發
在音樂專輯中,當音樂
發表于 06-23 22:40
HarmonyOS5云服務技術分享--ArkTS開發Node環境
? 你好呀,開發者小伙伴們!今天我們來聊聊如何在HarmonyOS(ArkTS API 9及以上)中玩轉云函數,特別是結合Node.js和HTTP觸發器的開發技巧。文章會手把手帶你從零開始,用最接地
發表于 05-22 17:21
HarmonyOS應用開發—TS動畫路徑體驗
評論