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

如果開發者要為RecylerView的子元素新增動畫效果，需要使用RecyclerView類中的SetItemAnimator()方法，其語法形式如下：

點選(此處)摺疊或開啟

public virtual void SetItemAnimator(Android.Support.V7.Widget.RecyclerView.ItemAnimator animator)

其中，animator引數指定一個動畫，這個動畫就是表1-1中列出的動畫型別。

【示例1-1】下面將在RecylerView的子元素進行新增以及刪除時，實現子元素動畫。具體的操作步驟如下：

（1）建立一個名為RecylerViewAnimatorsItemAnimator的專案。

（2）將RecyclerViewAnimators.dll、Square.OkHttp.dll、Square.OkIO.dll、Square.Picasso.dll、Xamarin.Android.Arch.Core.Common.dll、Xamarin.Android.Arch.Lifecycle.Common.dll、Xamarin.Android.Arch.Lifecycle.Runtime.dll、Xamarin.Android.Support.Animated.Vector.Drawable.dll、Xamarin.Android.Support.Annotations.dll、Xamarin.Android.Support.Compat.dll、Xamarin.Android.Support.Core.UI.dll、Xamarin.Android.Support.Core.Utils.dll、Xamarin.Android.Support.Fragment.dll、Xamarin.Android.Support.Media.Compat.dll、Xamarin.Android.Support.v4.dll、Xamarin.Android.Support.v7.AppCompat.dll、Xamarin.Android.Support.v7.RecyclerView.dll和Xamarin.Android.Support.Vector.Drawable.dll庫新增到RecylerViewAnimatorsItemAnimator專案的引用中。

（3）新增圖片image.jpg到RecylerViewAnimatorsItemAnimator專案的Resources下方的drawable資料夾中。

（4）建立一個xml檔案，命名為layout_list_item。

（5）開啟layout_list_item.cs檔案，構建RecylerView的子元素。程式碼如下：

點選(此處)摺疊或開啟

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android=""
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="20dp"
android:orientation="vertical">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="100dp"
android:background="#11000000"
android:scaleType="centerCrop"/>
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:textSize="18sp" />
</LinearLayout>

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

（7）開啟DataAdapter.cs檔案，新增以下程式碼：

點選(此處)摺疊或開啟

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Square.Picasso;
using Android.Support.V7.Widget;
namespace RecylerViewAnimatorsItemAnimator
{
public class DataAdapter : RecyclerView.Adapter
{
Context context;
List<string> dataset;
//構造方法
public DataAdapter(Context context, List<string> dataset)
{
this.context = context;
this.dataset = dataset;
}
//子元素的個數
public override int ItemCount
{
get
{
return dataset.Count;
}
}
//返回一個自定義的ViewHolder
public override RecyclerView.ViewHolder OnCreateViewHolder(ViewGroup parent, int viewType)
{
var v = LayoutInflater.From(context).Inflate(Resource.Layout.layout_list_item, parent, false);
return new ViewHolder(v);
}
//填充onCreateViewHolder()方法返回的ViewHolder中的控制元件
public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
{
var h = (ViewHolder)holder;
Picasso.With(context).Load(Resource.Drawable.image).Into(h.Image);
h.Text.Text = dataset[position];
}
//刪除子元素
public void Remove(int position)
{
dataset.RemoveAt(position);
NotifyItemRemoved(position);
}
//新增子元素
public void Add(string text, int position)
{
dataset.Insert(position, text);
NotifyItemInserted(position);
}
private class ViewHolder : RecyclerView.ViewHolder
{
public ImageView Image { get; private set; }
public TextView Text { get; private set; }
public ViewHolder(View itemView)
: base(itemView)
{
Image = itemView.FindViewById<ImageView>(Resource.Id.image);
Text = itemView.FindViewById<TextView>(Resource.Id.text);
}
}
}
}

注意：開發者只有呼叫NotifyItemRemoved()、NotifyItemInserted()、NotifyItemChanged()和NotifyItemMoved()方法，才可以觸發子元素動畫。

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

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

相關文章