android-Flip的使用-优快云博客

本文链接：https://blog.youkuaiyun.com/zhangnianxiang/article/details/6661031

这篇博客通过一个小demo展示了如何在Android中使用Flip动画，详细介绍了在个人信息展示过程中应用的四个过渡动画，这些动画资源存储在res/anim/目录下，包括push_left_in.xml等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个小demo介绍个人信息

package zhang.example;


import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.GestureDetector.OnGestureListener;
import android.view.animation.AnimationUtils;
import android.widget.ViewFlipper;

public class TestFlip extends Activity implements OnGestureListener {

	private ViewFlipper flipper;

	private GestureDetector detector;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		detector = new GestureDetector(this);
		flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper01);
	}
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		return this.detector.onTouchEvent(event);
	}

	@Override
	public boolean onDown(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
			float velocityY) {
		if (e1.getX() - e2.getX() > 120) {
			this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_in));
			this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_left_out));
			this.flipper.showNext();
			return true;
		} else if (e1.getX() - e2.getX() < -120) {
			this.flipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_in));
			this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.push_right_out));
			this.flipper.showPrevious();
			return true;
		}
		return false;
	}

	@Override
	public void onLongPress(MotionEvent e) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
			float distanceY) {
		// TODO Auto-generated method stub
		return false;
	}

	@Override
	public void onShowPress(MotionEvent e) {
		// TODO Auto-generated method stub

	}

	@Override
	public boolean onSingleTapUp(MotionEvent e) {
		// TODO Auto-generated method stub
		return false;
	}
}

主页布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:orientation="vertical" android:layout_width="fill_parent"
	android:layout_height="fill_parent">
<LinearLayout
	android:id="@+id/line1"
	android:layout_width="fill_parent"
	android:layout_height="160dip"
	android:orientation="horizontal"
	>
	<ImageView
		android:id="@+id/photo"
		android:layout_width="160dp"
		android:layout_height="160dp"
		android:src="@drawable/icon"
		/>
		<LinearLayout
			android:id="@+id/line2"
			android:layout_width="match_parent"
			android:layout_height="160dp"
			android:orientation="vertical"
			>
				<TextView
					android:id="@+id/ID"
					android:text="ID"
					android:layout_width="fill_parent"
					android:layout_height="wrap_content"
					android:layout_marginTop="10dp"
					/>
				<EditText
					android:id="@+id/editID"
					android:text="2272555"
					android:layout_width="fill_parent"
					android:layout_height="wrap_content"
				/>
					<TextView
					android:id="@+id/NAME"
					android:text="用户名"
					android:layout_width="fill_parent"
					android:layout_height="wrap_content"
					/>
				<EditText
					android:id="@+id/editNAME"
					android:text="没落凄凉"
					android:layout_width="fill_parent"
					android:layout_height="wrap_content"
				/>
			</LinearLayout>
	</LinearLayout>
	<ViewFlipper android:id="@+id/ViewFlipper01"
		android:layout_width="fill_parent" android:layout_height="fill_parent">
		<!-- 第一个页面-->
		<LinearLayout
			android:orientation="vertical"
			android:layout_width="fill_parent"
			android:layout_height="fill_parent">
			<TextView
				android:text="基本资料"
				android:textSize="35dp"
				android:textColor="#FF7F00"
				android:layout_width="fill_parent"
				android:layout_height="wrap_content"
				android:background="#171717"
				android:gravity="center"/>
					<!-- email -->
			<LinearLayout
				android:layout_width="fill_parent"
				android:layout_height="wrap_content"
				android:orientation="horizontal">
					<TextView
					android:text="E-mail:"
					android:layout_marginRight="8dp"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"/>
					<EditText	
						android:text="zhangnianxiang@gmail.com"
						android:autoLink="email"
						android:layout_width="match_parent"
						android:layout_height="wrap_content"
						android:inputType="textEmailSubject"/>
				</LinearLayout>
					<!-- QQ -->
					<LinearLayout
						android:layout_width="fill_parent"
						android:layout_height="wrap_content"
						android:orientation="horizontal">
							<TextView
							android:text="QQ/MSN:"
							
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"/>
							<EditText	
							
								android:text="270615838"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:inputType="phone"/>
					</LinearLayout>
				<!--  -->
								<LinearLayout
						android:layout_width="fill_parent"
						android:layout_height="match_parent"
						android:orientation="horizontal">
							<TextView
							android:text="签名："
							android:gravity="top"
							android:layout_marginRight="10dp"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"/>
							<EditText	
								android:text="你的没落，我的凄凉，哦也！"
								android:layout_width="match_parent"
								android:layout_height="fill_parent"
								android:inputType="text"
							/>
					</LinearLayout>
			</LinearLayout>
				<!-- 第2个页面-->
		<LinearLayout
			android:orientation="vertical"
			android:layout_width="fill_parent"
			android:layout_height="fill_parent">
			<TextView
				android:text="可选资料"
				android:textSize="35dp"
				android:textColor="#FF7F00"
				android:layout_width="fill_parent"
				android:layout_height="wrap_content"
				android:background="#171717"
				android:gravity="center"/>
					<!-- 生日 -->
			<LinearLayout
				android:layout_width="fill_parent"
				android:layout_height="wrap_content"
				android:orientation="horizontal">
					<TextView
					android:text="生日："
					android:layout_marginRight="8dp"
					android:layout_width="wrap_content"
					android:layout_height="wrap_content"/>
					<EditText	
						android:text="1990-04-01"
						android:layout_width="match_parent"
						android:layout_height="wrap_content"
						android:inputType="textEmailSubject"/>
				</LinearLayout>
					<!-- 地址 -->
					<LinearLayout
						android:layout_width="fill_parent"
						android:layout_height="wrap_content"
						android:orientation="horizontal">
							<TextView
							android:text="地址："
							android:layout_marginRight="8dp"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"/>
							<EditText	
							
								android:text="福建厦门"
								android:layout_width="match_parent"
								android:layout_height="wrap_content"
								android:inputType="phone"/>
					</LinearLayout>
				<!-- 简介 -->
								<LinearLayout
						android:layout_width="fill_parent"
						android:layout_height="match_parent"
						android:orientation="horizontal">
							<TextView
							android:text="简介："
							android:layout_marginRight="10dp"
							android:layout_width="wrap_content"
							android:layout_height="wrap_content"/>
							<EditText	
								android:text="你的没落我的凄凉"
								android:layout_width="match_parent"
								android:layout_height="fill_parent"
								android:inputType="text"
							/>
					</LinearLayout>
			</LinearLayout>
	</ViewFlipper>
</LinearLayout>

还需要四个过渡动画，放在res/anim/下

push_left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:fromXDelta="100%p" android:toXDelta="0"
		android:duration="500" />
	<alpha android:fromAlpha="0.1" android:toAlpha="1.0"
		android:duration="500" />
</set>

push_left_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:fromXDelta="0" android:toXDelta="-100%p"
		android:duration="500" />
	<alpha android:fromAlpha="1.0" android:toAlpha="0.1"
		android:duration="500" />
</set>

push_right_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:fromXDelta="-100%p" android:toXDelta="0"
		android:duration="500" />
	<alpha android:fromAlpha="0.1" android:toAlpha="1.0"
		android:duration="500" />
</set>

push_right_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<translate android:fromXDelta="0" android:toXDelta="100%p"
		android:duration="500" />
	<alpha android:fromAlpha="1.0" android:toAlpha="0.1"
		android:duration="500" />
</set>