<Android 基础(二十五)> View Animation

原创 2016年10月16日 09:07:18

简介

视图动画,主要包括位移,透明度,旋转和缩放,View本身的属性并没有发生变化,只是在这个视图上添加一些渐变的效果,所以总体而言,视图动画只能实现一些简单的动画效果,属性动画功能更强大。

使用

res/anim目录下创建动画资源文件,存放帧动画和渐变动画,主要tag:
set, alpha, scale, tranlate, rotate分别对应动画集合,透明动画,缩放动画,位移动画,旋转动画

格式

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@[package:]anim/interpolator_resource"
    android:shareInterpolator=["true" | "false"] >//子元素是否共享这个插值器

    <!--[0.0   ,   1.0] -->
    <alpha
        android:fromAlpha="float"
        android:toAlpha="float" />

    <!--[0.0, ?]
    <!-- pivotX,pivotY用来控制缩放的中心点-->
    <scale
        android:fromXScale="float"
        android:toXScale="float"
        android:fromYScale="float"
        android:toYScale="float"
        android:pivotX="float"
        android:pivotY="float" />

    <!-- in pixels relative to the normal position (such as "5"), in percentage relative to the element width (such as "5%"), or in percentage relative to the parent width (such as "5%p")-->
    <translate
        android:fromXDelta="float"
        android:toXDelta="float"
        android:fromYDelta="float"
        android:toYDelta="float" />

    <!-- android:pivotX, android:pivotY ----  n pixels relative to the object's left edge (such as "5"), in percentage relative to the object's left edge (such as "5%"), or in percentage relative to the parent container's left edge (such as "5%p") -->
    <rotate
        android:fromDegrees="float"
        android:toDegrees="float"
        android:pivotX="float"
        android:pivotY="float" />
    <set>
        ...
    </set>
</set>

< scale >

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale
        android:duration="2000"//时常(运行代码不要在这里做注释)
        android:pivotX="50%"
        android:pivotY="50%"//缩放中心点为视图的中心
        android:fromXScale="1.0"//起点大小
        android:fromYScale="1.0"
        android:toXScale="2.0"//目标大小
        android:toYScale="2.0" />
</set>

这里写图片描述

< alpha>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:duration="2000"//时常
        android:fromAlpha="1.0"//起始透明度
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"//插值
        android:toAlpha="0.0" />//目标透明度
</set>

这里写图片描述

< rotate>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <rotate
        android:duration="2000"//时常
        android:fromDegrees="0"//起始角度
        android:interpolator="@android:anim/decelerate_interpolator"//插值
        android:pivotX="50%"
        android:pivotY="50%"//旋转中心点为视图中心
        android:toDegrees="180" />//目标角度
</set>

这里写图片描述

< translate>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="2000"//时常
        android:fromXDelta="0"
        android:fromYDelta="0"//起始位置相对于视图的位移
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toXDelta="300"
        android:toYDelta="300" />//目标位置相对于视图的位移
</set>

这里写图片描述

< set>

将上面的代码各种渐变动画全部防止在< set >tag下,实现共同效果

这里写图片描述

备注

代码中加载动画,例如旋转动画:

rotateAnim = AnimationUtils.loadAnimation(this, R.anim.rotate_anim);
imageView.startAnimation(rotateAnim);
版权声明:本文为博主原创文章,未经博主允许不得转载。

java语言程序设计基础篇第十二章编程练习题

1package yongheng; import java.util.Scanner;public class Calculator { public static void main(Str...
  • gyhguoge01234
  • gyhguoge01234
  • 2016年09月08日 22:21
  • 2522

Java语言程序设计(基础篇)原书第十版 课后习题 第五章

import java.util.Scanner; public class Code_Practice_5 { public static void main(String[] args) {...
  • zjjoebloggs
  • zjjoebloggs
  • 2015年10月21日 20:27
  • 9893

Java语言程序设计基础篇原书第十版第五章综合题答案

循环的综合题。需要其它讲解的话,评论中留下题号。
  • Tanganling
  • Tanganling
  • 2016年11月13日 13:01
  • 3698

<Android 基础(二十五)> Frame Animation

Frame Animation | Animation Drawable
  • poorkick
  • poorkick
  • 2016年10月24日 11:25
  • 598

Android开发-自定义View-AndroidStudio(二十五)数独(2)Handler延迟

  • 2017年01月06日 15:21
  • 24.71MB
  • 下载

Android开发-自定义View-AndroidStudio(二十五)数独(2)Handler延迟

转载请注明出处:http://blog.csdn.net/iwanghang/article/details/54138268 觉得博文有用,请点赞,请评论,请关注,谢谢!~ 老规矩,先上GIF动...
  • iwanghang
  • iwanghang
  • 2017年01月06日 15:14
  • 888

【Android基础知识】Drawable Animation和View Animation

Android中的动画主要分为三类 1.Drawable Animation 2.View Animation 3.Property Animation 这里介绍其中的两类,Drawable ...
  • u010583599
  • u010583599
  • 2016年07月25日 12:06
  • 715

Android 的动画 I-基础知识和View Animation&Drawable Animation

Android 的动画 I-基础知识和View Animation&Drawable Animation
  • FearlessChen
  • FearlessChen
  • 2015年12月20日 15:51
  • 274

博客《Android动画之二:View Animation》附带源码 ViewAnimationDemo

  • 2014年10月26日 12:16
  • 1.42MB
  • 下载

android-view-animation抖动shake

  • 2013年12月13日 16:03
  • 1.37MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:<Android 基础(二十五)> View Animation
举报原因:
原因补充:

(最多只允许输入30个字)