欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2024-03-06 10:32:43
整个项目的 package com.example.viewflipper; import android.r.integer; import...

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

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

整个项目的

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动画切换屏幕效果,希望对大家有所帮助