Android动画——按钮动画的代码

最新推荐文章于 2021-05-25 15:57:30 发布

原创

最新推荐文章于 2021-05-25 15:57:30 发布 · 1.8k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#android studio #动画 #android

这篇博客介绍了如何使用Android Studio实现按钮的动画效果，包括点击后按钮从中心散开和收回的动效，通过XML和interpolator动画来实现。

利用很粗暴的方式实现了按钮动画的功能，目前还是没办法弄成呈圆形散列开来。

总的来说还是勉强实现了点开八个按钮从中心散出，再点就收回。利用了一些安卓自带的interpolator动画。

XML代码：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.myapplication.MainActivity">

    <ImageView
        android:id="@+id/i_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@mipmap/d" />
    <ImageView
        android:id="@+id/h_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@mipmap/h" />

    <ImageView
        android:id="@+id/g_icon"
        android:layout_width="wrap_content"
        android:layout_height=