Android Gallery+ImageSwitch控件

Android  Gallery+ImageSwitch控件

 

布局可能使用相对布局要好些。

package com.gallerydemo;

import com.gallerydemoimageswitchdemo.R;

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

/***********************************
 * ImageSwitcher的使用步骤 
 * 1.设置 ImageSwitcher的背景ViewFactory的设置方法。
 * 2.设置ImageSwitcher的切换风格
 * Gallery的使用
 * 1.关联控件
 * 2.设置数据适配器
 * 3.设置触发事件
 * 推荐阅读：Android入门第十三篇之Gallery + ImageSwitcher 
 * http://blog.csdn.net/hellogv/article/details/5962494
 **********************************/

public class MainActivity extends Activity {

	private ImageSwitcher imageSwitcher;
	private Gallery gallery;

	private int Images[] = new int[] { R.drawable.image1, R.drawable.image2,
			R.drawable.image3, R.drawable.image4, R.drawable.image5, };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		imageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher);
		gallery = (Gallery) findViewById(R.id.gallery);

		// 设置图片切换动画  有的文章上来实现new ViewFactory()这个接口也挺好的。
		imageSwitcher.setFactory(new ViewFactory() {

			@Override
			public View makeView() {
				// TODO Auto-generated method stub
				ImageView imageView = new ImageView(MainActivity.this);

				imageView.setBackgroundColor(0xff0000);
				imageView.setScaleType(ImageView.ScaleType.FIT_XY);
				imageView.setLayoutParams(new ImageSwitcher.LayoutParams( // 这里要小心
						LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
				return imageView;
			}
		});

		// 设置图片切换的动画效果
		imageSwitcher.setAnimation(AnimationUtils.loadAnimation(this,
				android.R.anim.fade_in));
		imageSwitcher.setAnimation(AnimationUtils.loadAnimation(this,
				android.R.anim.fade_out));

		// 为Gallery添加数据适配器。这样他就有数据源了。
		BaseAdapter adapter = new BaseAdapter() {

			@Override
			// Get a View that displays the data at the specified position in
			// the data set
			public View getView(int position, View convertView, ViewGroup parent) {
				// TODO Auto-generated method stub

				ImageView imageView = new ImageView(MainActivity.this);

				imageView.setImageResource(Images[position % Images.length]);
				// 设置显示样式。
				imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);// 居中
				imageView.setLayoutParams(new Gallery.LayoutParams(310,280));
				imageView.setBackgroundColor(0x550000);

				return imageView; // 这里要把新生成的image返回
			}

			@Override
			public long getItemId(int position) {
				// TODO Auto-generated method stub
				return position;
			}

			@Override
			public Object getItem(int position) {
				// TODO Auto-generated method stub
				return position;
			}

			@Override
			public int getCount() {
				// TODO Auto-generated method stub
				return Images.length;
			}
		};

		// 绑定数据源，同时添加事件，注意添加事件的类型。
		gallery.setAdapter(adapter);
		gallery.setOnItemSelectedListener(new OnItemSelectedListener() {

			@Override//当Gallery选中项改变时触发的事件。
			public void onItemSelected(AdapterView<?> parent, View v, int position,
					long id) {
				// TODO Auto-generated method stub
				imageSwitcher.setImageResource(Images[position%Images.length]);
			}

			@Override
			public void onNothingSelected(AdapterView<?> arg0) {
				// TODO Auto-generated method stub

			}
		});
	}
}

 

资源文件：

<?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" >

    <ImageSwitcher
        android:id="@+id/imageSwitcher"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
    </ImageSwitcher>

    <Gallery
        android:id="@+id/gallery"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="25dp"
        android:spacing="10dp"
        android:unselectedAlpha="0.6" />

</LinearLayout>