HarmonyOS應(yīng)用開發(fā)基礎(chǔ)課件：使用動畫_第1頁
HarmonyOS應(yīng)用開發(fā)基礎(chǔ)課件：使用動畫_第2頁
HarmonyOS應(yīng)用開發(fā)基礎(chǔ)課件：使用動畫_第3頁
HarmonyOS應(yīng)用開發(fā)基礎(chǔ)課件：使用動畫_第4頁
HarmonyOS應(yīng)用開發(fā)基礎(chǔ)課件：使用動畫_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

使用動畫

走進(jìn)ArkTS聲明式開發(fā)

使用動畫本任務(wù)完成顯示動畫、組件的轉(zhuǎn)場動畫、頁面的轉(zhuǎn)場動畫的設(shè)置。任務(wù)描述任務(wù)效果圖預(yù)覽任務(wù)實(shí)施0102030504整理工程資源頁面整體布局設(shè)計與開發(fā)實(shí)現(xiàn)顯式動畫實(shí)現(xiàn)頁面轉(zhuǎn)場動畫實(shí)現(xiàn)組件轉(zhuǎn)場動畫01整理工程資源

02頁面整體布局設(shè)計與開發(fā)頁面整體布局用Stack層疊布局實(shí)現(xiàn)，Stack的對齊方式采用默認(rèn)的居中對齊。Stack內(nèi)放置一個Image組件和一個Column布局容器組件，在Column內(nèi)再放置Button按鈕組件等。03實(shí)現(xiàn)顯式動畫-1在ets目錄下創(chuàng)建view目錄，在view目錄下創(chuàng)建AttrAnimation.ets文件，在AttrAnimation.ets文件中創(chuàng)建AttrAnimation組件，使用顯式動畫實(shí)現(xiàn)加載中的動畫效果。整體布局是最外層使用Column，內(nèi)部放置Stack層疊布局和一個Text組件，Stack中疊放兩個圖片loading.png和sandglass.png。03實(shí)現(xiàn)顯式動畫-2修改Index.ets文件的內(nèi)容，在第一行導(dǎo)入AttrAnimation組件，并在“顯示動畫”按鈕的條件渲染中進(jìn)行調(diào)用。04實(shí)現(xiàn)組件轉(zhuǎn)場動畫在Index.ets文件中，實(shí)現(xiàn)單擊likes（點(diǎn)贊）圖片時，love（愛心）圖片的插入和刪除的組件轉(zhuǎn)場動畫效果。05實(shí)現(xiàn)頁面轉(zhuǎn)場動畫在pages目錄下新建頁面Index2，分別在Index1和Index2兩個頁面中添加頁面轉(zhuǎn)場動畫。在Index組件中，給最外層的Stack布局添加頁面的縮放比和透明度設(shè)置，并添加頁面入場和出場動畫效果。

使用動畫在App的開發(fā)中，適當(dāng)?shù)氖褂脛赢嬓Ч梢栽鰪?qiáng)用戶體驗(yàn)。本任務(wù)學(xué)習(xí)了常用的顯示動畫、組件內(nèi)轉(zhuǎn)場動畫、頁面間轉(zhuǎn)場動畫的用法，ArkUI

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論