viewflipper和viewpager挺像的，都是一个view容器。内部可以添加多个view，只是viewpager可以通过左右滑动来切换view，而viewflipper则没有这个功能，所以需要在它上面监听手势。比较方便的是它不用使用适配器就能添加view，所以比较方便。
首先在布局文件中定义这个控件：
我要评论
<?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"
android:background="#ffffff">
<viewflipper android:id="@+id/viewflipper01"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</linearlayout>
2.在代码中找到并且添加view
@override
public void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.main);
detector = new gesturedetector(this);
flipper = (viewflipper) this.findviewbyid(r.id.viewflipper01);
flipper.addview(addtextview("page 1"));//添加view到flipper中，这里添加5个textview
flipper.addview(addtextview("page 2"));
flipper.addview(addtextview("page 3"));
flipper.addview(addtextview("page 4"));
flipper.addview(addtextview("page 5"));
}
/**
* @param text
* @return 一个textview对象
*/
private view addtextview(string text) {
textview tv = new textview(this);
tv.settext(text);
tv.settextsize(40);
tv.settextcolor(0xff000000);
tv.setgravity(gravity.center);
return tv;
}
3.通过touch监听手势来切换view
@override
public boolean onfling(motionevent e1, motionevent e2, float velocityx,
float velocityy) {
if (e1.getx() - e2.getx() > 120) {
this.flipper.setinanimation(animationutils.loadanimation(this, r.anim.push_left_in));
this.flipper.setoutanimation(animationutils.loadanimation(this, r.anim.push_left_out));
this.flipper.shownext();//切换到下一个view
return true;
} else if (e1.getx() - e2.getx() < -120) {
this.flipper.setinanimation(animationutils.loadanimation(this, r.anim.push_right_in));
this.flipper.setoutanimation(animationutils.loadanimation(this, r.anim.push_right_out));
this.flipper.showprevious();
return true;
}
return false;
}
下面是activity的完整代码：
package com.xu81.testflip;
import android.app.activity;
import android.app.activitymanager.recenttaskinfo;
import android.os.bundle;
import android.view.gesturedetector;
import android.view.gravity;
import android.view.motionevent;
import android.view.view;
import android.view.gesturedetector.ongesturelistener;
import android.view.animation.animationutils;
import android.widget.textview;
import android.widget.viewflipper;
public class testflip extends activity implements ongesturelistener {
private viewflipper flipper;
private gesturedetector detector;
/** called when the activity is first created. */
@override
public void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
setcontentview(r.layout.main);
detector = new gesturedetector(this);
flipper = (viewflipper) this.findviewbyid(r.id.viewflipper01);
flipper.addview(addtextview("page 1"));//添加view到flipper中，这里添加5个textview
flipper.addview(addtextview("page 2"));
flipper.addview(addtextview("page 3"));
flipper.addview(addtextview("page 4"));
flipper.addview(addtextview("page 5"));
}
/**
* @param text
* @return 一个textview对象
*/
private view addtextview(string text) {
textview tv = new textview(this);
tv.settext(text);
tv.settextsize(40);
tv.settextcolor(0xff000000);
tv.setgravity(gravity.center);
return tv;
}
@override
public boolean ontouchevent(motionevent event) {
return this.detector.ontouchevent(event);
}
@override
public boolean ondown(motionevent e) {
// todo auto-generated method stub
return false;
}
@override
public boolean onfling(motionevent e1, motionevent e2, float velocityx,
float velocityy) {
if (e1.getx() - e2.getx() > 120) {
this.flipper.setinanimation(animationutils.loadanimation(this, r.anim.push_left_in));
this.flipper.setoutanimation(animationutils.loadanimation(this, r.anim.push_left_out));
this.flipper.shownext();//切换到下一个view
return true;
} else if (e1.getx() - e2.getx() < -120) {
this.flipper.setinanimation(animationutils.loadanimation(this, r.anim.push_right_in));
this.flipper.setoutanimation(animationutils.loadanimation(this, r.anim.push_right_out));
this.flipper.showprevious();
return true;
}
return false;
}
@override
public void onlongpress(motionevent e) {
// todo 自动生成的方法存根
}
@override
public boolean onscroll(motionevent e1, motionevent e2, float distancex,
float distancey) {
// todo 自动生成的方法存根
return false;
}
@override
public void onshowpress(motionevent e) {
// todo 自动生成的方法存根
}
@override
public boolean onsingletapup(motionevent e) {
// todo 自动生成的方法存根
return false;
}
}
动画文件：
push_left_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromxdelta="100%p" android:toxdelta="0"
android:duration="500" />
<alpha android:fromalpha="0.1" android:toalpha="1.0"
android:duration="500" />
</set>
push_left_out.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%p"
android:duration="500" />
<alpha android:fromalpha="1.0" android:toalpha="0.1"
android:duration="500" />
</set>
push_right_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate android:fromxdelta="-100%p" android:toxdelta="0"
android:duration="500" />
<alpha android:fromalpha="0.1" android:toalpha="1.0"
android:duration="500" />
</set>
push_right_out.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%p"
android:duration="500" />
<alpha android:fromalpha="1.0" android:toalpha="0.1"
android:duration="500" />
</set>
源码下载：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
如对本文有疑问， 点击进行留言回复！！
网友评论