ImageSwitcher 圖片切換器

咱們能夠看到不少網站首頁裏的有個圖片輪顯控件，用來顯示站內重點新聞等，在這些網站裏不少採用了JQuery等JS框架提供的輪顯插件，而在Android裏也有這個ImageSwitcher提供了相似的功能。


那麼咱們就一塊兒作一個例子感受一下：


一、新建一個項目：Lesson45_ImageSwitcher

二、準備好5張看着順眼的圖片，放在res\drawable目錄下：

三、在main.xml中添加一個ImageSwitcher組件：

<?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 android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/imageSwitcher1">
	</imageswitcher>
</linearlayout>

四、在MainActivity.java中的代碼以下：

package basic.android.lesson45;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;

public class MainActivity extends Activity {

	//當前顯示的圖片索引
	private int index;

	//圖片數組
	private int[] images = { R.drawable.image1, R.drawable.image2, R.drawable.image3, R.drawable.image4,
			R.drawable.image5 };

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		//全屏設置
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

		setContentView(R.layout.main);

		//獲得ImageSwitcher對象
		final ImageSwitcher is = (ImageSwitcher) findViewById(R.id.imageSwitcher1);

		//實現並設置工廠內部接口的makeView方法，用來顯示視圖。
		is.setFactory(new ViewFactory() {
			@Override
			public View makeView() {
				return new ImageView(MainActivity.this);
			}
		});

		//設置圖片來源
		is.setImageResource(images[index]);

		//設置點擊監聽器
		is.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				//點擊會切換圖片
				index++;
				if (index >= images.length) {
					index = 0;
				}
				is.setImageResource(images[index]);
			}
		});

		//設置切入動畫
		is.setInAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_in_left));
		//設置切出動畫
		is.setOutAnimation(AnimationUtils.loadAnimation(getApplicationContext(), android.R.anim.slide_out_right));

	}
}