700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > android动画介绍Animation 实现loading动画效果【HTML】

android动画介绍Animation 实现loading动画效果【HTML】

时间:2021-03-22 14:17:46

相关推荐

android动画介绍Animation 实现loading动画效果【HTML】

web前端|html教程

android动画介绍Animation 实现loading动画效果

web前端-html教程

Animation的使用方法并不难。这里简单的介绍一下使用方法。

仿直播平台系统源码,vscode扩展的安装位置,ubuntu 编辑 bcd,tomcat如何改首页,mac编程爬虫,直播秀场 php源码,石家庄seo转化率,微信服务号网站移动端模板源码,c function模板lzw

先看效果图:

现金网源码,vscode搜索字符,ubuntu隐私,tomcat jvm崩溃,sqlite3执行,水晶报表插件下载,java程序员前端框架,乐视视频评论爬虫,php 企业邮箱,南宁seo费用平台,网站源码更改,智能手机商城网页模板,卡通表白模板lzw

源码云平台 深圳,ubuntu不要简易安装,tomcat 7客户端,爬虫引用代理,黑马php培训,什么是百度搜索seolzw

效果还是不错的吧。 下面来看看使用方法。

动画效果是通过Animation来实现的,一共有四种,分别为:

AlphaAnimation : 渐变透明度动画

ScaleAnimation: 尺寸渐变动画

TranslateAnimation: 水平移动动画

RotateAnimation: 旋转动画

那么为了实现我的效果图上的效果呢。我们所有的动画都使用到了。

首先我们在Activity的布局文件中加入一个ImageView和一个TextView,使他们在布局居中。

然后修改MainActivity.java

先把需要声明的属性声明

private ImageView mImageView; private TextView mTextView; private AnimationSet mImageAni; private AnimationSet mTextAni;

这里由于 ImageView 和TextView都使用了组合的动画效果,所以需要有两个容器 AnimationSet来存放动画效果。

来看一下两个容器里具体放了什么动画

TranslateAnimation ta = new TranslateAnimation(200,0,300,0); ta.setDuration(5000); RotateAnimation ra = new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); ra.setDuration(5000); mImageAni.addAnimation(ta); mImageAni.addAnimation(ra);

mImageAni里存放了 一个TranslateAnimation 也就是水平移动动画,他的参数是从哪里到哪里,这里是从200–>0,300–>0,之后调用setDuration()方法来设置动画效果持续的时间。另外一个是RotateAnimation, 也就是旋转动画。他的参数是从多少度到多少度(0–>360),后面几个参数是从自身为基准,50% 也就是中心点旋转.

这两个动画效果组合起来就实现了小圆球的旋转效果。

接下来来看一下mTextAni

ScaleAnimation sa = new ScaleAnimation(0,2.5f,0,2.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f); sa.setDuration(5000); AlphaAnimation aa = new AlphaAnimation(0,1); aa.setDuration(5000); mTextAni.addAnimation(sa); mTextAni.addAnimation(aa);

第一个动画效果是ScaleAnimation 也就是缩放效果动画,他的参数与平移相似,从多少扩大到多少,后面的参数也是以自身为基准的50%,也就是中心。

而AlphaAnimation 透明动画的参数就比较简单,它的参数为从透明度多少到透明度多少,这里是从消失到显示.

最后我们给ImageView 添加一个监听事件,点击的时候播放动画效果

mImageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) {mImageView.startAnimation(mImageAni);mTextView.startAnimation(mTextAni); } });

大功告成! 快去试试吧,另外如果你感兴趣,还可以看看其他的参数,和怎样用xml来实现动画。

源代码下载

版权声明:本文为博主原创文章,未经博主允许。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。