Android 安卓动画 属性动画 - 旋转动画
引入
属性动画的出现,弥补了补间动画的不足之处,补间动画,只是改变了表面上的东西,但是其中属性并未改变,而属性动画相反,改变了表面上的东西,并且也更改了其属性。
类:ObjectAnimator
用于操作属性动画的类
动画 - 相关文章篇
帧动画
帧动画: https://blog.csdn.net/qq_40881680/article/details/82222684
补间动画
补间动画-平移动画: https://blog.csdn.net/qq_40881680/article/details/82255459
补间动画-缩放动画: https://blog.csdn.net/qq_40881680/article/details/82260914
补间动画-旋转动画: https://blog.csdn.net/qq_40881680/article/details/82261557
补间动画-透明/渐变动画: https://blog.csdn.net/qq_40881680/article/details/82261869
补间动画-组合动画(四个动画一起播放): https://blog.csdn.net/qq_40881680/article/details/82285987
属性动画
属性动画-渐变透明动画: https://blog.csdn.net/qq_40881680/article/details/82318363
属性动画-旋转动画: https://blog.csdn.net/qq_40881680/article/details/82354017
属性动画-缩放动画: https://blog.csdn.net/qq_40881680/article/details/82377850
属性动画-移动动画: https://blog.csdn.net/qq_40881680/article/details/82378391
属性动画-组合动画: https://blog.csdn.net/qq_40881680/article/details/82381258
布局文件 篇
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".MainActivity"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:background="#9c98ce"android:orientation="vertical"android:paddingLeft="20dp"android:paddingRight="20dp"android:paddingTop="10dp"><Buttonandroid:id="@+id/button"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="#5b7bda"android:text="点击演示动画"android:textColor="#fff" /></LinearLayout><LinearLayoutandroid:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="4"android:orientation="vertical"><ImageViewandroid:id="@+id/image"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:layout_marginTop="20dp"android:background="@mipmap/kuiba" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center"android:text="《魁拔》"android:textSize="18sp" /></LinearLayout></LinearLayout>
代码逻辑 篇
属性动画用到的是:ObjectAnimator
package com.example.text.shuxingdonghua;import android.animation.ObjectAnimator;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;public class MainActivity extends AppCompatActivity implements View.OnClickListener {ObjectAnimator objectAnimator;private Button button;private ImageView image;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}private void initView() {button = (Button) findViewById(R.id.button);image = (ImageView) findViewById(R.id.image);button.setOnClickListener(this);image.setOnClickListener(this);}@Overridepublic void onClick(View v) {switch (v.getId()) {case R.id.button:objectAnimator = ObjectAnimator.ofFloat(image,"rotation",360f);objectAnimator.setDuration(2000);objectAnimator.start();break;case R.id.image:Toast.makeText(this, "我是属性动画", Toast.LENGTH_SHORT).show();break;}}
}
AndroidStudio快速实例化-插件安装与使用:https://blog.csdn.net/qq_40881680/article/details/82012180
objectAnimator = ObjectAnimator.ofFloat(image,"rotation",360f);
将图片旋转360度,只有一次效果
objectAnimator = ObjectAnimator.ofFloat(image,"rotation",0f,360f);
将图片,从初始值0度,顺时针转360度
objectAnimator = ObjectAnimator.ofFloat(image,"rotation",0f,360f,0f);
将图片,从初始0度,顺时针旋转360度,再逆时针旋转360度到0度
ObjectAnimator.ofFloat()括号中的参数:
第一个参数,要实现动画的控件id
第二个参数,要实现的动画属性,以下列出6种:
propertyName |
详细作用 |
---|---|
alpha | 实现渐变效果 |
rotation | 实现旋转旋转效果 |
translationX | 实现水平移动效果(左或右移动) |
translationY | 实现纵向移动效果(向上或者向下移动) |
scaleX | 实现轴X缩放效果(放大或者缩小) |
scaleY | 实现轴Y缩放效果(放大或者缩小) |
后面的参数就不多做解释了,以上都有
效果演示 篇
第一种:将图片旋转360度
第二种:将图片,从初始值0度,顺时针转360度
第三种:将图片,从初始0度,顺时针旋转360度,再逆时针旋转360度到0度
Android 安卓动画 属性动画 - 旋转动画相关推荐
- CSS3 元素转圈动画 (元素旋转动画)
CSS3 元素转圈动画 (元素旋转动画) <!DOCTYPE html> <html> <head> <style> div { width:100px ...
- Android 围绕图片中心的旋转动画
本文主要介绍Android中如何使用rotate实现图片不停旋转的效果.Android 平台提供了两类动画,一类是 Tween 动画,即通过对场景里的对象不断做图像变换(平移.缩放.旋转)产生动画效果 ...
- css3新增动画属性(过度动画 变形动画 关键帧动画)
目录 过度动画transition 多属性值过渡 2d变形transform 平移 应用:实现居中(不要求知道盒子的宽高) 缩放 旋转 倾斜 修改变形中心的属性 变形属性的复合写法 3D变形动画 3d ...
- 实现按钮边框动画+摩天轮旋转动画+水印实现
如何实现呢? 首先就是分析如何将这6个图片分布成该方式,那我们就需要将6张图片设置水平垂直居中,然后计算出x,y轴坐标,然后移动到相应位置. 动画效果,只需将父盒子使用css3 animation动画 ...
- 3dsmax动画三、旋转动画及分离支点。
①分别创建茶壶(teapot)和tube(管状物). ②制作茶壶倒水的动画. 第0帧到第12帧做一个拿起来,移动的操作. 再第12帧到第24帧做一个旋转茶壶的动作. 首先在第12帧做一个旋转起始帧.然 ...
- Android动画攻略—帧动画、补间动画、属性动画
前言 动画时Android开发中使用频率比较高的功能. 对Android提供的补间动画,帧动画以及属性动画做出归纳总结. 目录 1. 帧动画 帧动画总体实现比较简单,其实现本身是实现一个图片集的连续播 ...
- android动画能超过父容器吗,Android中你不得不知道的动画知识 (一)
动画基础 在日常开发中,我们往往不是仅仅局限于实现产品相应的功能就可以了,为了达到更好的用户体验我们还会加入一些比较好看的动画效果.今天我就来总结一下动画相关的一些知识. Android系统提供了很多 ...
- Silverlight Blend动画设计系列二:旋转动画(RotateTransform)
原文:Silverlight & Blend动画设计系列二:旋转动画(RotateTransform) Silverlight的基础动画包括偏移.旋转.缩放.倾斜和翻转动画,这些基础动画毫无疑 ...
- SVG基本使用(四、动画、动画常用属性、复合动画/往返动画/形变动画/路径动画、脚本编程
一.动画 1.SVG动画 在SVG中提供了三种常用动画标记 animate:基础动画 animateTransform:形变动画 animateMotion:路径动画 2.SVG动画属性 attrib ...
- 镜像css3,利用css动画属性rotate来实现镜像翻转_WEB前端开发
layui中使用的一些弹出框_WEB前端开发 Layui是一款采用自身模块规范编写的情怀型前端UI框架,本文就来为大家介绍一下layui中使用的一些弹出框,希望对大家有一定的帮助. 要实现镜像翻转,有 ...
最新文章
- install python+twisted+mysqldb+django on mac
- pyInstaller 参数简介
- NewSQL——优化的SQL存储引擎(TokuDB, MemSQL)+?
- 将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法(亲测)
- 汽车电子专业知识篇(十五)-整车电气系统设计——高压系统集成方案
- React学习初探(环境搭建)
- MySQL学习笔记之MySQL安装详解
- Hbuilder开发app实战-识岁06-face++的js实现【完结】
- TRAC 整合已有的SVN目录
- 即学即会 Serverless | 初识 Serverless 架构
- 如何理解和应用Java的多态
- 中亿验钞机升级_最前线|火山小视频升级为抖音火山版,抗衡快手火力更足了吗?...
- 计算机排版自然段视频教程,排版教程(新手电脑排版教程视频)
- excel文件修复工具_DBF Doctor下载_DBF文件修复软件官方版下载[管理工具]
- 手工查杀威金病毒,完全恢复exe程序
- 电脑如何设置颜色保护眼睛
- ACM一年总结(写于2011年11月18日)
- 【PIE-Engine Studio学习笔记06】图像分类——监督分类
- 深度学习各指标计算(Jaccard,Dice,Sensitive,Specificity,PPv,NPV,Accuracy)
- 菱形是一种特殊的平行四边形,是四条边均相等的平行四边形。题目给出菱形的边长n,用*画出菱形。如n=1,输出: