本文总结了几种常用的补间动画效果,具体的使用方法请参考网络上的其他文章:
先总结几点注意事项:
如果是多个动画组成的动画系统,duration值最好会设置成相同的,否则Activity切换的时候会出现黑底
overridePendingTransition有的时候需要rebuild项目才有效果
1.放大效果(附加淡入效果)
在res/anim目录下新建zoomin.xml,并粘贴下面的代码
XHTML
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top">
android:fromYScale="0.3" android:toYScale="1.0"
android:pivotX="50%p" android:pivotY="50%p"
android:duration="300" />
android:duration="300"/>
1
2
3
4
5
6
7
8
9
10
11
12
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top">
android:fromYScale="0.3"android:toYScale="1.0"
android:pivotX="50%p"android:pivotY="50%p"
android:duration="300"/>
android:duration="300"/>
2.缩小效果(附加淡出效果)
在res/anim目录新建zoomout.xml,并粘贴下面的代码
XHTML
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top">
android:fromYScale="1.0" android:toYScale=".5"
android:pivotX="50%p" android:pivotY="50%p"
android:duration="300" />
android:duration="300"/>
1
2
3
4
5
6
7
8
9
10
11
12
android:interpolator="@android:anim/decelerate_interpolator"
android:zAdjustment="top">
android:fromYScale="1.0"android:toYScale=".5"
android:pivotX="50%p"android:pivotY="50%p"
android:duration="300"/>
android:duration="300"/>
3. 淡入效果
在res/anim目录新建fadein.xml,并粘贴下面的代码
XHTML
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="300" />
1
2
3
4
5
6
7
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="300"/>
4. 淡出效果
在res/anim目录下新建fadeout.xml,并粘贴下面的代码
XHTML
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="300" />
1
2
3
4
5
6
7
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="300"/>
5. 纵向布幕拉开效果(自中间往上下拉开)
在res/anim目录下新建open_verticaly_from_middle.xml,并粘贴下面的代码
XHTML
android:interpolator="@android:anim/decelerate_interpolator">
android:fromYScale="0.1" android:toYScale="1.0"
android:pivotX="50%p" android:pivotY="50%p"
android:duration="300" />
android:fromAlpha="1.0"
android:toAlpha="1.0"
android:duration="300" />
1
2
3
4
5
6
7
8
9
10
11
12
13
android:interpolator="@android:anim/decelerate_interpolator">
android:fromYScale="0.1"android:toYScale="1.0"
android:pivotX="50%p"android:pivotY="50%p"
android:duration="300"/>
android:fromAlpha="1.0"
android:toAlpha="1.0"
android:duration="300"/>
6.纵向布幕关闭效果(自上下往中间关闭)
在res/anim目录下新建close_verticaly_to_middle.xml,并粘贴下面的代码
XHTML
android:interpolator="@android:anim/decelerate_interpolator">
android:fromYScale="1.0" android:toYScale="0.1"
android:pivotX="50%p" android:pivotY="50%p"
android:duration="300" />
android:fromAlpha="1.0"
android:toAlpha="1.0"
android:duration="300" />
1
2
3
4
5
6
7
8
9
10
11
12
13
android:interpolator="@android:anim/decelerate_interpolator">
android:fromYScale="1.0"android:toYScale="0.1"
android:pivotX="50%p"android:pivotY="50%p"
android:duration="300"/>
android:fromAlpha="1.0"
android:toAlpha="1.0"
android:duration="300"/>
7. 从顶部进入
在res/anim中建立文件slide_in_from_top.xml, 并粘贴下面的代码
XHTML
android:toYDelta="0"
android:duration="300"/>
1
2
3
4
5
6
android:toYDelta="0"
android:duration="300"/>
8. 从底部进入
在res/anim中新建文件slide_in_from_bottom.xml, 并粘贴下面的代码
XHTML
android:fromYDelta="200%"
android:toYDelta="0"
android:duration="300"/>
1
2
3
4
5
6
7
android:fromYDelta="200%"
android:toYDelta="0"
android:duration="300"/>
9. 从顶部划出
在res/anim中新建文件slide_out_to_top.xml, 并粘贴下面的代码
XHTML
android:toYDelta="-100%"
android:duration="300"/>
1
2
3
4
5
6
android:toYDelta="-100%"
android:duration="300"/>
10. 从底部划出
在res/anim中新建文件slide_out_to_bottom.xml, 并粘贴下面的代码
XHTML
android:toYDelta="200%"
android:duration="300"/>
1
2
3
4
5
6
android:toYDelta="200%"
android:duration="300"/>
打赏
微信扫一扫,打赏作者吧~