两种不同的方法使用不当Animation 四个动画效果Alpha.Scale.Rotate.Translate
2014-02-26 21:04
501 查看
第一种方法是直接在Acitivity文件中写:
使用Tweened Animations 的步骤
1.创建一个AnimationSet对象;
2.根据需要创建相应的Animation对象;
3.根据软件动画片的需求,为Animation对象设置相应的数据;
4.将Animation对象添加到AnimationSet对象当中;
5.使用空间对象开始执行Animation;
Alpha:淡入淡出
Rotate:旋转
基本步骤和Alpha差不多,关键是函数不同
Translate:移动
Scale缩放
第二中方法是将Animation的动画效果统一下在一个XML文件当中;
步骤:
1.在res文件夹下面新建一个名为anim的文件夹;
2.创建XML文件,并加入set标签;
3.在该标签当中加入alpha,rotate,scale,translate标签;
4.在代码当中使用AnimationUtils当中装载XML文件,并生成Animation对象。
scale.xml代码
获取坐标有三种方法,android:pivotx
1.android:pivotx=“50”这是绝对坐标,就是手机屏幕默认坐标的坐标系
2.android:pivotx=“50%” 这是相对于控件本身的坐标,指的就是图片本身
3.android:pivotx=“50%p”这是相对于父空间的坐标
在执行scale效果时,当然要有一个监听器;
alpha.xml代码
startOffset=“500”,这个是开始执行动画效果时要等待等时间,就是当触摸按钮时,过了500毫米才会有效果;
duration=“500” 这个就是效果维持的时间。
当然写完XML文件后要绑定监听器,方法和scale的一样
rotate.xml代码
translat.xml代码
使用Tweened Animations 的步骤
1.创建一个AnimationSet对象;
2.根据需要创建相应的Animation对象;
3.根据软件动画片的需求,为Animation对象设置相应的数据;
4.将Animation对象添加到AnimationSet对象当中;
5.使用空间对象开始执行Animation;
Alpha:淡入淡出
public void onClick(View v) { // TODO Auto-generated method stub //创建一个AnimationSet对象 AnimationSet animationSet = new AnimationSet(true); //创建一个AlphaAnimation对象 //AlphaAnimation是一个透明度的渐变,1是全显示,0是全隐藏 AlphaAnimation alphaAnimation = new AlphaAnimation(1, 0); //这里的参数1000,是透明度从1->0所需要的时间,这里单位是毫秒 alphaAnimation.setDuration(1000); //将AlphaAnimation对象添加到AnimationSet中 animationSet.addAnimation(alphaAnimation); //设置变化的图片 imageView.startAnimation(animationSet); }
Rotate:旋转
基本步骤和Alpha差不多,关键是函数不同
//第一个参数是0,是指开始的角度,就是图片本身的位置 //360,是要旋转的角度,就是从0->360旋转 //Animation.RELATIVE_TO_PARENT是指坐标相对于父控件,第一个Animation.RELATIVE_TO_PARENT是X轴,第二个是Y轴 //Animation.RELATIVE_TO_PARENT, 1f 是指图片相对于父控件的宽度, //假设父控件是20宽度,Animation.RELATIVE_TO_PARENT,1f就是表示图片相对于父控件20的横坐标, //同样的Animation.RELATIVE_TO_PARENT,0f是相对于父控件的Y坐标,即纵坐标 RotateAnimation rotateAnimation = new RotateAnimation(0, 360,Animation.RELATIVE_TO_PARENT,1f,Animation.RELATIVE_TO_PARENT,0f));
Translate:移动
//同样的Animation.RELATIVE_TO_SELF与Animation.RELATIVE_TO_PARENT一样。只是Animation.RELATIVE_TO_SELF是相对于自己的坐标TranslateAnimation translateAnimation = new TranslateAnimation(Animation.RELATIVE_TO_SELF,0f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0fAnimation.RELATIVE_TO_SELF,1.0f)
Scale缩放
//缩放比例,相对于自己。从原本的开始缩小到0.1 ScaleAnimation scaleAnimation = new ScaleAnimation(1, 0.1f,1,0.1f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f)
第二中方法是将Animation的动画效果统一下在一个XML文件当中;
步骤:
1.在res文件夹下面新建一个名为anim的文件夹;
2.创建XML文件,并加入set标签;
3.在该标签当中加入alpha,rotate,scale,translate标签;
4.在代码当中使用AnimationUtils当中装载XML文件,并生成Animation对象。
scale.xml代码
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator"> <scale android:fromXScale="1.0" android:toXScale="0.0" android:fromYScale="1.0" android:toYScale="0.0" android:pivotX="50%" android:pivotY="50%" android:duration="2000"/> </set>
获取坐标有三种方法,android:pivotx
1.android:pivotx=“50”这是绝对坐标,就是手机屏幕默认坐标的坐标系
2.android:pivotx=“50%” 这是相对于控件本身的坐标,指的就是图片本身
3.android:pivotx=“50%p”这是相对于父空间的坐标
在执行scale效果时,当然要有一个监听器;
private class ScaleButtonListener implements OnClickListener{ @Override public void onClick(View v) { // TODO Auto-generated method stub Animation animation = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha); imageView.startAnimation(animation); } }
alpha.xml代码
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" > <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:startOffset="500" android:duration="500" /> </set>
startOffset=“500”,这个是开始执行动画效果时要等待等时间,就是当触摸按钮时,过了500毫米才会有效果;
duration=“500” 这个就是效果维持的时间。
当然写完XML文件后要绑定监听器,方法和scale的一样
rotate.xml代码
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" > <rotate android:fromDegrees="0" android:toDegrees="+360" android:pivotX="50%" android:pivotY="50%" android:duration="300" </set>
translat.xml代码
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/accelerate_interpolator" > <translate android:duration="2000" android:fromXDelta="50%" android:fromYDelta="0%" android:toXDelta="100%" android:toYDelta="100%" > </translate> </set>
相关文章推荐
- Android中动画效果alpha、translate、scale、rotate基本使用方法
- Android帧动画(Frame)和animation动画(alpha,rotate,scale,translate)的使用【页面切换动画】
- animation之translate、scale、alpha、rotate动画效果呈现
- Animation 动画详解(一)——alpha、scale、translate、rotate、set的xml属性及用法
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate详解
- Animation 动画详解(一)——alpha、scale、translate、rotate、set的xml属性及用法
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果 translate、scale、alpha、rotate 切换Activity动画
- Animation 动画详解(一)——alpha、scale、translate、rotate、set的xml属性及用法
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate的 xml文件写法
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate详解
- Android:动画效果translate、scale、alpha、rotate详解
- Animation动画详解(三)—— 代码生成alpha、scale、translate、rotate、set及插值器动画
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate