Android动画 translate(位移)、scale(缩放)、alpha(淡入淡出)、rotate(旋转)
来源:互联网 发布:grpc golang 编辑:程序博客网 时间:2024/05/19 16:03
一、Android动画类型
Android的animation由四种类型组成
在xml文件中
在Java代码中
二、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坐标的开始位置
- Android动画 translate(位移)、scale(缩放)、alpha(淡入淡出)、rotate(旋转)
- 为控件添加动画的方法(Alpha透明度,rotate旋转,scale缩放,translate位移)
- Android 动画(anim)详解就我所知,简单阐述一下: Android的animation由四种类型组成:alpha(透明度)、scale(缩放)、translate(位移)、rotate(旋转
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果translate、scale、alpha、rotate
- Android动画效果 translate、scale、alpha、rotate 切换Activity动画
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate详解
- Android动画效果translate、scale、alpha、rotate详解
- PLSQL无法进行中文条件查询解决
- cocos2d中的anchorPoint
- WCF 关于自定义MessageHeader支持
- 好用的图片、PSD查看器
- 同一服务器的跨库查询
- Android动画 translate(位移)、scale(缩放)、alpha(淡入淡出)、rotate(旋转)
- BubbleSort
- SharePoint开发网站结构树视图
- 三个半月网页平面UI设计培训,让你走上设计师之路
- 网页优化。-->其实看了注意一下就可以了
- 开博第一篇即是吐槽。
- C++,C#,JAVA之间webservice互操作问题探讨
- 如何判断一个activity是否在最顶部显示
- hdu1147