MonoDroid学习笔记（八）—— 如IPhone拖动相片特效，Gallery画廊

曾经被IPhone用手指在屏幕上滑来滑去拖动图片的操作方式吸引吗？在Android里，这并不是什么难事，只要用到Gallery即可。它通常用在设计相册、图片类型的选择器上。

在开始之前，先了解一下什么是Context以及Android.Widget命名空间下的BaseAdapter，在Activity当中，Context就如同是Canvas画布，随时等着被处理或覆盖。还记得先前介绍Activity之间的传递时，做过Intent以及Context的应用吗？当中Intent是Android.Content命名空间下的一个类，而Context也是一样。本范例在Layout里布局一个Gallery对象，再通过BaseAdapter容器存放Gallery所需要的图片。先将你要显示的图片放到Drawable文件夹下，然后编译一下工程，使其能在代码中使用。

Main.axml的结构很简单，只要放上一个Gallery即可：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
  <Gallery android:id="@+id/gallery" android:layout_height="fill_parent" android:layout_width="fill_parent"></Gallery>
</LinearLayout>

本范例的另一个重点，就是如何设置Gallery图片的宽高以及放置图片Layout的大小，在此我们新建一个ImageAdapter类来继承BaseAdapter容器来存放图片，通过ImageView的SetScaleType方法来改变图片的显示，再通过LayoutParameters属性类改变Layout的宽高。

我们先在Values目录下新建一个attrs.xml文件，这是一个自制Layout元素的用法，在其中定义<declare-styleable>标签，目的是自定义layout的背景风格，并且通过Android.Content.Res.TypedArray类的特性，让相同的Layout元素可以重复用于每一张图片。

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <declare-styleable name="Gallery">
    <attr name="android:galleryItemBackground" />
  </declare-styleable>
</resources>

ImageAdapter类的结构如下：

    public class ImageAdapter : BaseAdapter
    {
        private Context ctx;
        int mGalleryItemBackground;
        private int[] images = 
        {
            Resource.Drawable.btn1,
            Resource.Drawable.btn1_b,
            Resource.Drawable.btn2,
            Resource.Drawable.btn2_b,
            Resource.Drawable.btn3,
            Resource.Drawable.btn3_b,
            Resource.Drawable.btn4,
            Resource.Drawable.btn4_b
        };
        public ImageAdapter(Context ctx)
        {
            try
            {
                this.ctx = ctx;
                Android.Content.Res.TypedArray a = ctx.ObtainStyledAttributes(Resource.Styleable.Gallery);
                mGalleryItemBackground = a.GetResourceId(Resource.Styleable.Gallery_android_galleryItemBackground, Android.Graphics.Color.Azure);
                a.Recycle();
            }
            catch (System.Exception ex)
            {
                MessageBox.ShowErrorMessage(ctx, ex);
            }
        }
        public override int Count
        {
            get
            {
                return images.Length;
            }
        }
        public override Java.Lang.Object GetItem(int position)
        {
            return position;
        }
        public override long GetItemId(int position)
        {
            return position;
        }
        public override View GetView(int position, View convertView, ViewGroup parent)
        {
            try
            {
                ImageView v = new ImageView(this.ctx);
                v.SetImageResource(this.images[position]);
                v.SetScaleType(ImageView.ScaleType.FitXy);
                v.LayoutParameters = new Gallery.LayoutParams(100, 50);
                v.SetBackgroundResource(mGalleryItemBackground);
                return v;
            }
            catch (System.Exception ex)
            {
                MessageBox.ShowErrorMessage(this.ctx, ex);
                return null;
            }
        }
    }

Activity1.cs的代码：

    [Activity(Label = "MonoDroidTest", MainLauncher = true)]
    public class Activity1 : Activity
    {
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);
            SetContentView(Resource.Layout.Main);
            try
            {
                Gallery mGallery = FindViewById<Gallery>(Resource.Id.gallery);
                mGallery.Adapter = new ImageAdapter(this);
            }
            catch (System.Exception ex)
            {
                MessageBox.ShowErrorMessage(this, ex);
            }
        }
    }

运行程序，效果如下：

接下来的问题就是，我们能不能读取我们SD卡上的图片，而不是直接把图片作为资源打到包里啊？这当然是可以的，下面我们把ImageAdapter改写一下，从下面的例子，我们还可以学到如何读取SD卡的文件（记得using Java.IO;）：

    public class ImageAdapter : BaseAdapter
    {
        private Context ctx;
        int mGalleryItemBackground;
        File[] files;
        int width, height;
        public ImageAdapter(Context ctx)
        {
            try
            {
                this.ctx = ctx;
                DisplayMetrics dm = new DisplayMetrics();
                ((Activity)this.ctx).WindowManager.DefaultDisplay.GetMetrics(dm);
                width = dm.WidthPixels;
                height = dm.HeightPixels;
                if (Android.OS.Environment.ExternalStorageState.Equals(Android.OS.Environment.MediaMounted))
                {
                    File path = Android.OS.Environment.ExternalStorageDirectory;
                    File file = new File(path.Path + "/Pictures/Camera");
                    if (file.Exists())
                        files = file.ListFiles();
                    else
                        throw new System.Exception("SD卡中不存在此路径");
                }
                else if (Android.OS.Environment.ExternalStorageState.Equals(Android.OS.Environment.MediaRemoved))
                    throw new System.Exception("没有SD卡");
                Android.Content.Res.TypedArray a = ctx.ObtainStyledAttributes(Resource.Styleable.Gallery);
                mGalleryItemBackground = a.GetResourceId(Resource.Styleable.Gallery_android_galleryItemBackground, Android.Graphics.Color.Azure);
                a.Recycle();
            }
            catch (System.Exception ex)
            {
                MessageBox.ShowErrorMessage(ctx, ex);
            }
        }
        public override int Count
        {
            get
            {
                if (files == null)
                    return 0;
                return this.files.Length;
            }
        }
        public override Java.Lang.Object GetItem(int position)
        {
            return position;
        }
        public override long GetItemId(int position)
        {
            return position;
        }
        public override View GetView(int position, View convertView, ViewGroup parent)
        {
            try
            {
                ImageView v = new ImageView(this.ctx);
                Bitmap bmp = BitmapFactory.DecodeFile(files[position].Path);
                v.SetImageBitmap(bmp);
                v.SetScaleType(ImageView.ScaleType.FitXy);
                v.LayoutParameters = new Gallery.LayoutParams(width, height);
                v.SetBackgroundResource(mGalleryItemBackground);
                return v;
            }
            catch (System.Exception ex)
            {
                MessageBox.ShowErrorMessage(this.ctx, ex);
                return null;
            }
        }
    }

然后我们在增加一点小功能，就是在点击图片的时候，弹出个小提示，提示你点击的是哪张图片。这里用到了Toast对象，其实Toast对象我们在第四篇文章介绍布局的时候就已经用过了，但没有具体介绍过它，Toast是Android专属的提示小对象，它的使用方法相当简单，但用途却很广泛。基本上，Toast就是一个简短的小信息，将要告诉用户的信息以一个浮动在最上层的View显示，显示Toast之后，静待几秒就会自动消失，最常见的应用就是音量大小的调整。当单击音量调整按钮之后，会看见跳出的音量指示Toast对象，等待调整完之后便会消失。

                Gallery mGallery = FindViewById<Gallery>(Resource.Id.gallery);
                mGallery.Adapter = new ImageAdapter(this);
                mGallery.ItemClick += (sender, e) =>
                {
                    Toast.MakeText(this, string.Format("你点击的是{0}号图片", e.Position), ToastLength.Short).Show();
                };

运行后的效果：

Toast显示后会在一定时间内消失，在Toast.MakeText方法的第三个参数是一个ToastLength枚举，颗选择Long或Short，前者时间较长，后者较短。

当然，你也可以使用重写Toast对象的方法，自定义Toast显示的Layout，以不同于系统内置的方式显示Toast对象，如要在Toast里显示图片，方式如下：

                Gallery mGallery = FindViewById<Gallery>(Resource.Id.gallery);
                mGallery.Adapter = new ImageAdapter(this);
                mGallery.ItemClick += (sender, e) =>
                {
                    Toast t = new Toast(this);
                    ImageView img = new ImageView(this);
                    img.SetImageResource(Android.Resource.Drawable.IcMenuCamera);
                    t.View = img;
                    t.Show();
                    //Toast.MakeText(this, string.Format("你点击的是{0}号图片", e.Position), ToastLength.Short).Show();
                };

最后说一下BitmapFactory（位于Android.Graphics命名空间下），它是Android API提供的对象，可以将图片文件转换成Bitmap对象，范例中使用的DecodeFile()方法可以将手机系统中的图片文件转换成为Bitmap对象。另外，BitmapFactory也提供了其他的方法，如DecodeResource可以将预先存入的图片文件转换成Bitmap对象，DecodeStream方法则可以将InputStream转换成Bitmap对象。