安卓应用开发——Android Studio中图片动画效果的实现

一、前情提要

  在一些软件中我们常在其中看到一些小部件的动画效果，有位移、透明度、缩放、旋转等画面的变动，像小视频的连续点亮小红心的效果就是这些功能的组合所形成。而，在软件应用开发中为了让界面和效果更好看，今天让我们一起来学习一下小红心的动画效果是怎么实现的。

项目效果图：

项目演示：

点亮小红心

 

二、简单思路

  本次功能设计需要一个页面，在工程开始之前提前为页面取好简单易懂的名字即可，方便后续查看。（本次设计主页面我们取名为MainActivity）

1.主页面设计  →  2.按钮布局（注意水平垂直约束）  →  3.按钮绑定  →  4.各功能实现 

本次工程项目我们准备实现位移、透明度、缩放、旋转的动画效果以及小红心最终的跳动效果。

三、代码实现

  因为本次设计主要介绍提讲JAVA的代码实现，所以设计界面因个人喜好扩展和设计，本次介绍页面采用简洁设计。

1.主页面设计以及按钮的布局

效果图：

  除了位移、透明度、缩放、旋转、组合的五个按钮外，其他的是下期我们会实现到的数据库存储功能，可以选择直接忽视，在后续代码中会取消掉，不用在意后面布局代码中的多余。

代码：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/