Android Fragment切换动画(滑入滑出)

之前写过一篇Activity切换动画的文章Activity切换动画(滑入滑出)
本文还采用滑入滑出的方式，贴一下Fragment之间切换动画的实现，Fragment比Activity需要多考虑一点
activity 右侧滑入左侧滑出没问题，但是fragment来回切换不能总是从左侧滑入，所以这次需要使用4个xml动画
代码如下：
1.右侧滑入
from_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="200"  //动画时间android:fromXDelta="100%p" //位移距离android:toXDelta="0"/>
</set>

2.右侧滑出
out_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="200"android:fromXDelta="0.0"android:toXDelta="100.0%p" />
</set>

3.左侧滑入
from_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"><translateandroid:duration="200"android:fromXDelta="-100.0%p"android:toXDelta="0.0" />
</set>

4.左侧滑出
out_left.xml

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

动画准备好后，在包含Fragment的Activity类中添加一下代码：

//我的Demo中只有两个Fragment 首页 和 个人中心 一左一右 这是左边的
//需要加到mTransaction.add()和mTransaction.show()方法之前
//首页的
mTransaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);mTransaction.setCustomAnimations(R.anim.form_left,R.anim.out_right);
//个人中心的
mTransaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN);mTransaction.setCustomAnimations(R.anim.slide_in_form_right,R.anim.slide_out_to_left);

这样的实现效果是单击个人中心从右向左滑动，单击首页从左向右滑体验比较好。

Android Fragment切换动画(滑入滑出)相关推荐

jQuery学习笔记系列（一）——入口函数，jQuery对象和DOM对象，jQuery选择器、样式操作、效果（显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列）
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 ...
JQuery动画之滑入滑出动画
1. 滑入动画(类似于商店的卷帘门) $(selector).slideDown(speed, 回调函数); 解释: 此语句实现的功能为, 在XX时间内, 下拉动画, 显现元素. 当 slideDow ...
android底部滑出view,Android CoordinatorLayout与NestedScrollView基于Behavior几行代码实现底部View滑入滑出...
Android CoordinatorLayout与NestedScrollView基于Behavior几行代码实现底部View滑入滑出在CoordinatorLayout的Behavior出现之前 ...
在 jQuery 中使用滑入滑出动画效果，实现二级下拉导航菜单的显示与隐藏效果
查看本章节查看作业目录需求说明: 在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果用户将光标移动到"最新动态页"或"帮助查询" ...
【动画】左右滑入滑出效果、transition使用
左右滑入滑出文章目录左右滑入滑出用transition 不用transition 用transition <transition name="le ...
CSS3实现div滑入滑出效果（从下往上）
1,首先需要用的是 CSS3的 target 选择器,配合a标签指定id选择器切换目标元素,用于选取当前活动的目标元素. 2,CSS3 的 transition 动画,这里不做详细介绍看一下效果图: ...
jquery效果显示隐藏滑入滑出
jquery jquery效果 jquery 给我们封装了很多动画效果,最为常见的如下: 显示隐藏:show() / hide() / toggle() ; 滑入滑出:slideDown() / sl ...
jq样式操作和效果(显示隐藏,滑入滑出,淡入淡出)
jq样式操作和效果 1.样式 1.jq设置样式 $("div").css('属性','值'); 2.jq排他思想 //多选一.排他思想,当前元素设置样式,其与兄弟清除样式 $(th ...
用原生js完成鼠标点击显示滑入滑出效果
最近用原生js做项目练手,自己尝试做了下,可以直接复制代码看效果 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta ch ...

Android Fragment切换动画(滑入滑出)

Android Fragment切换动画(滑入滑出)相关推荐

最新文章

热门文章