GridView应用2(使用ImageSwitcher显示)

不多说,通过程序来演示...

注意:android:numColumns属性最好指定大于1,否则该属性默认值是1.这意味着只有一列,等同于ListView.

step1:新建android工程,命名为ImageSwitcherTest.

step2:设置配置文件

main.xml

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

    <GridView
        android:id="@+id/gridview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:numColumns="7" />

    <ImageSwitcher
        android:id="@+id/imageswitcher"
        android:layout_width="320dp"
        android:layout_height="320dp"
        android:layout_gravity="center_horizontal" />

</LinearLayout>

main1.xml

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

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

step3:主Activity程序..

package com.cb.imageswitcher;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.GridView;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.SimpleAdapter;
import android.widget.ViewSwitcher.ViewFactory;

public class ImageSwitcherTest extends Activity {
    private GridView mGridView;
    private String TAG = "ImageSwitcherTest";
    private int[] images = { R.drawable.a, R.drawable.b, R.drawable.nash1,
            R.drawable.nash2, R.drawable.nash3, R.drawable.nash4,
            R.drawable.nash5 };// 加载图片

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        Log.i(TAG, "onCreate()");

        mGridView = (GridView) findViewById(R.id.gridview);

        List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();// 存储数据

        for (int i = 0; i < images.length; i++) {
            Map<String, Object> listItem = new HashMap<String, Object>();
            listItem.put("images", images[i]);
            listItems.add(listItem);
        }

        /*
         * ImageSwitcher由FrameLayout派生而出,ImageSwitcher组件和ImageView很相似,它们都可用于显示图片,
         * 但ImageSwitcher比普通ImageView多一个功能:它所显示的图片切换时可以设置动画效果.
         */
        final ImageSwitcher switcher = (ImageSwitcher) findViewById(R.id.imageswitcher);

        // 设置图片更换的动画效果
        switcher.setInAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.fade_in));
        switcher.setOutAnimation(AnimationUtils.loadAnimation(this,
                android.R.anim.fade_out));

        switcher.setFactory(new ViewFactory() {

            @Override
            public View makeView() {
                ImageView imageView = new ImageView(ImageSwitcherTest.this);
                imageView.setBackgroundColor(0Xff0000);
                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
                imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
                        LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));

                return imageView; // ImageSwitcher负责显示返回的这个ImageView.
            }
        });

        SimpleAdapter adapter = new SimpleAdapter(this, listItems,
                // 使用R.layout.main1作为布局文件.
                R.layout.main1, new String[] { "images" },
                new int[] { R.id.imageview });

        mGridView.setAdapter(adapter);

        // 添加列表项被选中的监听器
        mGridView.setOnItemSelectedListener(new OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView<?> parent, View view,
                    int position, long id) {
                // 显示当前被选中的图片
                switcher.setImageResource(images[position % images.length]);
            }

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

        // 添加列表项被单击的监听器
        mGridView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {
                switcher.setImageResource(images[position % images.length]);
            }
        });
    }
}

step4:图示结果(点击上面的图片,在下面的ImageSwitcher中切换显示)