Android动画 translate(位移)、scale(缩放)、alpha(淡入淡出)、rotate(旋转)

一、Android动画类型

Androidanimation由四种类型组成

在xml文件

alpha渐变透明度动画效果
scale渐变尺寸伸缩动画效果
translate画面转换位置移动动画效果
rotate画面转移旋转动画效果

在Java代码

AlphaAnimation渐变透明度动画效果
ScaleAnimation渐变尺寸伸缩动画效果
TranslateAnimation画面转换位置移动动画效果
RotateAnimation画面转移旋转动画效果

二、Android动画模式

Animation主要有两种动画模式:

一种是tweened animation(渐变动画) ,Tween动画主要包括图片的放大缩小、旋转、透明度变化、移动等等操作 。

alpha和scale类型

一种是frame by frame(画面转换动画) ,Frame动画则简单得多了,就是把一张张的图片连续播放产生动画效果。Frame动画主要是通过AnimationDrawable类来实现的,它有start()和stop()两个重要的方法来启动和停止动画。

translate和rotate类型


三、使用scale动画(以右上角为中心缩放)

res目录中新建anim文件夹

anim文件夹下创建窗口弹出动画dialog_show.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 弹出时动画 --> 
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<scale android:interpolator="@android:anim/accelerate_interpolator"  
		android:fromXScale="0" 
		android:toXScale="1" 
		android:fromYScale="0"
		android:toYScale="1" 
		android:pivotX="100%" 
		android:pivotY="0%"
		android:fillAfter="false" 
		android:duration="550" />  
</set>

anim文件夹下创建窗口消失动画dialog_dismiss.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 退出时动画效果 -->  
<set xmlns:android="http://schemas.android.com/apk/res/android">  
	<scale android:interpolator="@android:anim/accelerate_interpolator"  
		android:fromXScale="1" 
		android:toXScale="0" 
		android:fromYScale="1"
		android:toYScale="0" 
		android:pivotX="100%" 
		android:pivotY="0%"
		android:fillAfter="false" 
		android:duration="550" />   
</set> 
在res/values下创建style

dialog_style.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
	<style name="dialogWindowAnim" parent="android:Animation">  
        <item name="android:windowEnterAnimation">@anim/dialog_show</item>  
        <item name="android:windowExitAnimation">@anim/dialog_dismiss</item>  
    </style>  
</resources>
在java代码中设置

		        Window dialogWindow = dialog.getWindow();        
		        WindowManager.LayoutParams lp = dialogWindow.getAttributes();        
		        dialogWindow.setGravity(Gravity.RIGHT | Gravity.TOP); //对话框显示的位置
		        dialogWindow.setWindowAnimations(R.style.dialogWindowAnim);

(以右下角为中心缩放)

dialog_show.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 弹出时动画 --> 
<set xmlns:android="http://schemas.android.com/apk/res/android">
	<scale android:interpolator="@android:anim/accelerate_interpolator"  
		android:fromXScale="0" 
		android:toXScale="1" 
		android:fromYScale="0"
		android:toYScale="1" 
		android:pivotX="100%" 
		android:pivotY="100%"
		android:fillAfter="false" 
		android:duration="550" />  
</set>
dialog_dismiss.xml

<?xml version="1.0" encoding="utf-8"?>
<!-- 退出时动画效果 -->  
<set xmlns:android="http://schemas.android.com/apk/res/android">  
	<scale android:interpolator="@android:anim/accelerate_interpolator"  
		android:fromXScale="1" 
		android:toXScale="0" 
		android:fromYScale="1"
		android:toYScale="0" 
		android:pivotX="100%" 
		android:pivotY="100%"
		android:fillAfter="false" 
		android:duration="550" />   
</set>

scale.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
<scale   
	android:interpolator= "@android:anim/decelerate_interpolator"   	
	android:fromXScale="0.0"   
	android:toXScale="1.5"   
	android:fromYScale="0.0"   
	android:toYScale="1.5"   
	android:pivotX="50%"   
	android:pivotY="50%"   
	android:startOffset="0"   
	android:duration="10000"  
	android:repeatCount="1"   
	android:repeatMode="reverse"  /> 
</set> 
interpolator指定动画插入器
加速减速插入器        accelerate_decelerate_interpolator
加速插入器     accelerate_interpolator
减速插入器     decelerate_interpolator
fromXScale,fromYScale  动画开始前X,Y的缩放,0.0为不显示,  1.0为正常大小。
toXScale,toYScale  动画最终缩放的倍数, 1.0为正常大小,大于1.0放大。
pivotX,pivotY  动画起始位置,相对于屏幕的百分比,两个都为50%表示动画从屏幕中间开始。范围为0%-100%

android:pivotX="100%"  android:pivotY="0%"  表示右上角

android:pivotX="100%"  android:pivotY="100%"  表示右下角

android:pivotX="0%"   android:pivotY="0%"  表示左上角
startOffset  动画多次执行的间隔时间,如果只执行一次,执行前会暂停这段时间。
duration,一次动画效果消耗的时间,单位毫秒,值越小动画速度越快 repeatCount,动画重复的计数,动画将会执行该值+1次。
repeatMode,动画重复的模式,reverse为反向,当第偶次执行时,动画方向会相反。
restart为重新执行,方向不变 


四、使用translate动画 

translate.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate 
	android:fromXDelta="320" 
	android:toXDelta="0" 
	android:fromYDelta="480" 
	android:toYDelta="0" 
	android:duration="10000" /> 
</set>
fromXDelta,fromYDelta   起始时X,Y座标,屏幕右下角的座标是X:320,Y:480 
toXDelta, toYDelta     动画结束时X,Y的座标


五、使用alpha动画 

alpha.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
<alpha 
    android:fromAlpha="0.0"  
    android:toAlpha="1.0"  
    android:duration="500"  /> 
</set> 

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
<alpha 
    android:fromAlpha="1.0"  
    android:toAlpha="0.0"  
    android:duration="500"  /> 
</set> 
    fromAlpha:开始时透明度 
    toAlpha: 结束时透明度 
    duration:动画持续时间


六、使用rotate动画

rotate.xml

<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate 										
    android:interpolator="@android:anim/accelerate_decelerate_interpolator" 
	android:fromDegrees="300" 
	android:toDegrees="-360" 
	android:pivotX="10%" 
	android:pivotY="100%" 
	android:duration="10000" /> 
</set> 
  fromDegrees  动画开始时的角度 
  toDegrees     动画结束时物件的旋转角度,正代表顺时针旋转,负数表示逆时针旋转   
  pivotX   属性为动画相对于物件的X坐标的开始位置
  pivotY 属性为动画相对于物件的Y坐标的开始位置 


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值