Android入门(34)——第十一章 使用ViewFlipper实现屏幕切换动画效果

原创 2015年07月08日 12:14:12

1. ViewFlipper是Android系统自带的一个多页面管理控件,它可以实现自界面的自动切换:

两种导入方式:静态导入:在layout文件中直接导入<ViewFlipper>,因为这种方法写死了文件,所以一般情况下不使用静态导入方法。

动态导入:addView()方法


2. ViewFlipper常用方法:


3. 案例一:关于这个案例我比较蛋疼,一是我不会加载图片进去,二是那个动作文件我不会设置,所以没有运行效果。

第一步:创建动作文件,放在res下的创建的anim文件夹下:这个例子在我的java ADT中全是错误,搞不懂。

<?xml version="1.0" encoding="utf-8"?>
<set xmls:android="http://schemas.android.com/apk/res/android">

	<translate
	    android:duration="2000"
	    android:fromXDelta="100%p"
	    android:toXDelta="0" />
	
	<alpha
	    android:fromAlpha="0.5"
	    android:toAlpha="1"
	    android:duration="2000"
	    />
</set>
第二步:创建活动的布局文件:里面添加了一个ViewFlipper控件。

<?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:layout_width="match_parent"
	    android:layout_height="match_parent"
		android:id="@+id/flipper"
	    >
	    
	</ViewFlipper>
    
</LinearLayout>
第三步:创建活动MainActivity。

package com.example.viewflipper;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ImageView;
import android.widget.ViewFlipper;

public class MainActivity extends Activity {

	private ViewFlipper flipper;
	private int[] resId = {R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        flipper = (ViewFlipper) findViewById(R.id.flipper);
        // 动态导入的方式为ViewFlipper加入子View。
        for(int i=0; i<resId.length; i++){
        	flipper.addView(getImageView(resId[i]));
        }
        // 设置动画效果:
        flipper.setInAnimation(this,R.anim.left_in);
        flipper.setOutAnimation(this, R.anim.left_out);
        // 设置ViewFlipper视图切换的时间间隔
        flipper.setFlipInterval(3000);	// 3秒
        // 开始播放
        flipper.startFlipping();	
        
    }  
    
    private ImageView getImageView(int resId){
    	ImageView image = new ImageView(this);
    	//image.setImageResource(resId);	这样不能设置图片宽高
    	image.setBackgroundResource(resId);	// 这样是铺满屏幕
    	return image;
    }
}
效果图:就是添加的这几张图片一个一个的切换,呵呵。

4. (知识扩展)支持手势滑动的ViewFlipper。

修改Activity文件MainActivity:

package com.example.viewflipper;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MotionEvent;
import android.widget.ImageView;
import android.widget.ViewFlipper;

public class MainActivity extends Activity {

	private ViewFlipper flipper;
	private int[] resId = {R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher,R.drawable.ic_launcher};
    private float startX;	// x轴坐标
    
	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        flipper = (ViewFlipper) findViewById(R.id.flipper);
        // 动态导入的方式为ViewFlipper加入子View。
        for(int i=0; i<resId.length; i++){
        	flipper.addView(getImageView(resId[i]));
        }
        // 设置动画效果:
        //        flipper.setInAnimation(this,R.anim.left_in);	// 手动滑动时取消这四行
   //     flipper.setOutAnimation(this, R.anim.left_out);
        // 设置ViewFlipper视图切换的时间间隔
  //      flipper.setFlipInterval(3000);	// 3秒
        // 开始播放
 //       flipper.startFlipping();	
        
    }  
    
    // 加入手势滑动事件的处理
    @Override
    public boolean onTouchEvent(MotionEvent event) {
    	// TODO Auto-generated method stub
    	switch(event){
    	// 手指点到屏幕上
    	case MotionEvent.ACTION_DOWN:
    		startX = event.getX();
    		break;
    	// 手指滑动
    	case MotionEvent.ACTION_MOVE:
    		// 向右滑动看前一页
    		if(event.getX() - startX > 100){	// 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;
    	// 手指抬起
    	case MotionEvent.ACTION_UP:
    		// 没有效果
    		break;
    	}
    	
    	return super.onTouchEvent(event);
    }
    
    private ImageView getImageView(int resId){
    	ImageView image = new ImageView(this);
    	//image.setImageResource(resId);	这样不能设置图片宽高
    	image.setBackgroundResource(resId);	// 这样是铺满屏幕
    	return image;
    }
}
木有效果啊




版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Android利用ViewFlipper实现屏幕切换动画效果

Android利用ViewFlipper实现屏幕切换动画效果 2012-05-05 09:49:48     我来说两句       收藏    我要投稿 1、屏幕切换指的是...

Android利用ViewFlipper实现屏幕切换动画效果

1、屏幕切换指的是在同一个Activity内屏幕见的切换,最长见的情况就是在一个FrameLayout内有多个页面,比如一个系统设置页面;一个个性化设置页面。 2、介绍ViewFilpper类 ...

使用ViewFlipper实现屏幕切换动画效果

ViewFlipper Android系统自带的一个多页面管理控件,它可以实现子界面的自动切换 为ViewFlipper加入View 静态导入:在layout布局中直接导入(不推荐,不够灵...

Android程序:使用ViewFlipper实现屏幕切换动画及手势滑动切换功能

package com.example.viewflipperdemo;import android.app.Activity; import android.os.Bundle; import an...
  • li90031
  • li90031
  • 2015年04月29日 17:53
  • 486

android之ViewFlipper实现左右滑动动画效果

说到android的左右滑动效果我们可以说是在每个应用上面都可以看到这样的效果,不管是微博,还是QQ等。实现左右滑动的方式很多,有ViewPaer(不过这个和需要android-support-v4....
  • fso918
  • fso918
  • 2014年03月13日 11:27
  • 473

使用ViewFlipper实现屏幕滚动切换动画

使用ViewFlipper实现屏幕滚动切换动画标签(空格分隔): ViewFlipper Android 自动切换使用ViewFlipper实现屏幕滚动切换动画 使用ViewFlipper实现图片轮播...

安卓手机卫士学习笔记系列——两个Activity之间切换动画效果overridependingtransition的使用

在该项目中的手机防盗引导页面需要用到Activity的切换动画,其实就是下一个页面在当前页的右边,需要往左移动,反之亦然。 具体做法: (1)res下新建anim文件夹,新建进入的xml文...

Android中使用ViewFlipper实现屏幕切换

屏幕切换指的是在同一个Activity内屏幕间的切换,ViewFlipper继承了Framelayout类,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。如...

android中NavigationDrawer的使用以及添加drawer切换时的动画效果

最近在开发app的时候需要用到NavigationDrawer,但是在添加动画(汉堡图标和箭头图标互转)效果的时候老是出现问题,折腾了好几个小时终于搞定。在这里跟大家分享一下。说明下,我开发时候用的m...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android入门(34)——第十一章 使用ViewFlipper实现屏幕切换动画效果
举报原因:
原因补充:

(最多只允许输入30个字)