旋轉圖像同時動畫

Question

我想創建自定義動畫。我有從左下角到右上角的爐膛圖像。我將動畫圖像的頂部和底部值在屏幕上顯示。唯一的問題是我希望它在道路中間旋轉一點點，然後旋轉回到第一個狀態。這樣的動畫是可行的嗎？如果是這樣，你能告訴我如何編碼嗎？

乾杯！

Answer 1

您可以使用transform的rotate屬性旋轉圖像，並在那裏使用動畫值。例如：

var interpolatedRotateAnimation = this._animatedValue.interpolate({ 
     inputRange: [0, 100], 
     outputRange: ['0deg', '360deg'] 
}); 

你可以找到一個例子here