ViewAnimator之ViewFlipper

原创 2015年11月18日 21:01:54

首先看一下它的继承图:

viewAnimator 直接继承于FrameLayout,其中ViewSwitcher和ViewFlipper是它的直接子类。

 


今天我们就来分析一下ViewFlipper。它可以用来实现图片的自动展示

效果如下:




代码实现部分:

1、MainActivity.java

简简单单几行代码,就是任性大笑

public class MainActivity extends Activity {


	private ViewFlipper mViewFlipper;
	
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);注意:这里的布局文件一定要包括定义了ViewFlipper的xml文件(即ViewFlipper要不就是定义在这个布局文件中要不就是用Include加进来了)
        mViewFlipper =(ViewFlipper) findViewById(R.id.mviewFlipper);
     
        mViewFlipper.setInAnimation(this,R.animator.solide_in);  //设置图片进入时的动画
        mViewFlipper.setOutAnimation(this, R.animator.solide_out);//设置图片切出时的动画
        mViewFlipper.startFlipping();
    
    }
}


2、xml文件

 在ViewFlipper中加入3个子View(上图中显示的3张图片)

<?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/mviewFlipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        
        >
        <ImageView 
            android:id="@+id/iamge1"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:src="@drawable/a"
            />
        <ImageView 
            android:id="@+id/iamge2"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:src="@drawable/b"
            />
        <ImageView 
            android:id="@+id/iamge3"
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:src="@drawable/c"
            />
        
    </ViewFlipper>
</LinearLayout>

3、两个动画文件:从屏幕外进入与从屏幕中出去

进入:

<set xmlns:android="http://schemas.android.com/apk/res/android" 
	android:interpolator="@android:anim/decelerate_interpolator"  >
  
    <translate  
        android:duration="500"  
        android:fromXDelta="100%p"  
        android:toXDelta="0" />  
  <span style="white-space:pre">	</span>此处为从右边进入屏幕
</set>  

出去:

<set xmlns:android="http://schemas.android.com/apk/res/android" 
     android:interpolator="@android:anim/decelerate_interpolator" 
    >
     <translate  
		android:duration = "500"
		android:fromXDelta = "0"
		android:toXDelta = "-100%p"/>
    此处为从屏幕<span style="font-family: Arial, Helvetica, sans-serif;">左边出去</span>

</set>

4、上面显示的图片文件,可选自己喜欢的图片代替,这里就不给出了。


你也可以设置不同的view进出方向

android:fromXDelta="0" android:toXDelta="-100%p" 往左邊消失

android:fromXDelta="-100%p" android:toXDelta="0" 從左邊進

android:fromXDelta="0" android:toXDelta="100%p" 往右邊消失

android:fromXDelta="100%p" android:toXDelta="0" 從右邊進



版权声明:本文为博主原创文章,转载请注明出处

第5组UI "让你的界面酷炫到底"-ViewAniMator之ViewSwitcher、ImageSwitcher(图像切换器)、TextSwitcher(文本切换器)、ViewFlipper

ViewAniMator是一个基类,它继承了FrameLayout,因此它表现了FrameLayout的一些特征,可以将多个View组件“叠”在一起。额外的功能是:在View切换时表现出动画效果。 ...

Androi UI 详解之ViewAnimator(ViewSwitcher,ImageSwitcher,TextSwitcher,ViewFlipper)

ViewAnimator 一、ViewAnimator 是一个基类,他继承了FrameLayout         他可以将多个View组建叠加在一起,ViewAnimator新增加的功能正如他的名字...
  • UStory
  • UStory
  • 2015年01月09日 17:41
  • 3798

ViewFlipper 视图切换组件 ViewAnimator

转自:http://android.yaohuiji.com 我们在上一讲用到了两个非常好用的ImageSwitcher和TextSwitcher视图切换组件。今天我们再一起学习另一个功能更强大...

Android的ViewAnimator及其子类ViewSwitcher-android学习之旅(三十三)

ViewAnimator继承了FrameLayout,多个组件重合在一起,可以加入多个组件,然后切换的时候会有动画。ViewAnimator及其子类的继承关系ViewAnimator常用属性ViewS...

ViewAnimator实例源码小Demo+Tab例子

ViewAnimator实例源码小Demo+Tab例子,仅供学习~ 例子中主要有ImageSwitcher、TextSwitcher、ViewFilpper、Tabs(ActionBar...

ViewAnimator简单实现PPT

  • 2015年12月15日 20:37
  • 1.3MB
  • 下载

ViewAnimator

  • 2016年12月31日 14:37
  • 2.12MB
  • 下载

ViewAnimator使用说明

类图如下: 框架图 作用:为FrameLayout里面的View切换提供动画效果.

使用ViewAnimator实现一个提交按钮

  • 2017年07月11日 21:43
  • 20.23MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ViewAnimator之ViewFlipper
举报原因:
原因补充:

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