<Xamarin Platform 試用版下載地址>

昨天我們已經(jīng)一起學(xué)習(xí)了第1部分，這是探索Xamarin.Android的列表視圖和適配器的的第2部分。

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

讓我們深入到代碼，看看ListView AXML和自定義項(xiàng)排列的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();
 
        }
    }
}

這個(gè)Activity與我們昨天講到的主要區(qū)別是，我們不再使用ArrayAdapter，但我們現(xiàn)在有自己自定義的MovieAdapter類(lèi)，并且列表視圖的適配器設(shè)置為這個(gè)Adapter。

所以在MovieAdapter類(lèi)中究竟有什么？讓我們一起來(lái)探索：

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類(lèi)主要定義了4種方法，都是BaseAdapter抽象類(lèi)所要求的。他們是：

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

GetItemId

GetItemId給你一個(gè)選項(xiàng)讓列表視圖知道position在查找哪個(gè)當(dāng)前項(xiàng)的id。

Count

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

this[int position]

這是.NET的數(shù)組索引器過(guò)載的方法，使對(duì)象在一個(gè)給定的position。

GetView(int position, View convertView, ViewGroup parent)

GetView方法是在一個(gè)適配器中使用的最重要的方法。GetView的實(shí)現(xiàn)始于獲取它將要處理的視圖。Android中的所有視圖過(guò)多地使用LayoutInflater和GetView方法也不例外。使用LayoutInflater時(shí)，我們將會(huì)在我們的環(huán)境中定義Layout、MovieRow。

一旦我們認(rèn)為我們已經(jīng)熟悉和設(shè)置文本以及視圖中可能的其他屬性，我們就可以使用常規(guī)的FindViewById方法。

現(xiàn)在讓我們運(yùn)行應(yīng)用程序，看看是什么樣子：

哦，漂亮！這僅僅是一個(gè)定制的列表視圖和適配器能做到的開(kāi)始，而你能做的機(jī)會(huì)卻是無(wú)限的。

快速滾動(dòng)

如果有很多顯示的數(shù)據(jù)，那么列表視圖的快速滾動(dòng)是非常有用的。通過(guò)快速滾動(dòng)，你可以拖動(dòng)滾動(dòng)條來(lái)更快速完成大量的數(shù)據(jù)。

啟用快速滾動(dòng)。你只需：

moviesListView.FastScrollEnabled = true;

部分索引

現(xiàn)在有快速滾動(dòng)已經(jīng)很不錯(cuò)了，但會(huì)使其容易地滾動(dòng)很多行數(shù)據(jù)的被稱(chēng)為部分索引。啟用部分索引，你將會(huì)從“ISectionIndexer”繼承你的Activity 。

讓我們看看ISectionIndexer授權(quán)的方法實(shí)現(xiàn)后適配器看起來(lái)是什么樣子：

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應(yīng)該實(shí)現(xiàn)的部分索引器方法：

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

GetSections()

讓Android知道列表視圖應(yīng)該顯示的所有部分。

GetPositionForSection()

取得一個(gè)給定部分的整數(shù)位置。

GetSectionForPosition()

取得一個(gè)給定位置的部分。

現(xiàn)在所有這三種方法都利用SectionIndexBuilder——我借用的Xamarin教程的類(lèi)。讓我們看看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確實(shí)確實(shí)做了一些聰明的事，通過(guò)列表數(shù)據(jù)找出一個(gè)給定的數(shù)據(jù)列表的部分和位置。

如果你現(xiàn)在運(yùn)行應(yīng)用程序，你應(yīng)該可以開(kāi)始看到“部分&rdquo;，這使它更容易為你的用戶滾動(dòng)大量列表數(shù)據(jù)。

這就是Xamarin.Android的列表視圖和適配器。下次我會(huì)繼續(xù)和大家探索新的教程，敬請(qǐng)期待！

Xamarin正式被Microsoft收購(gòu)，慧都將為您提供更好的解決方案和服務(wù)！詳情請(qǐng)<>