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

来源:互联网 发布:grpc golang 编辑:程序博客网 时间:2024/05/19 16:03

一、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坐标的开始位置 


0 0
原创粉丝点击