天天看点

可循环显示图像的Android Gallery组件

http://www.cnblogs.com/nokiaguy/archive/2010/08/23/1806870.html

gallery组件主要用于横向显示图像列表,不过按常规做法。gallery组件只能有限地显示指定的图像。也就是说,如果为gallery组件指定了10张图像,那么当gallery组件显示到第10张时,就不会再继续显示了。这虽然在大多数时候没有什么关系,但在某些情况下,我们希望图像显示到最后一张时再重第1张开始显示,也就是循环显示。要实现这种风格的gallery组件,就需要对gallery的adapter对象进行一番改进。

gallery组件的传统用法

<!--[endif]-->

     在实现可循环显示图像的gallery组件之前先来回顾一下gallery组件的传统用法。gallery组件可以横向显示一个图像列表,当单击当前图像的后一个图像时,这个图像列表会向左移动一格,当单击当前图像的前一个图像时,这个图像列表会向右移动一样。也可以通过拖动的方式来向左和向右移动图像列表。当前显示的是第1个图像的效果如图1所示。gallery组件显示到最后一个图像的效果如图2所示。

可循环显示图像的Android Gallery组件
可循环显示图像的Android Gallery组件

从图2可以看出,当显示到最后一个图像时,列表后面就没有图像的,这也是gallery组件的基本显示效果。在本文后面的部分将详细介绍如何使gallery组件显示到最后一个图像时会从第1个图像开始显示。

好了,现在我们来看一下图1和图2的效果是如何做出来的吧。gallery既然用于显示图像,那第1步就必须要有一些图像文件用来显示。现在可以随意准备一些图像。在本文的例子中准备了15个jpg文件(item1.jpg至item15.jpg)。将这些文件都放在res\drawable目录中。

下面将这些图像的资源id都保存在int数组中,代码如下:

 private int[] resids = new int[]

    { r.drawable.item1, r.drawable.item2, r.drawable.item3,        

      r.drawable.item4, r.drawable.item5, r.drawable.item6,      

      r.drawable.item7, r.drawable.item8, r.drawable.item9, 

      r.drawable.item10, r.drawable.item11, r.drawable.item12,

      r.drawable.item13, r.drawable.item14, r.drawable.item15 };

在本例的main.xml文件中配置了一个gallery组件,代码如下:

可循环显示图像的Android Gallery组件
可循环显示图像的Android 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_width="fill_parent"

        android:layout_height="wrap_content" android:layout_margintop="30dp" />

</linearlayout>

现在在oncreate方法中装载这个组件,代码如下:

public void oncreate(bundle savedinstancestate)

    {

        super.oncreate(savedinstancestate);

        setcontentview(r.layout.main);

        // 装载gallery组件

        gallery gallery = (gallery) findviewbyid(r.id.gallery);

        // 创建用于描述图像数据的imageadapter对象

        imageadapter imageadapter = new imageadapter(this);

         // 设置gallery组件的adapter对象

        gallery.setadapter(imageadapter);

    }

    在上面的代码中涉及到一个非常重要的类:imageadapter。该类是android.widget.baseadapter的子类,用于描述图像信息。下面先看一下这个类的完整代码。

public class imageadapter extends baseadapter

        int mgalleryitembackground;

        private context mcontext;

        public imageadapter(context context)

        {

            mcontext = context;

              // 获得gallery组件的属性

            typedarray typedarray = obtainstyledattributes(r.styleable.gallery);

            mgalleryitembackground = typedarray.getresourceid(

                    r.styleable.gallery_android_galleryitembackground, 0);                        

        }

         // 返回图像总数

        public int getcount()

            return resids.length;

        public object getitem(int position)

            return position;

        public long getitemid(int position)

         // 返回具体位置的imageview对象

        public view getview(int position, view convertview, viewgroup parent)

            imageview imageview = new imageview(mcontext);

             // 设置当前图像的图像(position为当前图像列表的位置)

            imageview.setimageresource(resids[position]);

            imageview.setscaletype(imageview.scaletype.fit_xy);

            imageview.setlayoutparams(new gallery.layoutparams(163, 106));

            // 设置gallery组件的背景风格

            imageview.setbackgroundresource(mgalleryitembackground);

            return imageview;

在编写imageadapter类时应注意的两点:

1. 在imageadapter类的构造方法中获得了gallery组件的属性信息。这些信息被定义在res\values\attrs.xml文件中,代码如下:

继续阅读