Android 鱼游泳动画

最新推荐文章于 2021-05-26 00:22:58 发布
最新推荐文章于 2021-05-26 00:22:58 发布
阅读量980 收藏 3
点赞数 1
分类专栏： android animation
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cencibuqi/article/details/86024813
版权

最近公司有个需求，做一个鱼游泳的动画效果，之前对android的动画，不是特别熟练，趁这个机会复习下动画相关的知识，

主要用到了，帧动画，旋转动画，平移动画

本人很少写博客，项目中很多可以优化的地方，比如命名不规范，动画效果写的比较乱，写的不好，时间匆忙，希望各位大神多多包含，指点，话不多说，直接上代码
 

效果图

xiaoguo

源码地址：https://download.csdn.net/download/cencibuqi/10918517

1.布局文件

   

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.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/content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/icon_computepower_bg"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity"
    tools:layout_editor_absoluteY="25dp">

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_right"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/app_name"
        app:layout_constraintBottom_toBottomOf="@id/content"
        app:layout_constraintRight_toRightOf="@id/content" />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_right2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/app_name"
        app:layout_constraintBottom_toTopOf="@id/iv_right"
        app:layout_constraintRight_toRightOf="@id/content" />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_left"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/app_name"
        android:src="@mipmap/shark1"
        app:layout_constraintBottom_toBottomOf="@id/content"
        app:layout_constraintRight_toLeftOf="@id/content" />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_left2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/shark1"
        app:layout_constraintBottom_toTopOf="@id/iv_left"
        app:layout_constraintRight_toLeftOf="@id/content" />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />
    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_center1"
        android:layout_marginTop="40dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@id/iv_center"
        app:layout_constraintStart_toEndOf="@id/iv_center"
        />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_center2"
        android:layout_marginTop="40dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@id/iv_center1"
        app:layout_constraintStart_toEndOf="@id/iv_center1"
        />
    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_center3"
        android:layout_marginTop="40dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@id/iv_center2"
        app:layout_constraintStart_toEndOf="@id/iv_center2"
        />


    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_bottom"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_bottom1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_bottom" />

    <ImageView
        android:visibility="gone"
        android:id="@+id/iv_bottom2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="40dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/iv_bottom1" />




</android.support.constraint.ConstraintLayout>

2.MainActivity代码

package com.example.administrator.animationdemo;

import android.annotation.SuppressLint;
import android.graphics.Color;
import android.graphics.drawable.AnimationDrawable;
import android.os.Build;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v7.app.AppCompatActivity;
import android.util.DisplayMetrics;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.LinearInterpolator;
import android.view.animation.RotateAnimation;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;

import java.util.Random;

import butterknife.BindView;
import butterknife.ButterKnife;

public class MainActivity extends AppCompatActivity {

    private static final int TYPE_1 = 1;//从左到右 带旋转角度
    private static final int TYPE_2 = 2;//从右到左 带旋转角度
    private static final int TYPE_3 = 3;//从左到右  直线
    private static final int TYPE_4 = 4;//从右到左  直线
    private static final int HANDLER_100 = 100;//从右到左  直线
    private static final int HANDLER_101 = 101;//从右到左  直线

    @BindView(R.id.iv_right)
    ImageView ivRight;
    @BindView(R.id.iv_right2)
    ImageView ivRight2;
    @BindView(R.id.iv_left)
    ImageView ivLeft;
    @BindView(R.id.iv_left2)
    ImageView ivLeft2;
    @BindView(R.id.iv_center)
    ImageView ivCenter;
    @BindView(R.id.iv_center1)
    ImageView ivCenter1;
    @BindView(R.id.iv_center2)
    ImageView ivCenter2;
    @BindView(R.id.iv_center3)
    ImageView ivCenter3;
    @BindView(R.id.iv_bottom)
    ImageView ivBottom;
    @BindView(R.id.iv_bottom1)
    ImageView ivBottom1;


    private int screen_x; // 屏幕宽度（像素）
    private int screen_y; // 屏幕高度（像素）

    @SuppressLint("HandlerLeak")
    private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            switch (msg.what) {
                case HANDLER_100:
                    initAnimation(TYPE_2, newWidth, ivLeft2);
                    initAnimation(TYPE_3, -screen_y, ivCenter);
                    initAnimation(TYPE_4, screen_y, ivBottom);
                    break;
                case HANDLER_101:
                    initAnimation(TYPE_3, -screen_y, ivCenter1);
                    initAnimation(TYPE_3, -screen_y, ivCenter2);
                    initAnimation(TYPE_1, -newWidth, ivRight);
                    break;
            }
        }
    };

    private int newWidth;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        setStatusBarFullTransparent();
        DisplayMetrics metric = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(metric);
        screen_x = metric.widthPixels;
        screen_y = metric.heightPixels;


        /**
         * wyt鱼游泳代码
         */
        newWidth = screen_x + 800;
        ivLeft.setImageResource(R.drawable.sha_animlist);
        ivLeft2.setImageResource(R.drawable.hong_animlist);
        setFrameAnimation(ivLeft);
        setFrameAnimation(ivLeft2);


        ivRight.setImageResource(R.drawable.jin_animlist);
        ivRight2.setImageResource(R.drawable.shark_animlist);
        setFrameAnimation(ivRight);
        setFrameAnimation(ivRight2);


        ivBottom.setImageResource(R.drawable.sha_animlist);
        ivBottom1.setImageResource(R.drawable.hong_animlist);
        setFrameAnimation(ivBottom);
        setFrameAnimation(ivBottom1);


        ivCenter.setImageResource(R.drawable.jin_animlist);
        ivCenter1.setImageResource(R.drawable.shark_animlist);
        ivCenter2.setImageResource(R.drawable.jin_animlist);
        ivCenter3.setImageResource(R.drawable.jin_animlist);
        setFrameAnimation(ivCenter);
        setFrameAnimation(ivCenter1);
        setFrameAnimation(ivCenter2);
        setFrameAnimation(ivCenter3);


        initAnimation(TYPE_2, newWidth, ivLeft);

        initAnimation(TYPE_4, screen_y, ivBottom1);


        initAnimation(TYPE_1, -newWidth, ivRight2);

        initAnimation(TYPE_3, -screen_y, ivCenter3);

        mHandler.sendEmptyMessageDelayed(HANDLER_100, 8000);
        mHandler.sendEmptyMessageDelayed(HANDLER_101, 4000);

        mHandler.sendEmptyMessage(0);

        //读取文件权限


    }

    private void setFrameAnimation(ImageView iv) {
        AnimationDrawable drawable = (AnimationDrawable) iv.getDrawable();
        drawable.start();
    }

    private void initAnimation(int type, int height, ImageView iv) {
        iv.setVisibility(View.VISIBLE);
        float v = 1;
//        int degress = 40;
        /**
         * 旋转
         */
        RotateAnimation rotateAnimation = null;
        TranslateAnimation translateAnimation = null;
        Random random = new Random();
        int value = random.nextInt(50) + 1;
        if (type == TYPE_1) {
            translateAnimation = new TranslateAnimation(0f, height, 0f, 0f);
            rotateAnimation = new RotateAnimation(0, value, RotateAnimation.RELATIVE_TO_SELF, v, RotateAnimation.RELATIVE_TO_SELF, v);
        } else if (type == TYPE_2) {
            translateAnimation = new TranslateAnimation(0f, height, 0f, 0f);
            rotateAnimation = new RotateAnimation(0, -value, RotateAnimation.RELATIVE_TO_SELF, v, RotateAnimation.RELATIVE_TO_SELF, v);
        } else if (type == TYPE_3) {
            translateAnimation = new TranslateAnimation(0f, height, 0f, 0f);
            rotateAnimation = new RotateAnimation(0, -value, RotateAnimation.RELATIVE_TO_SELF, v, RotateAnimation.RELATIVE_TO_SELF, v);
        } else if (type == TYPE_4) {
            translateAnimation = new TranslateAnimation(0f, height, 0f, 0f);
            rotateAnimation = new RotateAnimation(0, value, RotateAnimation.RELATIVE_TO_SELF, v, RotateAnimation.RELATIVE_TO_SELF, v);
        }

        /**
         * 平移
         */


        AnimationSet animationSet = new AnimationSet(true);
        animationSet.setDuration(15000);

        animationSet.setInterpolator(new LinearInterpolator());

        if (translateAnimation != null) {
            animationSet.addAnimation(translateAnimation);
            translateAnimation.setRepeatCount(Animation.INFINITE);
        }
        if (rotateAnimation != null) {
            animationSet.addAnimation(rotateAnimation);
        }

        iv.startAnimation(animationSet);
    }




    /**
     * 全透状态栏
     */
    protected void setStatusBarFullTransparent() {
        if (Build.VERSION.SDK_INT >= 21) {//21表示5.0
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
        } else if (Build.VERSION.SDK_INT >= 19) {//19表示4.4
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            //虚拟键盘也透明
            //getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
        }
    }



}

3.帧动画资源

 hong_animlist.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/hong1"
        android:duration="200" />
    <item
        android:drawable="@mipmap/hong2"
        android:duration="200" />
    <item
        android:drawable="@mipmap/hong3"
        android:duration="200" />
    <item
        android:drawable="@mipmap/hong4"
        android:duration="200" />
    <item
        android:drawable="@mipmap/hong5"
        android:duration="200" />
    <item
        android:drawable="@mipmap/hong6"
        android:duration="200" />

</animation-list>

jin_animlist.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/jin1"
        android:duration="200" />
    <item
        android:drawable="@mipmap/jin2"
        android:duration="200" />
    <item
        android:drawable="@mipmap/jin3"
        android:duration="200" />
    <item
        android:drawable="@mipmap/jin4"
        android:duration="200" />
    <item
        android:drawable="@mipmap/jin5"
        android:duration="200" />

</animation-list>

sha_animlist.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/hua1"
        android:duration="300" />
    <item
        android:drawable="@mipmap/hua2"
        android:duration="300" />
    <item
        android:drawable="@mipmap/hua3"
        android:duration="300" />
    <item
        android:drawable="@mipmap/hua4"
        android:duration="300" />
    <item
        android:drawable="@mipmap/hua5"
        android:duration="300" />


</animation-list>

shark_animlist.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@mipmap/shark1"
        android:duration="200" />
    <item
        android:drawable="@mipmap/shark2"
        android:duration="200" />
    <item
        android:drawable="@mipmap/shark3"
        android:duration="200" />
    <item
        android:drawable="@mipmap/shark4"
        android:duration="200" />

</animation-list>

4.图片资源

res

5.最终效果图

源码地址：https://download.csdn.net/download/cencibuqi/10918517

 

w_wyt
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 动画 游动的鱼
01-18
Android 动画 游动的鱼 精品动画Android 动画 游动的鱼 精品动画
安卓实例 游动的小鱼
08-29
游动的小鱼
android 小鱼在水中游
The_dakeLaugh的博客
04-21 707
MainActivity.javapackage com.zlp.demo;import java.util.Random;import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.util.DisplayMet
Android版年年有鱼游戏源码
weixin_30360497的博客
03-13 87
具体的功能如下： 欢迎动画界面 ，游戏运行后首先进入的界面。 菜单的选择，游戏中还需要设计出菜单界面，菜单界面是玩家对游戏的第一印象，菜单界面的美观与否，直接决定着游戏的成功与失败。 游戏的音效，游戏的过程中需要在适当的位置添加上音效，并且可以对音效进行开与关闭的设置 。 屏幕触控，主要完成玩家与游戏的交互。 游戏用到的类： 该游戏中开发的类比较多，为了让读者能够更好的理解各个类的在游...
android开发 鱼动画,自定义Drawable实现灵动的红鲤鱼动画（上篇）
weixin_26800111的博客
05-26 288
此篇中的小鱼动画是模仿国外一个大牛做的flash动画，第一眼就爱上它了，简约灵动又不失美学，于是抽空试着尝试了一下，如下是我用Android实现的效果图：小鱼儿由于整个绘制分析过程比较繁琐所以灵动的红鲤鱼准备做成上下两篇，本篇是小鱼儿绘制的实现篇，第二篇是小鱼儿游动控制篇下篇传送门。本篇实现如下效果：原地摆尾版绘制实现篇用到如下主要的技术:1)、自定义Drawable动画2)、Android的坐标...
android课程Animation开机动画的优化 1
08-04
在Android系统中，开机动画的展示是通过一个名为`bootanimation`的程序来实现的。这个程序在系统启动过程中负责播放预定义的动画，给用户带来视觉反馈，直到操作系统完全加载并准备就绪。在Android 2.0及其之后的...
android 捕鱼应用源代码
04-24
4. **动画与物理模拟**：为了让游戏更逼真，需要实现鱼的动态游泳、碰撞检测以及子弹轨迹的物理模拟。这些通常通过自定义动画和物理引擎实现。 5. **多线程**：为了保证游戏流畅性，大部分计算和渲染工作会在单独的...
android自定义炫酷UI-灵动的锦鲤
04-14
通过自定义android高级UI实现了一种类似小鱼游泳的炫酷效果，自定义drawable、自定义layout、属性动画的使用、点击事件的处理、水波纹效果、贝塞尔曲线的使用等等，实现的小鱼不仅会动，还能根据鼠标点击的位置进行...
SwimTimeConverterApp:一个游泳时间转换Android应用
07-05
SwimTimeConverterApp是一款专为游泳爱好者设计的Android应用程序，其主要功能是帮助用户将游泳时间数据进行转换，便于分析和比较。这款应用利用Java语言进行开发，充分体现了Java在移动应用开发领域的广泛应用。 ...
android打印动画,用 Android 实现一条小金鱼游动动画（超棒）
weixin_36243867的博客
05-25 283
原标题：用 Android 实现一条小金鱼游动动画(超棒)前言此篇中的小鱼动画是模仿国外一个大牛做的flash动画，第一眼就爱上它了，简约灵动又不失美学，于是抽空试着尝试了一下，如下是我用Android实现的效果图： 绘制实现篇用到如下主要的技术:1)、自定义Drawable动画2)、Android的坐标及角度3)、Canvas中layer的使用4)、正余弦函数的使用以及角度角和弧度角的转换下图是...
flash 2D逼真游动的鱼_flash鱼游动动画素材下载
09-14
flash 2D逼真游动的鱼_flash鱼游动动画素材下载
关于鱼的游动轨迹的算法
07-27
关于物体运动的轨迹的算法，找了好久才找到，分享给你们大家
鱼类游动代码
07-06
海底鱼类随机点游动，转向很柔和，比较真实，可以采纳
游泳的鱼 flash动画
07-22
flash动画，游泳的鱼 供参考!!!!!!!!
如何使用SurfaceView实现鱼儿游动动画
08-27
主要教大家如何使用SurfaceView实现鱼儿游动动画，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
android 仿鱼儿游动
程序猫的博客
11-30 722
很久之前做过一个风水项目，需要自定义一个放生池，模拟鱼儿在水里游动，用户可以购买鱼然后显示在池子里面，点击还可以弹窗显示放生人的信息。趁着现在有空写篇博客记录下。 先说一下思路，分析下需求可以点击，那么这条鱼优先考虑继承 imageView 这样方便我们去处理点击事件，然后是水池，不多想就决定继承viewGroup重写它的onLayout方法不断的进行鱼儿的摆放来咱们上一道菜：清蒸罗非鱼 p...
android 更加复杂的小鱼游
The_dakeLaugh的博客
04-21 673
MainActivity.javapackage com.mz.demo09;import java.util.Random;import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.util.DisplayMe
Android自定义控件绘制鱼，并且模拟鱼游动
weixin_39413778的博客
02-12 412
整体代码鱼的游动还是不太明白，抄的享学老师的代码，先这样吧 先上效果图： 画鱼的代码 package com.lgj.xxkt.ui; import android.animation.ValueAnimator; import android.graphics.Canvas; import android.graphics.ColorFilter; import android.graphics.Paint; import android.graphics.Path; import android.
自定义Drawable实现灵动的红鲤鱼动画（上篇）
Jcs_533的博客
07-13 2351
此篇中的小鱼动画是模仿国外一个大牛做的flash动画，第一眼就爱上它了，简约灵动又不失美学
6-绘图1
最新发布
08-08
本章主要探讨了几个关键知识点，包括`Path`图片、Android动画的使用、`scaleType`属性、布局设计及其性能、`Weight`属性在`LinearLayout`中的应用、屏幕适配以及UI适配策略。 1. `Path`图片：`Path`是Android图形库...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值