当前位置： 移动技术网 > IT编程>移动开发>Android > Android中利用viewflipper动画切换屏幕效果

Android中利用viewflipper动画切换屏幕效果

2019年07月24日  | 移动技术网IT编程  | 我要评论

封神演义之战龙传说,五十岚彩衣,东成西就2011国语

整个项目的

package com.example.viewflipper;
import android.r.integer;
import android.app.activity;
import android.os.bundle;
import android.util.log;
import android.view.gesturedetector.ondoubletaplistener;
import android.view.menu;
import android.view.menuitem;
import android.view.motionevent;
import android.view.window;
import android.widget.imageview;
import android.widget.viewflipper;
public class mainactivity extends activity{
private viewflipper flipper;
private float startx;
private int resid[] = { r.drawable.ic_girl2, r.drawable.ic_girl3,
r.drawable.ic_girl4, r.drawable.ic_girl5, };
@override
protected void oncreate(bundle savedinstancestate) {
super.oncreate(savedinstancestate);
requestwindowfeature(window.feature_no_title);
setcontentview(r.layout.main);
flipper = (viewflipper) findviewbyid(r.id.viewflipper);
// 动态导入的方式为viewflipper加入子view
for (int i = 0; i < resid.length; i++) {
flipper.addview(getimageview(resid[i]));
}
// overridependingtransition(r.anim.left_in, r.anim.left_out);
// flipper.setflipinterval(3000); flipper.startflipping();
// 这样的会实现类似幻灯片的效果
// 为viewflipper去添加动画效果
// flipper.setinanimation(this, r.anim.left_in);
// flipper.setoutanimation(this, r.anim.left_out);
// 设定viewflipper的时间间隔
// flipper.setflipinterval(3000);
// 开始播放
// flipper.startflipping();
}
private imageview getimageview(int resid) {
imageview imageview = new imageview(this);
// imageview.setimageresource(resid);宽高完全取决于图片大小
imageview.setbackgroundresource(resid);// 这样就可以自适应
return imageview;
}
@override
public boolean ontouchevent(motionevent event) {
// todo auto-generated method stub
switch (event.getaction()) {
// 手指落下
case motionevent.action_down:
// 刚开始手指落下的坐标，获得横向坐标的x
{ 
startx = event.getx();
break;
}// 手指移动
case motionevent.action_move:
{
log.i("main", "调动次数");
break;
}// 手指离开
case motionevent.action_up: {
if (event.getx() - startx > 100) { // 向右滑动
flipper.setinanimation(this, r.anim.left_in);
flipper.setoutanimation(this, r.anim.left_out);
flipper.showprevious();// 显示前一页;
}
if (startx - event.getx() > 100) {// 向左滑动
flipper.setinanimation(this, r.anim.right_in);
flipper.setoutanimation(this, r.anim.right_out);
flipper.shownext();// 显示后一页;
}
break;
}
}
return super.ontouchevent(event);
}
} 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromxdelta="-100%p"
android:toxdelta="0" />
</set> 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromxdelta="0"
android:toxdelta="100%p" />
</set> 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromxdelta="100%p"
android:toxdelta="0" />
</set> 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromxdelta="0"
android:toxdelta="-100%p" />
</set> 
<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<viewflipper
android:id="@+id/viewflipper"
android:layout_width="match_parent"
android:layout_height="match_parent">
</viewflipper>
</linearlayout>

感悟:viewflipper貌似可以做成新下载的应用 ，用户第一次进入的大概描述。。最后再做个button，进入应用。

1.先在main.xml文件中添加viewflipper,然后在mainactivity中实例化，setcontext布局要改掉，通过动态导入数据源的方法。

通过一个resid.length的for循环导入。 新建一个imageview 对象的imageview getimageview(int resid)函数

里面

// imageview.setimageresource(resid);宽高完全取决于图片大小
imageview.setbackgroundresource(resid);// 这样就可以自适应

要用第二个好点。 然后返回一个对象。

在res/anim下分别建立4个xml 文件， left_in,left_out,right_in,right_out;

例：left_in 即如偏从左边进来

<translate
android:duration="2000" //持续时间为2s
android:fromxdelta="-100%p"//
android:toxdelta="0" />

这里有2种实现方式

（1）overridependingtransition(r.anim.left_in, r.anim.left_out);

//设定时间间隔 
flipper.setflipinterval(3000);
flipper.startflipping();
//这样的会实现类似幻灯片的效果

（2）flipper.setinanimation(this, r.anim.left_in);

flipper.setoutanimation(this, r.anim.left_out);
// 设定viewflipper的时间间隔
flipper.setflipinterval(3000);
// 开始播放
// flipper.startflipping();

然后加载一个boolean ontouchevent(motionevent event)

设置一个全局变量private float startx;//手指落下时的位置

通过event.getaction()获取 

case motionevent.action_down://手指落下时的
{startx = event.getx(); }-->获得刚开始的横坐标
case motionevent.action_up://手指离开
{通过判断event.getx()-startx>100判断向右滑动，然后实现动画，并显示前一面
startx-event.getx()<100判断向左滑动，然后实现动画，并显示后一面
}
//手势操作要在up中，若在down中会发生图层折叠的问题。 通过log.i("main","次数");

可以看出手指稍微一动就会出现很多。

case motionevent.action_move://手指滑动时

以上所述是小编给大家介绍的android中利用viewflipper动画切换屏幕效果，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网