先來看看微信讀書的效果
實現思路
這個效果比較簡單,主要是旋轉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...