XamarinAndroid元件教程RecylerView動畫元件使用動畫(3)

XamarinAndroid元件教程RecylerView動畫元件使用動畫(3)

（8）開啟Main.axml檔案，構建主介面。程式碼如下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

              android:orientation="vertical"

              android:layout_width="match_parent"

              android:layout_height="match_parent">

  <android.support.v7.widget.Toolbar

      android:id="@+id/tool_bar"

      android:layout_width="match_parent"

      android:layout_height="wrap_content"

      android:background="#3DC49D"

      android:minHeight="?attr/actionBarSize">

      <RelativeLayout

          android:layout_width="match_parent"

          android:layout_height="wrap_content">

          <TextView

              android:id="@+id/del"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"

              android:layout_alignParentRight="true"

              android:layout_centerInParent="true"

              android:background="?attr/selectableItemBackground"

              android:padding="10dp"

              android:text="DEL"/>

          <TextView

              android:id="@+id/add"

              android:layout_width="wrap_content"

              android:layout_height="wrap_content"

              android:layout_toLeftOf="@id/del"

              android:layout_centerInParent="true"

              android:background="?attr/selectableItemBackground"

              android:padding="10dp"

              android:text="ADD"/>

      </RelativeLayout>

  </android.support.v7.widget.Toolbar>

  <android.support.v7.widget.RecyclerView

      android:id="@+id/list"

      android:layout_width="match_parent"

      android:layout_height="match_parent"/>

</LinearLayout>

（9）開啟MainActivity.cs檔案，設定RecylerView子元素新增和刪除時的動畫效果。程式碼如下：

using Android.App;

using Android.Widget;

using Android.OS;

using Android.Support.V7.Widget;

using System.Linq;

using RecyclerViewAnimators.Animators;

using Android.Support.V7.App;

namespace RecylerViewAnimatorsItemAnimator

{

    [Activity(Label = "RecylerViewAnimatorsItemAnimator", MainLauncher = true, Icon = "@mipmap/icon", Theme = "@style/AppTheme")]

    public class MainActivity : AppCompatActivity

    {

        static readonly string[] data = {

            "Apple", "Ball", "Camera", "Day", "Egg", "Foo", "Google", "Hello", "Iron", "Japan", "Coke",

            "Dog", "Cat", "Yahoo", "Sony", "Canon", "Fujitsu", "USA", "Nexus", "LINE", "Haskell", "C++",

            "Java", "Go", "Swift", "Objective-c", "Ruby", "PHP", "Bash", "ksh", "C", "Groovy", "Kotlin",

            "Chip", "Japan", "U.S.A", "San Francisco", "Paris", "Tokyo", "Silicon Valley", "London",

            "Spain", "China", "Taiwan", "Asia", "New York", "France", "Kyoto", "Android", "Google", "C#",

            "iPhone", "iPad", "iPod", "Wasabeef", "Xamarin", "South Africa", "Cape Town", "Microsoft"

        };

        protected override void OnCreate(Bundle savedInstanceState)

        {

            base.OnCreate(savedInstanceState);

            SetContentView(Resource.Layout.Main);

            var toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.tool_bar);

            SetSupportActionBar(toolbar);

            SupportActionBar.SetDisplayShowTitleEnabled(false);

            var recyclerView = FindViewById<RecyclerView>(Resource.Id.list);

            recyclerView.SetLayoutManager(new LinearLayoutManager(this));              //設定佈局管理

            var datalist = data.ToList<string>();

            var adapter = new DataAdapter(this, datalist);

            recyclerView.SetAdapter(adapter);                                                                        //設定介面卡

            recyclerView.SetItemAnimator(new FlipInLeftYAnimator());                        //設定動畫效果

            //新增子元素

            FindViewById(Resource.Id.add).Click += (sender, e) => {

                adapter.Add("newly added item", 1);

            };

            //刪除子元素

            FindViewById(Resource.Id.del).Click += (sender, e) => {

                adapter.Remove(1);

            };

        }

    }

}

執行程式後，初始狀態如圖1.1所示。輕拍Add按鈕，實現子元素的新增，在新增子元素的時候會伴有指定動畫效果，如圖1.2所示。輕拍DEL按鈕，實現子元素的刪除，在子元素刪除的過程中也會伴有指定的動畫效果。

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