【成都安卓培訓】Android对Path的旋转效果的拓展.docx

【成都安卓培训】Android对Path的旋转效果的拓展其实实现的思路就是利用Tween动画，通过对场景对象的不断变换（旋转，缩放，平移，改变透明度）效果来产生动画效果的。先来分析一下动画效果的形成，我们先把红色Button定义为一级菜单，弹出的子Button作为二级菜单。当点击一级菜单的时候，一级菜单旋转，同时弹出二级菜单。点击二级菜单，进入其他的Activity，不点击画面不变。点击一级菜单，二级菜单消失，一级菜单旋转到默认。所以就涉及到了一级菜单的旋转和二级菜单的缩放以及移动。一级菜单的实现：可以采用两种方式来实现，一种是xml布局，另一种就是硬编码了。我们采用第一种方法来实现，这样也比较符合标准。一级菜单是一个旋转效果，所以用Tween动画里的Rotate（旋转）来实现，在这里我们使用xml来定义动画效果，这样比较符合官方标准。点击旋转动画：[html] view plaincopyprint??xml version=1.0 encoding=utf-8? set xmlns:android=/apk/res/android android:fillEnabled=true android:fillAfter=true rotate android:fromDegrees=0 android:duration=80 android:toDegrees=-45 android:pivotX=50% android:pivotY=50% android:interpolator=@android:anim/accelerate_decelerate_interpolator /rotate /set 点击回复动画：[html] view plaincopyprint??xml version=1.0 encoding=utf-8? set xmlns:android=/apk/res/android android:fillEnabled=true android:fillAfter=true rotate android:fromDegrees=-45 android:duration=80 android:toDegrees=0 android:pivotX=50% android:pivotY=50% android:interpolator=@android:anim/accelerate_decelerate_interpolator /rotate /set 通过这两个xml文件就可以实现一级菜单的旋转效果了，下面来说二级菜单的弹出效果，因为在path里它是在程序的左下角弹出的，当我们使用Tween动画的translate （移动）时，需要指定初始坐标以及终止坐标，这样一来就要弄清楚Android屏幕的坐标系，它是从右上角开始从左到右从上到下，如图：我们的Button是从左下角弹出的，这样就可以根据屏幕的分辨率来动态的设置菜单坐标。我的手机分辨率是800*480，就以这个来说明。然后我们来看一下Button移动的xml文件。[html] view plaincopyprint??xml version=1.0 encoding=utf-8? set xmlns:android=/apk/res/android android:fillEnabled=true android:fillAfter=true translate android:interpolator=@android:anim/cycle_interpolator android:fromXDelta=0.0 android:toXDelta=50.0 android:fromYDelta=790 android:toYDelta=650.0 android:duration=80 /translate /set 这是最左边的那个Button，大家可以注意下坐标的设置。其他的xml文件就不展示了，原理和这个一样，只不过坐标不同。最后看一下Activity的实现，[java] view plaincopyprint?package com.example.imitatepathdemo; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.util.Log; import android.view.Display; import android.view.Menu; import android.view.View; import android.view.View.OnClickListen