编写一个项目,实现页面之间切换时的动画效果。上传代码并描述步骤

第一步:在activity_main.xml中编写页面前台

<LinearLayout 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=".MainActivity"
android:orientation="vertical" >

<ViewFlipper
android:id="@+id/viewFlipper1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/a5" />

</LinearLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >

<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/a6" />
</LinearLayout>

</ViewFlipper>

</LinearLayout>

第二步:插入图片

第三步:在android xml file中新建四个xml文件,分别为从左到右划进、从左到右划出、从右到左划进、从右到左划出

in_lefttoright.xml:

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

</set>

out_lefttoright.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%"
android:duration="3000"/>

</set>

in_righttoleft.xml:

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

</set>

out_righttoleft.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%"
android:duration="3000"/>

</set>

第四步:在MainActivity.java中写入事件实现代码:

package com.example.pagechangedtest;

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

public class MainActivity extends Activity {
ViewFlipper viewFilpper;
float startx;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
viewFilpper = (ViewFlipper) findViewById(R.id.viewFlipper1);

}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 单点按下事件
startx = event.getX();
break;
case MotionEvent.ACTION_UP:// 单点松开事件
if (event.getX() > startx) { // 从左向右滑动
viewFilpper.setInAnimation(this, R.anim.in_lefttoright);
viewFilpper.setOutAnimation(this, R.anim.out_lefttoright);
viewFilpper.showNext();
} else if (event.getX() < startx) {
viewFilpper.setInAnimation(this, R.anim.in_righttoleft);
viewFilpper.setOutAnimation(this, R.anim.out_righttoleft);
viewFilpper.showPrevious();
}
break;
}
return super.onTouchEvent(event);
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}

}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值