首先进行简单的布局:
activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/LinearLayout2"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上一张" />
<ImageSwitcher
android:id="@+id/imageSwitcher1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
</ImageSwitcher>
<Button
android:id="@+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="下一张" />
</LinearLayout>
功能实现:MainActivity.java
package com.example.imageswitch;
import android.R.integer;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.Button;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher.ViewFactory;
public class MainActivity extends Activity {
private int[] imageId=new int[]{R.drawable.img01, R.drawable.img02,
R.drawable.img03, R.drawable.img04, R.drawable.img05,
R.drawable.img06, R.drawable.img07, R.drawable.img08,
R.drawable.img09, R.drawable.img10, R.drawable.img11,
R.drawable.img12,};
private ImageSwitcher iSwitcher;
private Button up;
private Button down;
private int index=0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
iSwitcher=(ImageSwitcher)findViewById(R.id.imageSwitcher1);
iSwitcher.setInAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_in));
iSwitcher.setOutAnimation(AnimationUtils.loadAnimation(this, android.R.anim.fade_out));
iSwitcher.setFactory(new ViewFactory() {
@Override
public View makeView() {
// 实例化一个ImageView类的对象
ImageView imageView=new ImageView(MainActivity.this);
// 设置保持纵横比居中缩放图像
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
imageView.setLayoutParams(new ImageSwitcher.LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
return imageView;
}
});
// 显示默认的图片
iSwitcher.setImageResource(imageId[index]);
up = (Button) findViewById(R.id.button1); // 获取“上一张”按钮
down = (Button) findViewById(R.id.button2); // 获取“下一张”按钮
up.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (index>0) {
index--;
}else {
index = imageId.length - 1;
}
iSwitcher.setImageResource(imageId[index]);
}
});
down.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (index<imageId.length-1) {
index++;
}else {
index=0;
}
iSwitcher.setImageResource(imageId[index]);
}
});
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}
显示效果:
@author www.lelexie.com