<Xamarin Platform 試用版下載地址>

昨天我們已經一起學習了第1部分，這是探索Xamarin.Android的列表視圖和適配器的的第2部分。

在今天的文章中我們將探討列表視圖項排列使用BaseAdapter，還有自定義布局。

讓我們深入到代碼，看看ListView AXML和自定義項排列的AXML是什么樣子：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="//schemas.android.com/apk/res/android"
    xmlns:tools="//schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    tools:actionBarNavMode="tabs">
    <ListView    
        android:id="@+id/moviesListView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="//schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="8dp">
    <TextView
        android:id="@+id/titleTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:textStyle="bold"
        android:paddingLeft="5dp" />
    <TextView
        android:id="@+id/directedByTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#00A14B"
        android:paddingLeft="5dp" />
    <TextView
        android:id="@+id/releasedDateTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#7F3F97"
        android:paddingLeft="5dp" />
</LinearLayout>

讓我們看看主要Activity是如何顯示列表視圖的

using Android.App;
using Android.OS;
using Android.Widget;
 
namespace AdapterDemo2
{
    [Activity(Label = "AdapterDemo2", 
        MainLauncher = true, 
        Theme = "@android:style/Theme.Holo.Light",
        Icon = "@drawable/icon")]
    public class MainActivity : Activity
    {
 
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);
 
            // Set our view from the "main" layout resource
            SetContentView(Resource.Layout.Main);
 
            var moviesListView = FindViewById<ListView>(Resource.Id.moviesListView);
 
            moviesListView.ItemClick += moviesListView_ItemClick;
 
            var moviesAdapter = new MovieAdapter(this, MoviesRepository.Movies);
 
            moviesListView.Adapter = moviesAdapter;
        }
 
        void moviesListView_ItemClick(object sender, AdapterView.ItemClickEventArgs e)
        {
            Toast.MakeText(this, MoviesRepository.Movies[e.Position].ToString(), ToastLength.Long).Show();
 
        }
    }
}

這個Activity與我們昨天講到的主要區別是，我們不再使用ArrayAdapter，但我們現在有自己自定義的MovieAdapter類，并且列表視圖的適配器設置為這個Adapter。

所以在MovieAdapter類中究竟有什么？讓我們一起來探索：

using System.Collections.Generic;
using Android.App;
using Android.Views;
using Android.Widget;
 
namespace AdapterDemo2
{
    public class MovieAdapter : BaseAdapter<Movie>
    {
        private readonly Activity context;
        private readonly List<Movie> movies;
 
        public MovieAdapter(Activity context, List<Movie> movies)
        {
            this.context = context;
            this.movies = movies;
        }
 
        public override Movie this[int position]
        {
            get
            {
                return movies[position];
            }
        }
 
        public override int Count
        {
            get
            {
                return movies.Count;
            }
        }
 
        public override long GetItemId(int position)
        {
            return position;
        }
 
        public override View GetView(int position, View convertView, ViewGroup parent)
        {
            var view = convertView;
 
            if (view == null)
            {
                view = context.LayoutInflater.Inflate(Resource.Layout.MovieRow, parent, false);
            }
 
            var titleTextView = view.FindViewById<TextView>(Resource.Id.titleTextView);
            var directedByTextView = view.FindViewById<TextView>(Resource.Id.directedByTextView);
            var releasedDateTextView = view.FindViewById<TextView>(Resource.Id.releasedDateTextView);
 
            titleTextView.Text = movies[position].Title;
            directedByTextView.Text = "Directed by: " + movies[position].Director;
            releasedDateTextView.Text = "Released on: " + movies[position].ReleaseDate.ToShortDateString();
 
            return view;
        }
    }
}

繼承自BaseAdapter的MovieAdapter類主要定義了4種方法，都是BaseAdapter抽象類所要求的。他們是：

• GetItemId(int position)
• GetView(int position, View convertView, ViewGroup parent)
• Count
• this[int position]

GetItemId

GetItemId給你一個選項讓列表視圖知道position在查找哪個當前項的id。

Count

Count屬性非常直接，它告訴我們列表視圖目前顯示了多少項。

this[int position]

這是.NET的數組索引器過載的方法，使對象在一個給定的position。

GetView(int position, View convertView, ViewGroup parent)

GetView方法是在一個適配器中使用的最重要的方法。GetView的實現始于獲取它將要處理的視圖。Android中的所有視圖過多地使用LayoutInflater和GetView方法也不例外。使用LayoutInflater時，我們將會在我們的環境中定義Layout、MovieRow。

一旦我們認為我們已經熟悉和設置文本以及視圖中可能的其他屬性，我們就可以使用常規的FindViewById方法。

現在讓我們運行應用程序，看看是什么樣子：

哦，漂亮！這僅僅是一個定制的列表視圖和適配器能做到的開始，而你能做的機會卻是無限的。

快速滾動

如果有很多顯示的數據，那么列表視圖的快速滾動是非常有用的。通過快速滾動，你可以拖動滾動條來更快速完成大量的數據。

啟用快速滾動。你只需：

moviesListView.FastScrollEnabled = true;

部分索引

現在有快速滾動已經很不錯了，但會使其容易地滾動很多行數據的被稱為部分索引。啟用部分索引，你將會從“ISectionIndexer”繼承你的Activity 。

讓我們看看ISectionIndexer授權的方法實現后適配器看起來是什么樣子：

using System.Collections.Generic;
using Android.App;
using Android.Views;
using Android.Widget;
 
namespace AdapterDemo2
{
    public class MovieAdapter : BaseAdapter<Movie>, ISectionIndexer
    {
        private readonly Activity context;
        private readonly List<Movie> movies;
 
        public MovieAdapter(Activity context, List<Movie> movies)
        {
            this.context = context;
            this.movies = movies;
        }
 
        public override Movie this[int position]
        {
            get
            {
                return movies[position];
            }
        }
 
        public override int Count
        {
            get
            {
                return movies.Count;
            }
        }
 
        public override long GetItemId(int position)
        {
            return position;
        }
 
        public override View GetView(int position, View convertView, ViewGroup parent)
        {
            var view = convertView;
 
            if (view == null)
            {
                view = context.LayoutInflater.Inflate(Resource.Layout.MovieRow, parent, false);
            }
 
            var titleTextView = view.FindViewById<TextView>(Resource.Id.titleTextView);
            var directedByTextView = view.FindViewById<TextView>(Resource.Id.directedByTextView);
            var releasedDateTextView = view.FindViewById<TextView>(Resource.Id.releasedDateTextView);
 
            titleTextView.Text = movies[position].Title;
            directedByTextView.Text = "Directed by: " + movies[position].Director;
            releasedDateTextView.Text = "Released on: " + movies[position].ReleaseDate.ToShortDateString();
 
            return view;
        }
 
        Java.Lang.Object[] sectionHeaders = SectionIndexerBuilder.BuildSectionHeaders(MoviesRepository.Movies);
        Dictionary<int, int> positionForSectionMap = SectionIndexerBuilder.BuildPositionForSectionMap(MoviesRepository.Movies);
        Dictionary<int, int> sectionForPositionMap = SectionIndexerBuilder.BuildSectionForPositionMap(MoviesRepository.Movies);
 
        public Java.Lang.Object[] GetSections()
        {
            return sectionHeaders;
        }
 
        public int GetPositionForSection(int section)
        {
            return positionForSectionMap[section];
        }
 
        public int GetSectionForPosition(int position)
        {
            return sectionForPositionMap[position];
        }
    }
}

activity應該實現的部分索引器方法：

• GetSections()
• GetPositionForSection()
• GetSectionForPosition()

GetSections()

讓Android知道列表視圖應該顯示的所有部分。

GetPositionForSection()

取得一個給定部分的整數位置。

GetSectionForPosition()

取得一個給定位置的部分。

現在所有這三種方法都利用SectionIndexBuilder——我借用的Xamarin教程的類。讓我們看看SectionIndexBuilder是什么

using System.Collections.Generic;
 
namespace AdapterDemo2
{
    public static class SectionIndexerBuilder
    {
        // builds an array of unique section headers, data must be sorted by name
        public static Java.Lang.Object[] BuildSectionHeaders(List<Movie> data)
        {
            var results = new List<string>();
            var used = new SortedSet<string>();
 
            foreach (var item in data)
            {
                var letter = item.Title[0].ToString();
 
                if (!used.Contains(letter))
                    results.Add(letter);
 
                used.Add(letter);
            }
 
            var jobjects = new Java.Lang.Object[results.Count];
 
            for (int i = 0; i < results.Count; i++)
            {
                jobjects[i] = results[i];
            }
 
            return jobjects;
        }
 
        // builds a map to answer: position --> section, data must be sorted by name
        public static Dictionary<int, int> BuildSectionForPositionMap(List<Movie> movies)
        {
            var results = new Dictionary<int, int>();
            var used = new SortedSet<string>();
            int section = -1;
 
            for (int i = 0; i < movies.Count; i++)
            {
                var letter = movies[i].Title[0].ToString();
 
                if (!used.Contains(letter))
                {
                    section++;
                    used.Add(letter);
                }
 
                results.Add(i, section);
            }
 
            return results;
        }
 
        // builds a map to answer: section --> position, data must be sorted by name
        public static Dictionary<int, int> BuildPositionForSectionMap(List<Movie> movies)
        {
            var results = new Dictionary<int, int>();
            var used = new SortedSet<string>();
            int section = -1;
 
            for (int i = 0; i < movies.Count; i++)
            {
                var letter = movies[i].Title[0].ToString();
 
                if (!used.Contains(letter))
                {
                    section++;
                    used.Add(letter);
                    results.Add(section, i);
                }
            }
 
            return results;
        }
    }
}

SectionIndexBuilder確實確實做了一些聰明的事，通過列表數據找出一個給定的數據列表的部分和位置。

如果你現在運行應用程序，你應該可以開始看到“部分&rdquo;，這使它更容易為你的用戶滾動大量列表數據。

這就是Xamarin.Android的列表視圖和適配器。下次我會繼續和大家探索新的教程，敬請期待！

Xamarin正式被Microsoft收購，慧都將為您提供更好的解決方案和服務！詳情請<>