ViewFlipper的基本使用
ViewFlipper的基本使用
summerpxy 发表于4年前
ViewFlipper的基本使用
  • 发表于 4年前
  • 阅读 512
  • 收藏 6
  • 点赞 0
  • 评论 0

     从ViewFilpper的继承关系来看,ViewFipper直接继承自ViewAnimator,而ViewAnimator直接继承于FrameLayout,所以ViewFilpper可以控制组件的动画效果,并且可以添加多个组件。VIewFlipper的使用非常简单,下面一个例子就可以概述。

    main.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main" >

    <ViewFlipper
        android:id="@+id/viewflipper"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true"
        android:flipInterval="1000" >

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/qq" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/tecent" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/weixin" />
    </ViewFlipper>

    <Button
        android:id="@+id/pre"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:onClick="pre"
        android:text="&lt;" />

    <Button
        android:id="@+id/auto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerInParent="true"
        android:onClick="auto"
        android:text="自动播放" />

    <Button
        android:id="@+id/next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:onClick="next"
        android:text=">" />

</RelativeLayout>


Main.java

package com.example.android_viewflipper;

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

public class Main extends Activity {

	ViewFlipper flipper = null;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		flipper = (ViewFlipper) this.findViewById(R.id.viewflipper);
	
	}

	public void pre(View source) {
		flipper.setInAnimation(this, android.R.anim.slide_out_right);
		flipper.setOutAnimation(this, android.R.anim.slide_in_left);
		flipper.showPrevious();
		flipper.stopFlipping();
	}

	public void auto(View source) {

		flipper.setInAnimation(this, android.R.anim.slide_in_left);
		flipper.setOutAnimation(this, android.R.anim.slide_out_right);
		flipper.startFlipping();
	}

	public void next(View source) {
		flipper.setInAnimation(this, android.R.anim.slide_in_left);
		flipper.setOutAnimation(this, android.R.anim.slide_out_right);
		flipper.showNext();
		flipper.stopFlipping();
	}

}


效果图:

标签: android viewflipper
共有 人打赏支持
粉丝 56
博文 83
码字总数 36092
×
summerpxy
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: