通过animation绘制动画

animation绘制同心圆

这里是动画相关的详细介绍

http://developer.android.com/intl/zh-cn/guide/topics/resources/animation-resource.html

在实现帧动画的时候有以下几点需要注意:

1)  帧动画不能根据你的view设置的大小进行自动放大缩小

2)  每帧大小需要定义的尺寸一样

实例:

1、  在drawable中实现图片帧(这里实现简单两帧)

frame0.xml中内容如下:

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item>

<shape android:shape="oval">

<solid android:color="@android:color/transparent" />

<size android:width="200dp" android:height="200dp"/>

</shape>

</item>

<item android:bottom="56dp"

android:left="56dp"

android:right="56dp"

android:top="56dp">

<shape android:shape="oval">

<solid android:color="#FF16ae2b" />

</shape>

</item>

</layer-list>

frame1.xml中内容如下:

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<!-- inner shadow of outer circle -->

<item>

<shape android:shape="oval">

<solid android:color="@android:color/transparent" />

<size android:width="200dp" android:height="200dp"/>

</shape>

</item>

<item

android:bottom="36dp"

android:left="36dp"

android:right="36dp"

android:top="36dp">

<shape android:shape="oval">

<stroke android:width="2dp" android:color="#cF16ae2b" />

<solid android:color="@android:color/transparent" />

</shape>

</item>

<item

android:bottom="48dp"

android:left="48dp"

android:right="48dp"

android:top="48dp">

<shape android:shape="oval">

<stroke android:width="2dp" android:color="#FF16ae2b" />

<solid android:color="@android:color/transparent" />

</shape>

</item>

<item

android:bottom="56dp"

android:left="56dp"

android:right="56dp"

android:top="56dp">

<shape android:shape="oval">

<solid android:color="#FF16ae2b" />

</shape>

</item>

</layer-list>

2、 在res/anim中实现动画

anim0.xml中内容如下:

<?xml version="1.0" encoding="utf-8"?>

<animation-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/frame0" android:duration="80" />

<item android:drawable="@drawable/frame1" android:duration="80" />

</animation-list>

3、代码实现
private AnimationDrawable showDrawable = null;

protected void onCreate(Bundle
savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

showDrawable
= (AnimationDrawable)context.getResources().getDrawable(R.anim.anim0);

showDrawable.setOneShot(true);

//this.setBackgroundDrawable(showDrawable);将其放到一个view中

}

时间: 2024-10-15 08:56:27

通过animation绘制动画的相关文章

SVG Drawing Animation - SVG 绘制动画

一个小实验,探索 SVG 线图动画的使用情况,以前沿的展示形式呈现图形或网站元素的外观,模拟它们的加载.SVG 真的很强大,有许多创造性和可能性,使用 SVG 可以制作各种有趣的网站交互效果.今天这篇文章给大家想分享一组实验 SVG 绘制动画的例子. 在线演示      源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示 十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码

Android中使用SurfaceView和Canvas来绘制动画

其实每个View中都有Canvas可以用来绘制动画,只需要在这个View中重载onDraw()方法就可以,但是SurfaceView类是一个专门用来制动动画的类. Canvas(中文叫做"画布")就和HTML5中的canvas标签一样可以在一定区域内自由绘制图形.Canvas+SurfaceView制作的动画与View Animation和Property Animation这类动画比起来更加适合大量的集中播放的动画,比如游戏画面.相机的图像显示等. 因为SurfaceView通常会在

(转)Android Property Animation 属性动画

版权声明:本文为博主原创文章,未经博主允许不得转载. http://blog.csdn.net/jjwwmlp456/article/details/38518657 目录(?)[-] Property Animation介绍 3.0以后新增了一些View的属性 ObjectAnimator 对象动画 ObjectAnimator的xml实现 xml定义动画 代码加载 动画xml AnimatorSet 动画集 xml定义动画集 代码加载 动画集的xml PropertyValuesHolder

CAKeyframeAnimation path 绘制动画 和 《CALayer 自定义属性绘制动画》 的比较

在<CALayer 自定义属性绘制动画>中讲解通过CALayer 自定义动画属性绘制圆,使用CABasicAnimation添加绘制动画,下面通过CGPath绘制圆使用CAKeyframeAnimation添加绘制动画 UIBezierPath *path = [UIBezierPathbezierPathWithArcCenter:CGPointMake(20, 20) radius:20 startAngle:0 endAngle:2*M_PIclockwise:0]; CAKeyfram

iOS - Core Animation(核心动画)

Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能.Core Animation可以用在Mac OS X和iOS平台.Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程.要注意的是,Core Animation是直接作用在CALayer上的,并非UIView. CALayer与UIView的关系 在iOS中,你能看得见摸得着的东西基本上都是

UIView下使用Animation控制动画

UIView下使用Animation控制动画 动画效果是IOS界面重要的特色之一,其中CAAnimation是所有动画对象的抽象父类,作为新人,使用较多的是UIView下的动画方法(类方法).使用UIView下的动画,有下面几个方法. 方法一:设置beginAnimations 其中memberView为需要添加的子视图的视图,mivc.view为子视图,在使用的时候,需要将这两个地方替换 [cpp] view plaincopyprint? [UIView beginAnimations:@"

transition和animation做动画(css动画二)

前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! translate:平移:是transform的一个属性: transform:变形:是一个静态属性,可以改变元素的形状或位置,做出2d或3d效果: transition:过渡,转变:使css属性值在一段时间内平滑的变化,需要有触发条件(如hover等),是animation的简化版: animation:动画:可以设置多帧效果,然后把它们组合变换,按动画效果展示出来: 1. transition 过渡

iOS开发 - Core Animation 核心动画

Core Animation Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍.也就是说,使用少量的代码就可以实现非常强大的功能. Core Animation可以用在Mac OS X和iOS平台. Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程. 要注意的是,Core Animation是直接作用在CALayer上的,并非UIView. 乔帮主在2007年的WWDC大会上亲自为你演

[ css 动画 animation ] animation新增动画属性的实例演示

<!DOCTYPE html> <html lang='zh-cn'> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>[ animation ] 新增动画属性的实例演示</title> <meta http-equiv='description' content='this