利用ViewFlipper实现View间的动画效果(平移/渐变...)

先看效果图,gif图做的有点粗糙

                                          

下面简单的说一下实现的方法.

1.ViewFlipper是继承与FrameLayout的一个子类,所以我们可以理解为在ViewFlipper中的View是一层层“摞”起来的,在布局时,这里可以把它当作FrameLayout使用

    
	
        

            

            

        
	
        

            

            

        
    
这样,ViewFlipper中的内容就已经填充好了,接下来是给他设置切换时的动画效果了

首先我们来了解一下ViewFlipper的几个重要的方法

1.setInAnimation 设置进入时的动画,这个是view从“看不到”到“看得到”。

2.setOutAnimation设置出去时的动画,这个是view从“看的到”到“看不到”

3.showNext/showPreviou 显示下一个/上一个 view

4.startFlipping/stopFlipping 开始循环切换ViewFlipper中包含的view

我们这里使用的是前三个,有了方法,下面就是设置动画效果了。


我们知道android的动画效果分为四种1.traslate(平移) 2.alpha(渐变透明度) 3.scale 4.rotate   这里我们只实现前面两种。

首先需要在res文件中新建一个anim的文件夹,然后新建一个如"in_lefttoright.xml"文件,代码如下

1.平移



    
这里fromXDelta是指当前view的初始的最左x坐标,当从view从左到右进入时,即将进入的view是不可见的,所以的他的最左x坐标是“-100%”

toDelta是指当前view的目的位置的最左x坐标,view从左进入右之后,已经是可见的,他的最左坐标就是0

duration就是动画的时间

2.alpha



      
    

fromAlpha 初始view的透明度

toAlpha 最终view的透明度

duration 动画持续时间


接下来就是为动画切换添加监听器了,在onTouchEvent中

public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub
		switch(event.getAction()){
			case MotionEvent.ACTION_DOWN:
				startX = event.getX();
			case MotionEvent.ACTION_UP:
				endX = event.getX();
				if(endX>startX){
					vf.setInAnimation(this,R.anim.in_alpha);
					vf.setOutAnimation(this,R.anim.out_alpha);
					vf.showNext();
				}
				else if(endX < startX){
					vf.setInAnimation(this,R.anim.in_righttoleft);
					vf.setOutAnimation(this,R.anim.out_righttoleft);
					vf.showNext();
				}
		}
		return super.onTouchEvent(event);
	}
向左滑动就...向右就...

这样view间的切换效果就完成了


你可能感兴趣的:(Androi学习)