99精品伊人亚洲|最近国产中文炮友|九草在线视频支援|AV网站大全最新|美女黄片免费观看|国产精品资源视频|精彩无码视频一区|91大神在线后入|伊人终合在线播放|久草综合久久中文

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

HarmonyOS應(yīng)用開發(fā)—TS動(dòng)畫路徑體驗(yàn)

鴻蒙時(shí)代 ? 來源:鴻蒙時(shí)代 ? 作者:鴻蒙時(shí)代 ? 2022-03-10 10:37 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

poYBAGIpY-CAFnt6AAA8-tPGbi8909.png

設(shè)置組件進(jìn)行位移動(dòng)畫時(shí)的運(yùn)動(dòng)路徑
說明:從 API Version 7 開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

屬性:

名稱

參數(shù)類型

默認(rèn)值

描述

motionPath

{

path: string,

from?: number,

to?: number,

rotatable?: boolean

}

說明

path中支持通過start和end進(jìn)行起點(diǎn)和終點(diǎn)的替代,如:

'Mstart.x start.y L50 50 Lend.x end.y Z'。

{

"",

0.0,

1.0,

false

}

設(shè)置組件的運(yùn)動(dòng)路徑,入?yún)⒄f明如下:

  • path:位移動(dòng)畫的運(yùn)動(dòng)路徑,使用svg路徑字符串。
  • from:運(yùn)動(dòng)路徑的起點(diǎn),默認(rèn)為0.0。
  • to:運(yùn)動(dòng)路徑的終點(diǎn),默認(rèn)為1.0。
  • rotatable:是否跟隨路徑進(jìn)行旋轉(zhuǎn)。

實(shí)例:

   @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)
  }
}

審核編輯:符乾江
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 應(yīng)用開發(fā)
    +關(guān)注

    關(guān)注

    0

    文章

    63

    瀏覽量

    9729
  • HarmonyOS
    +關(guān)注

    關(guān)注

    80

    文章

    2126

    瀏覽量

    33020
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    HarmonyOS 5】金融應(yīng)用開發(fā)鴻蒙組件實(shí)踐

    HarmonyOS 5】金融應(yīng)用開發(fā)鴻蒙組件實(shí)踐 ##鴻蒙開發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 (金融理財(cái)# 一、鴻蒙生態(tài)觀察 2024 年 1 月 1
    的頭像 發(fā)表于 07-11 18:20 ?280次閱讀
    【<b class='flag-5'>HarmonyOS</b> 5】金融應(yīng)用<b class='flag-5'>開發(fā)</b>鴻蒙組件實(shí)踐

    HarmonyOS 5 入門系列 】鴻蒙HarmonyOS示例項(xiàng)目講解

    HarmonyOS 5 入門系列 】鴻蒙HarmonyOS示例項(xiàng)目講解 ##鴻蒙開發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 (金融理財(cái)# 一、前言:移動(dòng)
    的頭像 發(fā)表于 07-07 11:57 ?148次閱讀
    【 <b class='flag-5'>HarmonyOS</b> 5 入門系列 】鴻蒙<b class='flag-5'>HarmonyOS</b>示例項(xiàng)目講解

    HarmonyOS next】ArkUI-X休閑益智消消樂【進(jìn)階】

    先看一下運(yùn)行效果吧 HarmonyOS H5與原生融合的多端開發(fā)實(shí)踐 技術(shù)亮點(diǎn):通過ArkUI-X的Web組件將H5游戲無縫嵌入原生應(yīng)用,實(shí)現(xiàn)一次開發(fā)、多端運(yùn)行,覆蓋HarmonyOS
    發(fā)表于 06-28 21:59

    HarmonyOS入門指南

    1、文檔與教程 HarmonyOS開發(fā)文檔-應(yīng)用開發(fā)導(dǎo)讀 OpenHarmony--應(yīng)用開發(fā)導(dǎo)讀 倉(cāng)頡編程語(yǔ)言官網(wǎng) 華為開發(fā)者博客 華為
    的頭像 發(fā)表于 06-27 00:11 ?112次閱讀

    華為正式啟動(dòng)HarmonyOS 6開發(fā)者Beta

    在2025年華為開發(fā)者大會(huì)(HDC)上,華為正式啟動(dòng)HarmonyOS 6開發(fā)者Beta,并全面展示一年多以來與合作伙伴共建鴻蒙生態(tài)的創(chuàng)新成果。
    的頭像 發(fā)表于 06-24 15:42 ?330次閱讀

    HarmonyOS 代碼工坊的指尖開發(fā),讓 APP 開發(fā)所見即所得

    沙盤被直接搬入了移動(dòng)設(shè)備本身。眼尖的開發(fā)者應(yīng)該已經(jīng)發(fā)現(xiàn),最近華為應(yīng)用市場(chǎng)“應(yīng)用嘗鮮”專區(qū)里,上架了一款名為“HarmonyOS 代碼工坊”的新應(yīng)用,下載量持續(xù)攀升。 開發(fā)者只需要下載“Harm
    的頭像 發(fā)表于 06-24 12:08 ?167次閱讀
    <b class='flag-5'>HarmonyOS</b> 代碼工坊的指尖<b class='flag-5'>開發(fā)</b>,讓 APP <b class='flag-5'>開發(fā)</b>所見即所得

    UI開發(fā)概述

    應(yīng)用開發(fā)在TypeScript(簡(jiǎn)稱TS)生態(tài)基礎(chǔ)上做了進(jìn)一步擴(kuò)展。擴(kuò)展能力包含聲明式UI描述、自定義組件、動(dòng)態(tài)擴(kuò)展UI元素、狀態(tài)管理和渲染控制。狀態(tài)管理作為基于ArkTS的聲明式開發(fā)范式的特色,通過功能
    發(fā)表于 06-24 06:36

    HarmonyOS5云服務(wù)技術(shù)分享--ArkTS開發(fā)Node環(huán)境

    ? 你好呀,開發(fā)者小伙伴們!今天我們來聊聊如何在HarmonyOS(ArkTS API 9及以上)中玩轉(zhuǎn)云函數(shù),特別是結(jié)合Node.js和HTTP觸發(fā)器的開發(fā)技巧。文章會(huì)手把手帶你從零開始,用最接地
    發(fā)表于 05-22 17:21

    HarmonyOS 應(yīng)用開發(fā)賦能套件:鴻蒙原生應(yīng)用開發(fā)的 “神助攻”

    所見即所得的代碼講解與即學(xué)即練的操作實(shí)踐,為不同層次的開發(fā)者量身定制學(xué)習(xí)路徑,助力開發(fā)者深入掌握HarmonyOS應(yīng)用開發(fā)技能。《
    發(fā)表于 02-17 16:37

    HarmonyOS第一課》煥新升級(jí),賦能開發(fā)者快速掌握鴻蒙應(yīng)用開發(fā)

    云梯 《HarmonyOS第一課》分為基礎(chǔ)、中級(jí)、高級(jí)及主題課程四大模塊,為不同層次開發(fā)者量身定制學(xué)習(xí)路徑。 基礎(chǔ)課程針對(duì)初級(jí)開發(fā)者,使其能夠在指導(dǎo)下讓
    發(fā)表于 01-02 14:24

    HarmonyOS開發(fā)指導(dǎo)類文檔更新速遞(下)

    伴隨著HarmonyOS 5.0.0 Release、HarmonyOS 5.0.1 Release版本的發(fā)布,HarmonyOS官網(wǎng)文檔也帶來了不少上新內(nèi)容。本期HarmonyOS
    的頭像 發(fā)表于 12-30 09:54 ?1153次閱讀
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>開發(fā)</b>指導(dǎo)類文檔更新速遞(下)

    HarmonyOS開發(fā)指導(dǎo)類文檔更新速遞(上)

    伴隨著HarmonyOS 5.0.0 Release版本的發(fā)布,HarmonyOS官網(wǎng)文檔也帶來了不少上新內(nèi)容。本期HarmonyOS NEXT開發(fā)者資料直通車將從文檔更新角度為
    的頭像 發(fā)表于 12-30 09:50 ?1042次閱讀
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>開發(fā)</b>指導(dǎo)類文檔更新速遞(上)

    HarmonyOS開發(fā)寶典震撼來襲,卓越應(yīng)用開發(fā)之旅一觸即發(fā),輕松啟程!

    HarmonyOS賦能產(chǎn)品,全面護(hù)航開發(fā)者從HarmonyOS感知、學(xué)習(xí)進(jìn)階、開發(fā)實(shí)踐至技術(shù)支持的全旅程,助力開發(fā)者高效
    發(fā)表于 12-05 08:57

    HarmonyOS Next原生應(yīng)用開發(fā)-從TS到ArkTS的適配規(guī)則(十一)

    :arkts-no-jsx 級(jí)別:錯(cuò)誤 不支持使用JSX。 本文根據(jù)HarmonyOS NEXT Developer Beta1官方公開的開發(fā)文檔整理而成。
    發(fā)表于 08-02 14:07

    慶科信息獲HarmonyOS高級(jí)應(yīng)用開發(fā)能力認(rèn)證!助力品牌快速打造鴻蒙原生應(yīng)用

    近日,上海慶科信息技術(shù)有限公司榮獲HarmonyOS應(yīng)用開發(fā)者高級(jí)認(rèn)證,公司在華為鴻蒙生態(tài)的開發(fā)能力得到進(jìn)一步拓展,能夠幫助客戶快速開發(fā)基于Harm
    的頭像 發(fā)表于 07-17 13:24 ?967次閱讀
    慶科信息獲<b class='flag-5'>HarmonyOS</b>高級(jí)應(yīng)用<b class='flag-5'>開發(fā)</b>能力認(rèn)證!助力品牌快速打造鴻蒙原生應(yīng)用