android 减速动画,Android View Animation

9bcf7a934d9a

概述

可译为视图动画,分为

缩放动画

平移动画

渐变动画

旋转动画

Android系统中定义了一个抽象类Animation来定义这种视图动画,它的具体子类如下表:

动画名称

对应的子类

xml中标签

描述

缩放动画

ScaleAnimation

< scale />

S

平移动画

TranslateAnimaiton

< translate />

T

渐变动画

AlphaAnimation

< alpha />

A

旋转动画

RoateAnimation

< roate />

R

动画集合

AnimationSet

< set />

是用来存放上面四种动画的集合,容器的概念而已

这类动画也被称作是补间动画(Tween Animation),取他们首字母这样样记忆呢 STAR 动画如何?(哈哈别闹,我自称), “明星” 动画是Android提供最早的动画框架,只能这几种效果或者他们的组合效果(明星独唱或者组合喽),使用起来也是非常方便简单,可以代码实现也可以在XML中定义使用。

那么这些视图动画有哪些通用属性,这里列举了父类Animaiton常用属性:

xml中属性

对应的方法

描述

android:duration

setDuration(long)

指定动画持续时间,单位毫秒

android:fillAfter

setFillAfter(boolean)

设置为true时,指动画结束时界面会停留在动画播放完时的界面,默认false

android:fillBefore

setFillBefore(boolean)

指动画结束时画面停留在此动画的第一帧

android:fillEnabled

setFillEnabled(boolean)

该方法用于使能填充效果。当该方法设置为true时,将执行setFillBefore和setFillAfter方法,否则将忽略setFillBefore和setFillAfter方法

android:interpolator

setInterpolator(Interpolator)

指定动画的插值器类型,比如常见类型有

accelerate_interpolator 加速-动画插入器;

decelerate_interpolator 减速- 动画插入器;

accelerate_decelerate_interpolator 加速-减速 动画插入器

android:repeatCount

setRepeatCount(int)

指定动画的重复次数

android:repeatMode

setRepeatMode(int)

定义动画的重复模式,该类中指定了两个常量值

RESTART 值为1,表示重新开始

REVERSE 值为2,表示play backward

android:startOffset

setStartOffset(long)

动画之间的时间间隔,从上次动画停多少时间开始执行下个动画

android:zAdjustment

setZAdjustment(int)

定义动画的Z Order的改变,有三个常量值:

ZORDER_NORMAL 值为0,保持Z Order不变

ZORDER_TOP 值为1,保持在最上层

ZORDER_BOTTOM值为-1,保持在最下层

使用

文件存放位置:

res/anim/filename.xml

资源引用:

In Java: R.anim.filename

In XML: @[package:]anim/filename

XML中实现通常做法是:

对应目录下定义一个动画文件(在Android studio中直接new --> android resources file,然后选择对应的root标签和目录即可,会自动创建anim文件夹)

在资源文件中添加标签等具体的动画属性值

在代码中使用AnimationUtils来加载定义好的动画文件,会返回一个Animation对象,然后将其附在view控件上即可

Animation animation = AnimationUtils.loadAnimation(this, R.anim.scal);

imageView.startAnimation(animation);

代码实现通常做法:

创建一个AnimationSet对象,并设置相关属性,比如插值器等,后续会具体讲解

创建你想要的某一种或多种动画对象,包括动画执行时间等

然后将这些对象添加到这个AnimationSet对象中

使用控件对象开始执行这个动画集合

AnimationSet animationSet = new AnimationSet(true);

比如创建一个缩放动画ScaleAnimation scale;

animationSet.addAnimation(scale);

imageView.startAnimation(animationSet);

AnimationSet

这个类对应的标签是< set/>,相当于一个容器,来存放其他四种动画或者是子容器的(动画集合嵌套动画集合)

// 指定一个差值器,如果是调用系统内置差值器,包名即为android

android:interpolator="@[package:]anim/interpolator_resource"

// **独有属性** 如果是true 表示它的所有子元素标签都共用这个差值器

android:shareInterpolator=["true" | "false"] >

ScaleAnimation

//动画起始时x轴伸缩尺寸,取值float型,1.0表示不变

android:fromXScale="float"

//动画结束时x轴伸缩尺寸,取值float型,1.0表示不变

android:toXScale="float"

//动画起始时Y轴伸缩尺寸,取值float型,1.0表示不变

android:fromYScale="float"

//动画结束时Y轴伸缩尺寸,取值float型,1.0表示不变

android:toYScale="float"

//缩放的中心点,x轴点位置

android:pivotX="float"

//缩放的中心点,Y轴点位置

android:pivotY="float" />

值得注意的是,这里的缩放的轴心位置pivotX pivotY在xml中依然有三种形式的取值:

50% 自身的百分比

50%p 父容器的百分比

50 具体的数值

它们都是相当于在view的(x,y)坐标上加上 轴点的值 确定的位置,比如android:pivotX="50%" 那么就表示这个轴点的x位置是 它自身的x坐标加上 它自身宽度的一半

9bcf7a934d9a

privotX = 50%

DEMO

首先定义一个布局文件:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.smart.myapplication.animation.ViewAnimationAct">

android:layout_width="300dp"

android:background="#00ffff"

android:layout_centerInParent="true"

android:gravity="center_horizontal"

android:layout_height="200dp">

android:id="@+id/imageView"

android:scaleType="center"

android:layout_gravity="center"

android:src="@drawable/girl"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

android:id="@+id/start_anim"

android:layout_alignParentBottom="true"

android:text="缩放"

android:layout_width="wrap_content"

android:background="#2efe4f"

android:layout_centerHorizontal="true"

android:layout_height="wrap_content"

/>

xml动画文件:

android:interpolator="@android:anim/accelerate_decelerate_interpolator">

android:duration="2000"

android:fromXScale="1.0"

android:fromYScale="1.0"

android:pivotX="50%p"

android:pivotY="50%p"

android:toXScale="1.5"

android:toYScale="1.5" />

然后在代码中使用这个动画文件:

public class ViewAnimationAct extends AppCompatActivity {

private ImageView imageView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_view_animation);

imageView = (ImageView) findViewById(R.id.imageView);

final Animation animation = AnimationUtils.loadAnimation(this, R.anim.scale_anim);

findViewById(R.id.start_anim).setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

imageView.startAnimation(animation);

}

});

}

}

直接看效果(录屏反应慢,实际动画时间就两秒)

9bcf7a934d9a

缩放动画

TranslateAnimation

xml中标签中独有属性:

android:fromXDelta="float|percent" // 动画开始的点离当前View的 X坐标上的差值

android:toXDelta="float|percent" // 动画结束的点离当前View的 X坐标上的差值

android:fromYDelta="float|percent" // 动画开始的点离当前View的 Y坐标上的差值

android:toYDelta="float|percent" // 动画结束的点离当前View的 Y坐标上的差值

/>

这四个属性值支持三种形式的参数:

view自身宽或者高的百分比,范围是-100% -- 100%

x方向的差值(xDelta)就是取得view自身的width 然后作以百分比作为差值

y方向的差值(yDelta)就是取得view自身的height 然后作以百分比作为差值

view父View的宽或者高的百分比,范围是 -100%p -- 100%p

x方向的差值(xDelta)就是取得view的父控件的width 然后作以百分比作为差值

y方向的差值(yDelta)就是取得view的父控件的height 然后作以百分比作为差值

具体位置的像素值 比如 50

**都是以view的(x,y)坐标变换,相当于给他一个transitionX,transitionY

**

DEMO:

页面布局文件(后续的布局和activity中代码实现类似,不在贴出):

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.smart.myapplication.animation.ViewAnimationAct">

android:id="@+id/imageView"

android:scaleType="center"

android:src="@drawable/girl"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

对应的xml中动画文件:

android:duration="2000"

android:fromXDelta="0%"

android:fromYDelta="0%"

android:repeatCount="1"

android:repeatMode="reverse"

android:toXDelta="80%"

android:toYDelta="80%" />

对应的效果

9bcf7a934d9a

平移动画

AlphaAnimation

是一种改变透明度的动画,渐进渐出,默认的透明度都是1表示不透明。对应< alpha/>标签,两个独有属性:

android:fromAlpha="float" // 从一个透明度

android:toAlpha="float" // 变化到另一个透明度

/>

这两个属性值的取值:透明度范围为0.0(完全不可见) --- 1.0(不透明)

DEMO

动画文件:

android:duration="2000"

android:fromAlpha="1.0"

android:repeatCount="1"

android:repeatMode="reverse"

android:toAlpha="0" />

对应的效果:

9bcf7a934d9a

渐变动画

RoateAnimation

旋转动画,给定一个轴心和旋转的角度,组成一个旋转的动画效果。对应的标签是< roate/>

// 旋转的开始角度

android:fromDegrees="float"

// 旋转结束的角度

android:toDegrees="float"

// 旋转的轴心,x位置

android:pivotX="float"

// 旋转的轴心,y位置

android:pivotY="float" />

需要说明的是:

旋转的起始角度可以有正负,并且支持任意角度旋转,比如从0到720,那么会旋转两周

privotX 和 privotY 和缩放动画轴心取值一样,也有三种形式,其实定义的就是圆心的位置

DEMO

动画文件:

android:interpolator="@android:anim/accelerate_decelerate_interpolator">

android:duration="2000"

android:fromDegrees="0"

android:pivotX="50%"

android:pivotY="50%"

android:toDegrees="360" />

对应的效果

9bcf7a934d9a

旋转动画

上述列举了每一种动画独有的属性,但是别忘了他们共有的属性定义,比如动画执行完停留的位置控制,重复播放动画,多个动画组合时提供不同的时间偏移等等

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/431271.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

excel排名_Excel案例:比赛中,如何实时显示排名

其实今天的重点&#xff0c;是要借这个常规比赛记分与公布的案例&#xff0c;介绍一下数组函数&#xff01;今天的案例&#xff0c;最关键的地方只用了一次数组函数就搞定了&#xff01;------分-----割-----线-----下面进入案例&#xff1a;常见的比赛&#xff0c;有很评委一起…

node 存储过程_用Node.js操作跨平台数据库Firebird

FireBirdFirebird是一个跨平台的关系数据库系统&#xff0c;目前能够运行在Windows、linux和各种Unix操作系统上&#xff0c;提供了大部分SQL-99标准的功能。它既能作为多用户环境下的数据库服务器运行&#xff0c;也提供嵌入式数据库的实现。Firebird脱胎于Borland公司的开源版…

鸿蒙是内核名字,华为徐直军:鸿蒙只是内核的名字,是媒体给误解成操作系统...

集微网消息(文/Jimmy)&#xff0c;华为轮值董事徐直军表示鸿蒙操作系统名字是媒体取得&#xff0c;华为并没打算取这个名字。他解释称&#xff0c;本来鸿蒙这个是用于华为内部一个内核的名字&#xff0c;只是挂在市场监管总局那里注册了。然后不知道哪个媒体好朋友看到了这个&a…

手机进程设置多少个最好_安卓手机难逃卡顿宿命?打开4个系统设置,秒变新机般流畅...

近两年安卓手机的进步无疑的巨大的&#xff0c;不论是界面美观性、系统流畅度&#xff0c;还是功能的丰富性都有很大的进步&#xff0c;但是针对安卓的旧设备&#xff0c;用了两三年依旧开始变得卡顿&#xff0c;难道安卓手机真的难逃卡顿的宿命吗&#xff1f;虽然不能解决&…

html5新增的js,HTML5新增属性data-*和js/jquery之间的交互及注意事项

html的data-*属性是HTML5的新属性&#xff0c;用的时候在IE8html的data-*属性是HTML5的新属性&#xff0c;用来自定义属性&#xff0c;以在JS 中控制&#xff0c;用不会出问题&#xff0c;就是用js去获得的时候会有问题&#xff0c; 不过用Jquery的$(element).attr("data-…

韦东山 IMX6ULL和正点原子_GPIO和Pinctrl子系统的使用在100ASK_IMX6ULL上机实验

来源&#xff1a;百问网作者&#xff1a;韦东山本文字数&#xff1a;924&#xff0c;阅读时长&#xff1a;3分钟阅读本节前先阅读&#xff1a;Pinctrl子系统重要概念GPIO子系统重要概念基于GPIO子系统的LED驱动程序1.1 确定引脚并生成设备树节点NXP公司对于IMX6ULL芯片&#xf…

php foreach 收邮件_php机制本身不提供多线程的操作,有了swoole就不一样了

多个任务同时执行比如&#xff0c;我们要对已知的用户数据进行判断&#xff0c;是否需要发送邮件和短信&#xff0c;如果需要发送则发送。不使用多进程时&#xff0c;我们首先判断是否发送邮件&#xff0c;如果需要则发送&#xff1b;然后再判断是否需要发送短信&#xff0c;如…

C#中的interface

接口&#xff08;interface&#xff09; 接口泛指实体把自己提供给外界的一种抽象化物&#xff08;可以为另一实体&#xff09;&#xff0c;用以由内部操作分离出外部沟通方法&#xff0c;使其能被修改内部而不影响外界其他实体与其交互的方式。 接口实际上是一个约定: 如&…

网易不进垃圾箱html,腾讯QQ、网易126、163邮箱发送邮件进入垃圾箱及收不到邮件怎么办?...

近期有用户反馈在云奇付(www.361ser.com)会员中心通过腾讯QQ邮箱、网易126、163邮箱绑定账号及安全验证无法正常收取或收不到云奇付发送的邮件怎么办&#xff1f;其实这是因为QQ邮箱、126邮箱、163邮箱等其它邮箱都有反垃圾邮件机制&#xff0c;很多企业网站的邮件都被误拦截到…

java技术分享主题_Java开发入门:适合新手练手的Java项目(附源码下载)

Java作为一门古老的语言&#xff0c;已有20年左右的历史&#xff0c;这在发展日新月异的技术圈可以说是一个神话。虽然不少人曾抱怨Java语言就像老太太的裹脚布&#xff0c;又臭又长&#xff0c;有时写了500行都不能表达程序员的意图。但从市场上的招聘现状看&#xff0c;Java工…

uni app 调用网络打印机_uni-app 的使用体验总结

[实践] uni-app 的使用总结最近使用 uni-app 的感受。使用体验没用之前以为真和 Vue 一样&#xff0c;用了之后才知道。有点类似 Vue 和 小程序结合的感觉。写类似小程序的标签&#xff0c;有着小程序和 Vue 的生命周期钩子。对比 uni-app 文档和微信小程序的文档&#xff0c;不…

html 微信发送给朋友,H5链接分享给微信好友,显示标题、描述、缩略图

效果展示image.png1.公众号设置1.1公众号需要经过认证&#xff0c;具有分享接口功能image.png1.2填写正确的域名(域名需要经过备案)image.png1.3 保存好AppID、AppSecret、设置好ip白名单(非常重要)image.png2.php代码(需要有php环境下&#xff0c;放到域名目录下)2.1展示下目录…

python怎么创建变量_python怎么创建变量

变量(variable)是学习python初始时&#xff0c;就会接触到的一个新的知识点&#xff0c;也是一个需要熟知的概念。python是一种动态类型语言&#xff0c;在赋值的执行中可以绑定不同类型的值&#xff0c;这个过程叫做变量赋值操作&#xff0c;赋值同时确定了变量类型。在python…

nginx 学习笔记【持续更新...】

1.如果在安装过程中出现以下错误 需要安装pcre库 解决方案&#xff1a;yum install pcre 2.如果nginx启动提示端口被占用,则停止该端口的服务再启动nginx,一般为httpd服务 解决方案&#xff1a;service httpd stop 3.nginx下php编译 ./configure --prefix/usr/local/fastphp …

python怎么放音乐_python怎么播放音乐

Python播放音乐要使用pygame模块 首先安装pygame模块&#xff1a;pip install pygame 方法实现&#xff1a;def play_music(self): filepath r"E:\music\消愁.mp3"; pygame.mixer.init() # 加载音乐 pygame.mixer.music.load(filepath) pygame.mixer.music.play(sta…

怎么用计算机打分数,电脑excel中分数怎么打出来(图解excel分数输入法)

在日常工作中&#xff0c;我们经常需要在excel中输入分数&#xff0c;默认情况下&#xff0c;当我们直接输入分数&#xff0c;比如输入“9/16” 回车后&#xff0c;会发现系统显示的却是日期数据&#xff0c;如下图所示&#xff0c;那么分数该怎么输入呢&#xff1f;今天就来和…

word 7桌面上的计算机图标是,怎么设置win7系统桌面图标都变成word图标的处理办法...

随着电脑的使用率越来越高&#xff0c;我们有时候可能会遇到win7系统桌面图标都变成word图标问题&#xff0c;如果我们遇到了win7系统桌面图标都变成word图标的问题&#xff0c;要怎么处理win7系统桌面图标都变成word图标呢&#xff1f;我们只用  双击打开桌面上的计算机文件…

python3文件的编码类型是什么_python3.x - 怎么查看某个文件的编码方式?python

问 题 python的确很赞&#xff0c;但是编码这个问题真的太尿性了。。。 现在我有一个文件&#xff0c;不论他的编码方式是什么&#xff0c;我都想把它转化成utf-8的格式。我的想法是先读取文件内容&#xff0c;保存到data变量中去&#xff0c;然后再以utf-8的格式写入文件。 但…

python源码剖析_Python源码剖析 - 对象初探

01 前言 对象是 python 中最核心的一个概念&#xff0c;在python的世界中&#xff0c;一切都是对象&#xff0c;整数、字符串、甚至类型、整数类型、字符串类型&#xff0c;都是对象。 02 什么是PyObject Python 中凡事皆对象&#xff0c;而其中 PyObject 又是所有对象的基础&a…

html点线面制作,利用HTML5绘制点线面组成的3D图形的示例

玩Canvas玩了有两三个礼拜了&#xff0c;平面的东西玩来玩去也就那样&#xff0c;所以就开始折腾3D了。因为Canvas画布终究还是平面的&#xff0c;所以要有3D就得抽象出一个Z轴。然后再把3D坐标转换成2D坐标&#xff0c;画到画布上&#xff0c;再通过旋转等变换效果来产生3D感。…