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

2、介绍ViewFilpper类

ViewFlipper

extends ViewAnimator
 
java.lang.Object
   ↳ android.view.View
     ↳ android.view.ViewGroup
       ↳ android.widget.FrameLayout
         ↳ android.widget.ViewAnimator
           ↳ android.widget.ViewFlipper

Class Overview

Simple ViewAnimator that will animate between two or more views that have been added to it. Only one child is shown at a time. If requested, can automatically flip between each child at a regular interval.

意思是:简单的ViewAnimator之间,两个或两个以上的view加上动画效果。只有一个小孩会显示在一个时间。如果需要,每个孩子能自动翻转之间在固定的时间间隔。

 
该类继承了Framelayout类,ViewAnimator类的作用是为FrameLayout里面的View切换提供动画效果。
 

该类有如下几个和动画相关的函数:

setInAnimation:设置View进入屏幕时候使用的动画,该函数有两个版本,一个接受单个参数,类型为android.view.animation.Animation;一个接受两个参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。

setOutAnimation: 设置View退出屏幕时候使用的动画,参数setInAnimation函数一样。

showNext: 调用该函数来显示FrameLayout里面的下一个View。

showPrevious: 调用该函数来显示FrameLayout里面的上一个View。

3、首选看一下定义四个动画的xml文件:

in_leftright.xml——从左到右进入屏幕
1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="3000"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />
</set>

out_leftright.xml——从左到右出去屏幕

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="3000"
        android:fromXDelta="0"
        android:toXDelta="100%p" />
</set>

in_rightleft.xml——从右到左进入屏幕

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="3000"
        android:fromXDelta="100%p"
        android:toXDelta="0" />
</set>

out_rightleft.xml——从右到左出去屏幕

1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="3000"
        android:fromXDelta="100%p"
        android:toXDelta="0" />
</set>

4、定义main.xml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent"
    android:orientation="vertical">
    <ViewFlipper android:id="@+id/viewFlipper"
        android:layout_width="fill_parent" android:layout_height="fill_parent">
        <!-- 第一个页面 -->
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:gravity="center">
            <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:src="@drawable/a1" />
        </LinearLayout>
        <!-- 第二个页面 -->
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:gravity="center">
            <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:src="@drawable/a2"
                android:gravity="center" />
        </LinearLayout>
        <!-- 第三个页面 -->
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:gravity="center">
 
            <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:src="@drawable/a3"
                android:gravity="center" />
        </LinearLayout>
        <!-- 第四个页面 -->
        <LinearLayout android:layout_width="fill_parent"
            android:layout_height="fill_parent" android:gravity="center">
 
            <ImageView android:layout_width="wrap_content"
                android:layout_height="wrap_content" android:src="@drawable/a4"
                android:gravity="center" />
        </LinearLayout>
    </ViewFlipper>
</LinearLayout>

5、java代码实现:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
public class SwitchTest2Activity extends Activity {
 
    ViewFlipper viewFlipper = null;
    float startX;
 
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
 
        init();
    }
 
    private void init() {
        viewFlipper = (ViewFlipper) this.findViewById(R.id.viewFlipper);
    }
 
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            startX = event.getX();
            break;
        case MotionEvent.ACTION_UP:
 
            if (event.getX() > startX) { // 向右滑动
                viewFlipper.setInAnimation(this, R.anim.in_leftright);
                viewFlipper.setOutAnimation(this, R.anim.out_leftright);
                viewFlipper.showNext();
            else if (event.getX() < startX) { // 向左滑动
                viewFlipper.setInAnimation(this, R.anim.in_rightleft);
                viewFlipper.setOutAnimation(this, R.anim.out_rightleft);
                viewFlipper.showPrevious();
            }
            break;
        }
 
        return super.onTouchEvent(event);
    }
 
}

6、效果图:

在这里看不出效果图,我贴几张图片吧!!
 从左向右滑滑到的结果

最新文章

  1. 锋利的jQuery--编写jQuery插件(读书笔记五)[完结篇]
  2. 用VMware 11.0虚拟机安装Win8 系统失败,提示“shsucdx can&#39;t install”
  3. (转载)读取xml中的指定节点的值
  4. [转]Windows配置Git
  5. Bootstrap之Footer页尾布局(2015年05月28日)
  6. DNS (二)协议
  7. HW3.29
  8. GC的前世与今生
  9. Codeforces 626C Block Towers(二分)
  10. 理解javascript中的立即执行函数(function(){})()
  11. 前端开发JS白板编程题目若干
  12. Codeforces Round #546 (Div. 2) C. Nastya Is Transposing Matrices
  13. CSAPP:第三章程序的机器级表示3
  14. 波音,自动驾驶bug未修复,致346人丧生!5个月内两次坠毁!其中,包括8名中国公民
  15. Js引擎解析执行 阅读笔记
  16. 调用 setState 之后发生了什么?
  17. WAS 默认端口列表
  18. 一些ios牛人的博客
  19. 哈密顿绕行世界问题---hdu2181(全排列问题)
  20. ios 控制器的生命周期

热门文章

  1. POJO概念
  2. BZOJ 2442: [Usaco2011 Open]修剪草坪( dp )
  3. js表格排序 &amp; 去除字符串空格
  4. PhpStorm 10.0.1安装(win7-64位)
  5. poj 2417
  6. IOS 表视图(UITableVIew)的使用方法(4)自定义表视图单元
  7. First AngularJS !
  8. Apache proxy中转设置
  9. CI URL 辅助函数 url helper
  10. MFC自绘控件学习总结