android ViewFlipper屏幕切换

大家好，今天给我将介绍ViewFlipper屏幕切换，屏幕切换指的是在同一个Activity内屏幕间的切换，最常见的切换例如一个系统设置页面；一个个性化设置页面等。不说废话，直接看代码。

1.建立工程文件，命名TestviewfillerActivity。

   

2.布局文件main.xml 如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:background="#ffffff"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<ViewFlipper android:layout_height="wrap_content"
android:layout_width="fill_parent" android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:id="@+id/main_vf">
</ViewFlipper>


<ImageView android:src="@drawable/left_arrow"
android:layout_width="wrap_content" android:id="@+id/main_letf"
android:layout_height="wrap_content" android:layout_alignParentLeft="true"
android:layout_centerVertical="true" />
<ImageView android:src="@drawable/right"
android:layout_width="wrap_content" android:id="@+id/main_right"
android:layout_height="wrap_content" android:layout_alignParentRight="true"
android:layout_centerVertical="true" />
</RelativeLayout>

3.这里是手势滑动的xml文件。     

分别如下：

（1）  in_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从左向右滑动时，后一页进入的动画 -->
 <translate 
 android:fromXDelta="-100%"
 android:toXDelta="0"
 android:duration="300"/>
</set>

（2）in_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从右向左滑动时，后一页进入的动画 -->
 <translate 
 android:fromXDelta="100%"
 android:toXDelta="0"
 android:duration="300"/>
</set>

（3）out_lefttoright.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从左向右滑动时，当前的页面出去的动画 -->
 <translate 
 android:fromXDelta="0"
 android:toXDelta="100%"
 android:duration="300"/>
</set>

（4）out_righttoleft.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- 定义从右向左滑动时，当前页出去的动画 -->
 <translate 
 android:fromXDelta="0"
 android:toXDelta="-100%"
 android:duration="300"/>
</set>

4.下面上核心代码。

package com.test;


import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup.LayoutParams;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.ViewFlipper;
/**
 * android 图片自动切换
 * @author song
 * 2012-03-07
 */
public class TestviewfillerActivity extends Activity implements OnClickListener{
//定义6张图片资源 存放在数组里
private int[] images = new int[]{R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5,R.drawable.p6};
private ViewFlipper vf;
//定义两个图片按钮
private ImageView left;
private ImageView right;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //初始化
        init();
    }


private void init() {
//实例化ViewFlipper
vf = (ViewFlipper) this.findViewById(R.id.main_vf);

for(int i = 0; i<images.length;i++){
//new 一个ImageView
ImageView iv = new ImageView(this);
//设置图片为背景 注意SetBackgroundDrawable和SetBackgroundResource有什么不同 ？这个大家自己总结
iv.setBackgroundResource(images[i]);
//setScaleType控制图片改变大小和移动
iv.setScaleType(ScaleType.CENTER_INSIDE);

//Set the layout parameters associated with this view
iv.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.WRAP_CONTENT));
vf.addView(iv);
}
//实例化ImageView
left = (ImageView) this.findViewById(R.id.main_letf);
right = (ImageView) this.findViewById(R.id.main_right);

if(vf.getChildCount() <2){
//隐藏
left.setVisibility(View.GONE);
right.setVisibility(View.GONE);
}
left.setVisibility(View.GONE);
left.setOnClickListener(this);
right.setOnClickListener(this);
//延时2秒
handler.sendMessageDelayed(new Message(), 2000);
}



private Handler handler = new Handler(){


@Override
public void handleMessage(Message msg) {
super.handleMessage(msg);
// if (vf.getDisplayedChild() == vf.getChildCount() - 1) {
// previous();
// }else if (vf.getDisplayedChild() != vf.getChildCount() - 1 ) {
next();
// }
isShow();
handler.sendMessageDelayed(new Message(), 2000);
}
   
    };


private void next() {
vf.setInAnimation(TestviewfillerActivity.this, R.anim.in_righttoleft);
vf.setOutAnimation(TestviewfillerActivity.this, R.anim.out_righttoleft);
vf.showNext();
}
private void previous() {
vf.setInAnimation(TestviewfillerActivity.this, R.anim.in_lefttoright);
vf.setOutAnimation(TestviewfillerActivity.this, R.anim.out_lefttoright);
vf.showPrevious();
}

@Override
public void onClick(View v) {
//判断是按下哪个ImageView
switch (v.getId()) {
case R.id.main_letf:
if (vf.getDisplayedChild() > 0) {
previous();
}
break;
case R.id.main_right:
if (vf.getDisplayedChild() < vf.getChildCount() - 1) {
next();
}
break;
}
isShow();


}
    //显示
private void isShow() {
if(vf.getDisplayedChild() == 0){
left.setVisibility(View.GONE);
right.setVisibility(View.VISIBLE);
}else if(vf.getDisplayedChild() == vf.getChildCount() - 1){
left.setVisibility(View.VISIBLE);
right.setVisibility(View.GONE);
}else{
left.setVisibility(View.VISIBLE);
right.setVisibility(View.VISIBLE);
}
}
}

5.运行程序：

ok,到处完毕！今天早点休息。明天继续。