视窗到android切换器,图片切换器(ImageSwitcher)使用
image.png
ImageSwitcher
ImageSwitcher是一个图片切换器，它间接继承自FrameLayout类，和ImageView相比，多了一个功能，那就是它说显示的图片切换时，可以设置动画效果，类似于淡进淡出效果，以及左进右出滑动等效果。
既然ImageSwitcher是用来显示图片的控件，AndroidAPI为我们提供了三种不同方法来设定不同的图像来源，方法有：
setImageDrawable(Drawable)：指定一个Drawable对象，用来给ImageSwitcher显示。
setImageResource(int)：指定一个资源的ID，用来给ImageSwitcher显示。
setImageURL(URL)：指定一个URL地址，用来给ImageSwitcher显示URL指向的图片资源。
引用方式:
android:id="@+id/imageSwitcher1"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
动画效果
ImageSwitcher可以设置图片切换时，动画的效果。
对于动画效果的支持，是因为它继承了ViewAnimator类，这个类中定义了两个属性，用来确定切入图片的动画效果和切出图片的动画效果：
android:inAnimation：切入图片时的效果。
android:outAnimation：切出图片时的效果。
动画效果，一般定义在android.R.anim类中:
定义
含义
fede_in
淡进。
fade_out
淡出
slide_in_left
从左滑进。
slide_out_right
从右滑出。
使用实例
activity_main.xml文件:
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
android:id="@+id/imageSwitcher1"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
代码：
package com.example.user.viewsw;
import android.app.Activity;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;
import android.widget.ViewSwitcher;
public class MainActivity extends Activity implements ViewSwitcher.ViewFactory, View.OnTouchListener {
/**
* ImagaSwitcher 的引用
*/
private ImageSwitcher mImageSwitcher;
/**
* 图片id数组
*/
private int[] imgIds;
/**
* 当前选中的图片id序号
*/
private int currentPosition;
/**
* 按下点的X坐标
*/
private float downX;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 全部的图片资源
imgIds = new int[]{R.drawable.p001,R.drawable.p002,R.drawable.p003,R.drawable.p004,
R.drawable.p005, R.drawable.p006, R.drawable.p007, R.drawable.p008,R.drawable.p009,
R.drawable.p010, R.drawable.p011, R.drawable.p012};
//实例化ImageSwitcher
mImageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher1);
//设置Factory
mImageSwitcher.setFactory(this);
//设置OnTouchListener，我们通过Touch事件来切换图片
mImageSwitcher.setOnTouchListener(this);
//初始位置为0
currentPosition = 0;
mImageSwitcher.setImageResource(imgIds[currentPosition]);
//设置动画
mImageSwitcher.setInAnimation(AnimationUtils.loadAnimation(this,
android.R.anim.fade_in));
mImageSwitcher.setOutAnimation( AnimationUtils.loadAnimation(this,
android.R.anim.fade_out));
}
@Override
public View makeView() {
final ImageView i = new ImageView(this);
i.setBackgroundColor(0xff000000);
i.setScaleType(ImageView.ScaleType.CENTER_CROP);
i.setLayoutParams(new ImageSwitcher.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT, LinearLayout.LayoutParams.FILL_PARENT));
return i ;
}
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:{
//手指按下的X坐标
downX = event.getX();
break;
}
case MotionEvent.ACTION_UP:{
float lastX = event.getX();
//抬起的时候的X坐标大于按下的时候就显示上一张图片
if(lastX > downX){
if(currentPosition > 0){
currentPosition --;
mImageSwitcher.setImageResource(imgIds[currentPosition]);
}else{
Toast.makeText(this, "已经是第一张", Toast.LENGTH_SHORT).show();
}
}
if(lastX < downX){
if(currentPosition < imgIds.length - 1){
currentPosition ++ ;
mImageSwitcher.setImageResource(imgIds[currentPosition]);
}else{
Toast.makeText(this, "到了最后一张", Toast.LENGTH_SHORT).show();
}
}
}
break;
}
return true;
}
}
运行结果：
image.png
image.png
参考