Android 自学之画廊视图(Gallery)功能和用法

Gallery与之前讲的Spinner有共同的父类：AbsSpinner，表明Gallery和Spinner都是一个列表框。他们之间的区别在于Spinner显示的是一个垂直的列表框，而Gallery显示的是一个水平的列表框。Gallery与Spinner有一个区别：Spinner的作用是供用户选择，而Gallery则允许用户通过拖动来查看上一个、下一个列表项。

Gallery常用的XML属性及相关方法

XML属性	相关方法	说明
android：animationDuration	setAnimationDuration(int)	设置列表项切换时的动画持续时间
android：gravity	setGravity(int)	设置对齐方式
android：spacing	setSpacing(int)	设置Gallery内列表项之间的间距
android：unselectedAlpha	setUnselectedAlpha(int)	设置没有选中列表项的透明性

Gallery本身的用法非常简单----基本上和Spinner的用法相似，只要为他提供一个内容Adapter即可，该Adapter的getView方法返回的View作为Gallery列表的列表项；如果程序需要监控到Gallery选择项的改变，可以通过为Gallery添加OnItemSelectedListener监听器即可实现。

为此做了一个关于“幻灯片”式图片浏览器的案例，这个案例和我们前面写的Android 自学之网格试图(GridView)和图片切换器(ImageSwitcher)功能和用法这个里面的案例很相似；二者都是带有预览图片的效果，但本案例采用Gallery作为图片预览器，所以界面会更加的友好。Gallery会生成一个“水平列表”，每个列表项就是一张图片预览，而Gallery生成“水平列表”可以让用户拖动来切换列表项。

下面我们先看看案例的布局部分的代码：Layout/main.xml

<?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">
<!-- 定义一个ImageSwitcher组件 -->
<ImageSwitcher android:id="@+id/switcher"
    android:layout_width="320dp"
    android:layout_height="320dp"
    />
<!-- 定义一个Gallery组件 -->
<Gallery android:id="@+id/gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="25dp" 
    android:unselectedAlpha="0.6"
    android:spacing="3pt"
    />    
</LinearLayout>

上面的布局很简单，只定义了两个组件：ImageSwitcher和Gallery组件。主程序也很简单，为ImageSwitcher传入一个ViewFactory对象，为Gallery传入一个Adapter对象。这样ImageSwitcher和Gallery就可以工作了。

为了让ImageSwitcher可以显示Gallery中选中的图片，为Gallery绑定一个叫做OnItemSelectedListener监听。

主程序：GalleryTest.java

package com.yangjing.gallarytest;

import android.app.Activity;
import android.content.res.TypedArray;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.BaseAdapter;
import android.widget.Gallery;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;

public class GallaryTest extends Activity{

    int[] imageIds = new int[]
    {
        R.drawable.shuangzi, R.drawable.shuangyu,
        R.drawable.chunv, R.drawable.tiancheng, R.drawable.tianxie,
        R.drawable.sheshou, R.drawable.juxie, R.drawable.shuiping,
        R.drawable.shizi, R.drawable.baiyang, R.drawable.jinniu,
        R.drawable.mojie };

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        final Gallery gallery = (Gallery) findViewById(R.id.gallery);
        // 获取显示图片的ImageSwitcher对象
        final ImageSwitcher switcher = (ImageSwitcher) 
            findViewById(R.id.switcher);
        // 为ImageSwitcher对象设置ViewFactory对象
        switcher.setFactory(new ViewFactory()
        {
            @Override
            public View makeView()
            {
                ImageView imageView = new ImageView(GallaryTest.this);
                imageView.setBackgroundColor(0xff0000);
                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
                return imageView;
            }
        });
        // 设置图片更换的动画效果
        switcher.setInAnimation(AnimationUtils.loadAnimation(this,
            android.R.anim.fade_in));
        switcher.setOutAnimation(AnimationUtils.loadAnimation(this,
            android.R.anim.fade_out));
        // 创建一个BaseAdapter对象，该对象负责提供Gallery所显示的图片
        BaseAdapter adapter = new BaseAdapter()
        {
            @Override
            public int getCount()
            {
                return imageIds.length;
            }
            @Override
            public Object getItem(int position)
            {
                return position;
            }
            @Override
            public long getItemId(int position)
            {
                return position;
            }

            // 该方法的返回的View就是代表了每个列表项
            @Override
            public View getView(int position, View convertView, ViewGroup parent)
            {
                // 创建一个ImageView
                ImageView imageView = new ImageView(GallaryTest.this);
                imageView.setImageResource(imageIds[position % imageIds.length]);
                // 设置ImageView的缩放类型
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                imageView.setLayoutParams(new Gallery.LayoutParams(75, 100));
                TypedArray typedArray = obtainStyledAttributes(R.styleable.Gallery);
                imageView.setBackgroundResource(typedArray.getResourceId(R.styleable.Gallery_android_galleryItemBackground, 0));
                return imageView;
            }
        };
        gallery.setAdapter(adapter);
        gallery.setOnItemSelectedListener(new OnItemSelectedListener()
        {
            // 当Gallery选中项发生改变时触发该方法
            @Override
            public void onItemSelected(AdapterView<?> parent, View view,
                int position, long id)
            {
                switcher.setImageResource(imageIds[position % imageIds.length]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent)
            {
            }
        });
    }
}

 

程序运行后的效果展示：