Android的Activity屏幕切换动画(一)-左右滑动切换
<a data-traceid="question_detail_above_text_l&&
&这段时间一直在忙Android的项目，总算抽出点时间休息一下，准备把一些项目用到的Android经验分享一下。
在Android开发过程中，经常会碰到Activity之间的切换效果的问题，下面介绍一下如何实现左右滑动的切换效果，首先了解一下Activity切换的实现，从Android2.0开始在Activity增加了一个方法：
public void&overridePendingTransition&(int enterAnim, int exitAnim)
enterAnim 定义Activity进入屏幕时的动画
exitAnim 定义Activity退出屏幕时的动画
overridePendingTransition&方法必须在startActivity()或者&finish()方法的后面。
Android已经内置了几种动画效果，可以见&android.R.anim 类。一般情况下我们需要自己定义屏幕切换的效果。首先我们先了解Activity的位置定义，如下图：
从上图可以看出，以手机屏幕下面边未X轴，屏幕左边为Y轴，当Activity在X轴值为-100%p时，刚好在屏幕的左边（位置1），当X轴值为0%p时，刚好再屏幕内(位置2），当X=100%p时刚好在屏幕右边（位置3）。
清楚了位置后，我们就可以实现左右滑动的切换效果，首先让要退出的Activity从位置2移动到位置1，同时让进入的Activity从位置3移动位置2，这样就能实现从左右切换效果。
实现过程如下，首先定义2个动画，在 res目录创建anim目录， 然后在目录创建动画的xml文件：out_to_left.xml (从左边退出动画) 、in_from_right.xml(从右边进入动画)
out_to_left.xml (从 位置2 移动到 位置1)
&?xml version=&1.0& encoding=&utf-8&?&
&set xmlns:android=&http://schemas.android.com/apk/res/android& android:interpolator=& :anim/accelerate_interpolator&&
&translate android:fromXDelta=&0%p& android:toXDelta=&-100%p&
android:duration=&500& /&
in_from_right.xml&(从 位置3 移动到 位置2)
&?xml version=&1.0& encoding=&utf-8&?&
&set xmlns:android=&http://schemas.android.com/apk/res/android& android:interpolator=& :anim/accelerate_interpolator&&
&translate android:fromXDelta=&100%p& android:toXDelta=&0%p&
android:duration=&500& /&
android:fromXDelta 动画开始的位置，&
android:toXDelta&动画结束的位置，
android:duration动画的时间。
Android 代码如下：
public class LeftRightSlideActivity extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
Button button = (Button)findViewById(R.id.button1);
button.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
Intent intent = new Intent();
intent.setClass(LeftRightSlideActivity.this, SlideSecondActivity.class);
startActivity(intent);
//设置切换动画，从右边进入，左边退出
overridePendingTransition(R.anim.in_from_right, R.anim.out_to_left);
效果图如下：
虽然左右滑动切换的实现很简单，但是对于原理的理解很重要，掌握了原理可以充分发挥想象力设计出各种各样的动画效果，希望对一些入门的新手有帮助。
以后在慢慢整理一些项目中用到的切换动画效果。
（好像没地方上传附件，所以就没有把工程放上来）
工程可以通过代码分享功能去上传，然后在帖子中引用
老大，我看你示例代码。那个XML文件里面的哪个，写进去有错！能不能说一下，谢谢！
--- 共有 1 条评论 ---
放在anim里面
引用来自“从未长大过”的答案老大，我看你示例代码。那个XML文件里面的哪个，写进去有错！能不能说一下，谢谢！
不可能有错，从工程文件直接复制出来，AndroidV2.1的源代码见:
噢，确实有问题：
android:interpolator=&@android:anim/accelerate_interpolator& &变成了：
android:interpolator=&&a href=&http://my.oschina.net/asia&&class=&referer&target=&_blank&&@android&/a& :anim/accelerate_interpolator&
老大，你有空的时候能不能写一个，手触摸左右滑动两个或者多个Activity页面的示例，能不能多加点注释。我是哥新手，谢谢！
引用来自“从未长大过”的答案老大，你有空的时候能不能写一个，手触摸左右滑动两个或者多个Activity页面的示例，能不能多加点注释。我是哥新手，谢谢！
一般手势+左右滑动切换 都是和 tabhost结合，抽时间将项目里面的代码抽出来，整理一下再发布出来。
SlideSecondActivity &肿么写？
引用来自“Sally_DSF”的答案SlideSecondActivity &肿么写？
自己随便写一个Activity就可以了,什么都可以不要 ,加一个背景色就行
怎么停在20%的位置啊？
请问如果是上下切换呢？手机左右滑动屏幕切换页面是如何实现的_百度知道
手机左右滑动屏幕切换页面是如何实现的
手机左右滑动切换上一篇下一篇文章应该如何实现，求大神给个思路
&#xe6b9;答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
手机屏幕左右滑动一般都是，翻篇，找到另外的软件而已哟。如果你在看小说，左右滑动，根本就不能翻页。
比如今日头条，左右一滑动就能看上一篇下一篇，怎么实现的呢
采纳率：92%
来自团队：
为您推荐：
其他类似问题
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。求高手，怎么实现用JQ/JS 手机屏幕左右滑动的功能？？？谢谢啊【javascript吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：162,985贴子：
求高手，怎么实现用JQ/JS 手机屏幕左右滑动的功能？？？谢谢啊收藏
！！！实现用JQ/JS 手机屏幕左右滑动的功能？？？ 刚入行，第一份网页前端就撸手机网页了，求高手给个功能详解！！谢谢
javascript职坐标C++,轻松实现月薪8000,成绩好月薪突破10000!4个月免费学,好就业轻松学习到高校指定C++就业实训基地!大学生&0&学费入学,先学习后付款
左右滑动是指，左右滑动后触发事件吗？好久没用JS了，不过知道有个好像叫touchmove touchend的函数，至于jq好像除了点击并没有像手机那样触发滑动的事件，有个jQuerymobile可能适合你
有插件啊~直接搞个插件就好了啊百度swiper
有插件的坚决不自己写 呼呼
使用overflow-x:
登录百度帐号当前位置： >
鼠标左右滑动的手机页面切换效果
　来源/作者：懒人图库　分类：　
鼠标左右滑动的手机页面切换效果
鼠标左右滑动的手机页面切换效果，兼容主流浏览器，懒人图库推荐下载！使用方法：1、head区域引用一下代码&meta name=&viewport& content=&initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width&&2、head区域引入css和js文件3、一个页面对应一个li标签4、复制js, css文件夹里的图片到相应的路径
　新手使用求助QQ群：
猜你也喜欢看这些 ??????
这些是最新的 ??????
我们一直在进步html5手机触屏左右滑动图动画切换效果
作者/代码整理：&&(转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：
效果描述：
可以放到移动端的html5动画切换效果
默认也可以自动切换
支持鼠标点击拖动、滑动
使用方法：
1、将head中的样式引入到你的样式表中
2、将body中需要的代码部分拷贝过去即可
猜你喜欢...
html5手机触屏左右滑动图动画切换效果
亲，普通会员无权限下载，
升级VIP会员任意下载
（包月才10元）或联系QQ人工充值
亲，vip会员免费下载全站
充值方式： 或联系QQ人工充值}