关闭

ViewAnimator之ViewFlipper

标签: androidViewAnimatorViewFlipper
279人阅读 评论(0) 收藏 举报
分类:

首先看一下它的继承图:

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" 從右邊進



1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:74230次
    • 积分:2257
    • 等级:
    • 排名:第16682名
    • 原创:137篇
    • 转载:75篇
    • 译文:1篇
    • 评论:7条
    联系方式

    Pulpit rock

    博客专栏
    博客专栏