关闭

简单动画

157人阅读 评论(0) 收藏 举报
分类:

在Android3.0之前,andorid提供了几种动画类型 ViewAnimation,Drawable Animation,Property Ainmation,

 

View Animation相当简单,不过只能支持简单的缩放,平移,旋转,透明度这些基本的动画

 

Google在Android3.0之后,提供了属性动画,这使得动画系统变得极其强大了起来,考虑到很多app需要兼容3.0一下设备,特提供了一个动画库,Nineoldanimations

 

 

属性动画的基本使用:

 

1.      使一个控件在一定的时间里改变其背景颜色并且能够反复循环和反转的效果

 TextView text=(TextView)findViewById(R.id.text);

      ValueAnimatoranimator= ObjectAnimator.ofInt(text,"backgroundColor",0xffff8080,0xff8080ff);

      animator.setDuration(3000);

      animator.setEvaluator(new ArgbEvaluator());

      animator.setRepeatCount(ValueAnimator.INFINITE);

      animator.setRepeatMode(ValueAnimator.REVERSE);

   animator.start();

2.    动画集合,5秒时间内,对view进行旋转,平移,缩放和透明度进行改变

 AnimatorSet set = new AnimatorSet();

    set.playTogether(ObjectAnimator.ofFloat(text, "rotationX",0,360)

         ,ObjectAnimator.ofFloat(text, "rotatioY",0,180)

         ,ObjectAnimator.ofFloat(text, "rotatio",0,-90)

         ,ObjectAnimator.ofFloat(text, "translationX",0,90)

         ,ObjectAnimator.ofFloat(text, "translationY",0,90)

         ,ObjectAnimator.ofFloat(text, "scaleX",1,1.5f)

         ,ObjectAnimator.ofFloat(text, "scaleY",1,0.5f)

         ,ObjectAnimator.ofFloat(text, "alpha",1,0.25f,1)

         );

  set.setDuration(5*1000).start();

 

在使用时需要注意前面的String类型的名字,需要正确,否则没有效果,这里只列举两种情况!

0
0
查看评论

教大家写几个可能用得上的css3简单动画

例子1:菊花状的Loading效果 第一步画出静态的小菊花。 sk-fading-circle { width: 40px; height: 40px; position: relative; } .sk-fading-circle .sk-circle { width: ...
  • wushaoxion
  • wushaoxion
  • 2016-09-26 22:22
  • 1190

CSS3 animation--写一个简单的loading动画

1.今天上午,去了大学城图书馆,拿了一本《大唐李白》,还没看两页就犯困了。也是醉了。。。。 看来还是喜欢玩点带有交互性的电脑。 2.HTML 加载中... 2.CSS body{ ...
  • qq_21058391
  • qq_21058391
  • 2016-09-11 23:59
  • 1187

jquery简单动画效果实践(一)

这篇博客将介绍一个简单的jquery动画 js完成了DOM的状态切换,通过鼠标进入事件记录了当前的激活列,并且清除了之前的激活列。 css定义了不同状态的形态,以及形态切换的姿势。 接下来将会涉及到: CSS Jquery 作品目标:CSS浮动四列布局的基础上为每一列增加鼠标进入事件,从而...
  • u014733848
  • u014733848
  • 2016-09-17 16:31
  • 387

android简单动画

1:在布局文件中设置图片动画(background中设置背景)AnimationDrawable (帧动画)通过一系列Drawable依次显示来模拟动画的效果 在布局中放一个ImageView控件, 里面的android:background="@drawable/wifi"中...
  • qq_30716173
  • qq_30716173
  • 2015-11-05 09:22
  • 428

WPF入门(五)-WPF简单动画实现

<br />使用WPF 中的Storyboard 实现了简单的动画效果:<br /> <br /><br /> <br />代码很简单,主要是大概了解了下WPF中简单动画实现的思路,算是为以后留作参考<br /&g...
  • wuyoulang
  • wuyoulang
  • 2011-03-24 00:10
  • 1298

AE 制作一个简单的动画

创建一个简单的动画 常用快捷键:command + 3 打开预览界面;空格键 直接预览 1、 command + N 创建一个工作空间,尺寸选择 720 x 1280 或者如图在当前工作空间右键 New Composition 2、在下方工作空间中右键New –> Solid –>...
  • sinat_24196195
  • sinat_24196195
  • 2017-07-10 18:53
  • 758

利用javascript实现简单动画效果。

利用javascript的setTimeout()函数可以实现简单的动画效果。setTimeout()函数有两个参数,第一个参数是一个字符串,其内容是将要执行的哪个函数的名字;第二个参数是一个数值,它以毫秒为单位设定了需要经过多长时间才开始执行第一个参数所给出的函数。 setTimeout(&quo...
  • qq_32600929
  • qq_32600929
  • 2016-11-03 11:35
  • 1426

H5+CSS3简单动画 知识点 汇总

乱入几个:  1.h5的一个语义化标签   figure :用于规定独立的流内容(图像 图表 照片 代码等)   figcapition:与figure配套使用,用于标签定义figure元素标题 2.媒体查询: 通过不同的媒体类型和条件定义样式规则 ;媒体查询...
  • qq_29066959
  • qq_29066959
  • 2016-03-30 17:41
  • 2377

通过js实现简单的动画效果

又是一个非常无脑的东西不过一个简单的平移我居然写了快两小时被自己蠢哭了= =。 虽然只是一个非常简单的动画效果不过通过这两个小时踩了许多坑之后也算是对js的一些机制有更明确的认识。——–特别是关于获取样式的问题: 在没有通过dom为样式赋值之前无法通过dom获取样式属性即使该样式属性已经在样式...
  • cjx1997
  • cjx1997
  • 2016-10-28 20:40
  • 1156

HTML5 Canvas动画效果演示

演示基于HTML5 Canvas的动画绘制技巧,实现帧播放效果。同时还是演示了物体移动 的基本技巧。
  • jia20003
  • jia20003
  • 2013-07-11 10:32
  • 12840
    个人资料
    • 访问:18977次
    • 积分:533
    • 等级:
    • 排名:千里之外
    • 原创:34篇
    • 转载:1篇
    • 译文:0篇
    • 评论:16条
    文章分类
    最新评论