您的位置:首页 > 其它

Tween动画学习笔记(一)

2016-06-21 14:19 288 查看
Tween动画是作用在view上的。

(一)Scale缩放动画

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="0.0"
android:toXScale="1.4"
android:fromYScale="0.0"
android:toYScale="1.4"
android:pivotX="50%"
android:pivotY="50%"
android:duration="700"
android:fillBefore="true"
android:repeatCount="1"
android:repeatMode="restart"
/></span>

fromXScale表示动画开始时的缩放倍数;toXScale表示动画结束时的缩放倍数;pivotX表示动画起始坐标点,有数值、百分比、百分比p三种格式,分别表示绝对坐标、自身百分比、parent百分比(均以自身左上角为原点);duration表示动画持续时间;fillBefore和fillEnabled效果相同,均表示在动画结束后恢复原始状态;fillAfter表示结束后保持当前状态;repeatCount表示重复次数;repeatMode有两种restart和reverse,分别表示正序和倒序来进行动画回放。

(二)Alpha透明度动画

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:fromAlpha="1.0"
android:toAlpha="0.1"
android:duration="3000"
android:fillBefore="true">
</alpha>
fromAlpha表示起始透明度,toAlpha表示结束时的透明度,从1.0到0.0,由完全不透明到完全透明。

(三)Rotate旋转动画

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromDegrees="0"
android:toDegrees="-650"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000"
android:fillAfter="true">

</rotate>


fromDegrees表示起始角度;toDegrees表示结束时的角度。中心点位置同样可以使用数字、百分比、百分比p三种格式。

(四)Translate位移动画

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="0"
android:toXDelta="-80"
android:fromYDelta="0"
android:toYDelta="-80"
android:duration="2000"
android:fillBefore="true">
</translate>
位移同样可以使用数字、百分比、百分比p三种格式。

(五)Set动画叠加

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000"
android:fillAfter="true">

<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"/>

<scale
android:fromXScale="0.0"
android:toXScale="1.4"
android:fromYScale="0.0"
android:toYScale="1.4"
android:pivotX="50%"
android:pivotY="50%"/>

<rotate
android:fromDegrees="0"
android:toDegrees="720"
android:pivotX="50%"
android:pivotY="50%"/>

</set>
可以使几种动画效果叠加,貌似可以通过为set中不同的动画设置不同的startOffset来设置它们的执行顺序。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: