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对象。