XamarinAndroid元件教程RecylerView自定義介面卡動畫

大學霸發表於2018-06-19
NaNAndroid元件View動畫

XamarinAndroid元件教程RecylerView自定義介面卡動畫

如果RecyclerViewAnimators.Adapters名稱空間中沒有所需要的介面卡動畫，開發者可以自定義動畫。此時，需要讓自定義的動畫繼承AnimationAdapter抽象類。

【示例1-4】下面以RecylerViewAnimatorsAdapter專案為基礎，在RecylerView的子元素進行滾動時，實現旋轉介面卡動畫。具體的操作步驟如下：

（1）建立一個介面卡檔案，命名為RotationAdapter。

（2）開啟RotationAdapter.cs檔案，實現旋轉動畫。程式碼如下：


點選(此處)摺疊或開啟

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Text;
  5. using Android.Animation;
  6. using Android.App;
  7. using Android.Content;
  8. using Android.OS;
  9. using Android.Runtime;
  10. using Android.Support.V7.Widget;
  11. using Android.Views;
  12. using Android.Widget;
  13. using RecyclerViewAnimators.Adapters;
  14. namespace RecylerViewAnimatorsAdapter
  15. {
  16.     public class RotationAdapter : AnimationAdapter
  17.     {
  18.         public RotationAdapter(RecyclerView.Adapter adapter) : base(adapter)
  19.         {
  20.         }
  21.         protected override Animator[] GetAnimators(View view)
  22.         {
  23.             return new Animator[] { ObjectAnimator.OfFloat(view, "rotation", 0, 180, 0) };
  24.         }
  25.     }
  26. }

（3）開啟MainActivity.cs檔案，在RecylerView的子元素進行滾動時新增旋轉動畫。程式碼如下：


點選(此處)摺疊或開啟

  1. ……
  2. using RecyclerViewAnimators.Adapters;
  3. using Android.Views.Animations;
  4. namespace RecylerViewAnimatorsAdapter
  5. {
  6.     [Activity(Label = "RecylerViewAnimatorsAdapter", MainLauncher = true, Icon = "@mipmap/icon")]
  7.     public class MainActivity : Activity
  8.     {
  9.         ……
  10.         protected override void OnCreate(Bundle savedInstanceState)
  11.         {
  12.             base.OnCreate(savedInstanceState);
  13.             SetContentView(Resource.Layout.Main);
  14.             ……
  15.             var adapter = new DataAdapter(this, data.ToList());
  16.             var rotationAdapter = new RotationAdapter(adapter);
  17.             recyclerView.SetAdapter(rotationAdapter);
  18.         }
  19.     }
  20. }

執行程式後，初始狀態和圖1.3一樣。當滾動子元素後，會看到動畫效果。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/29597077/viewspace-2156320/，如需轉載，請註明出處，否則將追究法律責任。

相關文章