使用動畫實現微信讀書的換一批效果 兩種方式

2022-09-27 04:36:15 字數 790 閱讀 2155

先來看看微信讀書的效果

實現思路

這個效果比較簡單,主要是旋轉view,然後在旋轉結束後更換view的背景,考慮到需要旋轉view,所以使用動畫來實現

兩種實現方式1.方式一 使用objecwww.cppcns.comtanimator結合animatorset

核心過程如下:

核心**如下:

public void startanimation01()

2. 方式二 使用viewpropertyanimator

上面的方法使用的objectanimator來實現,objectanimator的缺點就是實現起來**量比較大,重複的東西比較多。viewpropertyanimator可以以少量**實現效果,簡介明了。

核心**如下:

public void startanimation02()

@override

public void onanimationend(animator a程式設計客棧nimation)

@override

public void onanimationcancel(animator animation)

@override

public void onanimationrepeat(animator animation)

});} }

一開始使用的rotationy,但是rotationy從效果上看只能執行一次(其實是每次都會執行,只是沒有變化而已),而rotationyby則可以重複多次執行。其他屬性也是同樣的效果。

效果展示

總結

微信小程式實現animation動畫

微信小程式實現animation動畫,具體內容如下 1.建立動畫例項 wx.crsitlrgfleateanimation object 建立乙個動畫例項animation。呼叫例項的方法來描述動畫。最後通過動畫例項的export方法匯出動畫資料傳遞給元件的animation屬性。注意 export...

微信小程式Animation動畫的使用

目錄和css3動畫不同,小程式中動畫是主要是通過js控制的,簡單來說就是建立乙個動畫例項animation。呼叫例項的方法來定義動畫效果。最後通過動畫例項的export方法匯出動畫資料傳遞給元件的animation屬性。首先需要通過wx.createanimation,建立乙個動畫物件,該物件接收四...

微信讀書的優勢分析

背靠大樹也不一定容易乘涼 最後嘮叨兩句 截至16年底,移動閱讀市場大體呈現由qq閱讀牽頭,ireader緊隨其後,其餘各家閱讀器組成第三方勢力的 三國鼎立 的態勢。首先,亞馬遜憑藉著國際電商的優勢,拿下了國內外大多數存在電子圖書的版權,並且圍繞著電子圖書推出了包括kindle閱讀器,kindle u...