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