第一步:在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;
}
}
<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;
}
}