Android如何用自定义View实现雪花效果

效果图

1.SnowView 类

package com.ilz.rocketapplication.handaccount.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.widget.RelativeLayout;

import com.ilz.rocketapplication.handaccount.R;
import com.ilz.rocketapplication.handaccount.bean.SnowBean;
import com.ilz.rocketapplication.handaccount.utils.ColorUtils;
import com.ilz.rocketapplication.handaccount.utils.Tools;

import java.util.ArrayList;
import java.util.List;
import java.util.Timer;
import java.util.TimerTask;

public class SnowView extends RelativeLayout {
//    private final String SNOW = "❄";
//    private final String SNOW = "☀❆★❉❈❀✿❃❁";
    private final String SNOW = "❄";
    private float vX = 2.5f;//风向 >0 右边飘 <0 左边飘
    private float vY = 5f;//下落速度 <0你的雪花要往上飘呀
    private int snowCount = 50;//雪花个数
    private List<SnowBean> snowBeanList = new ArrayList<>();

    private int XB = Tools.getWindowsWidth();
    private int YB = Tools.getWindowsHeight();

    private Paint paint = new Paint();
    private Timer timer;

    private boolean isStart = false;

    public SnowView(Context context) {
        this(context, null);
    }

    public SnowView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public SnowView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    private void initView() {
        paint.setAntiAlias(true);
        initSnowData();
    }

    public void start() {
        if (timer == null) {
            timer = new Timer();
        }
        isStart = true;
        timer.schedule(new TimerTask() {
            @Override
            public void run() {

                if (!isStart) return;
                for (int i = 0; i < snowBeanList.size(); i++) {

                    snowBeanList.get(i).setX(snowBeanList.get(i).getX() + vX);
                    snowBeanList.get(i).setY(snowBeanList.get(i).getY() + vY);

                    if (snowBeanList.get(i).getX() < 0 || snowBeanList.get(i).getX() > XB) {
                        snowBeanList.get(i).setX(getRandomX());
                    }
                    if (snowBeanList.get(i).getY() < 0 || snowBeanList.get(i).getY() > YB) {
                        snowBeanList.get(i).setY(0f);
                    }
                }

                postInvalidate();
            }
        }, 0, 15);
    }

    public void resume() {
        if (timer == null) {
            start();
        }
        isStart = true;
    }

    public void pause(){
        isStart = false;
    }

    public void destroy() {
        isStart = false;
        if (snowBeanList != null) {
            snowBeanList.clear();
        }
        invalidate();
        if (timer != null) {
            timer.cancel();
            timer = null;
        }
    }

    private void initSnowData() {
        for (int i = 0; i < snowCount; i++) {
            SnowBean bean = new SnowBean();
            bean.setX(getRandomX());
            bean.setY(getRandomY());
            bean.setSize((float) (Math.random() * 50) + 5);
            snowBeanList.add(bean);
        }
    }

    private float getRandomX() {
        return (float) (Math.random() * Tools.getWindowsWidth());
    }

    private float getRandomY() {
        return (float) (Math.random() * Tools.getWindowsHeight());
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for (int i = 0; i < snowBeanList.size(); i++) {
            SnowBean bean = snowBeanList.get(i);
            paint.setTextSize(bean.getSize());
            paint.setColor(bean.getColor());
            canvas.drawText(SNOW, bean.getX(), bean.getY(), paint);
        }
    }

    private GestureDetector  detector = new GestureDetector(getContext(),new MyGestureDetector());
    private boolean isPoint = false;
    private long pointTime = 0;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
//        switch (event.getAction()) {
//            case MotionEvent.ACTION_DOWN:
//                pointTime = 0;
//                int pCount = event.getPointerCount();
//                if (pCount >= 2) {
//                    isPoint = true;
//                    pointTime = System.currentTimeMillis();
//                }
//                break;
//            case MotionEvent.ACTION_MOVE:
//                break;
//            case MotionEvent.ACTION_UP:
//                isPoint = false;
//                pointTime = 0;
//                break;
//        }

//        return super.onTouchEvent(event);
        return detector.onTouchEvent(event);
    }

    private class MyGestureDetector implements GestureDetector.OnGestureListener, GestureDetector.OnDoubleTapListener {

        @Override
        public boolean onDown(MotionEvent e) {
            return false;
        }

        @Override
        public void onShowPress(MotionEvent e) {

        }

        @Override
        public boolean onSingleTapUp(MotionEvent e) {
            return false;
        }

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            return false;
        }

        @Override
        public void onLongPress(MotionEvent e) {

        }

        @Override
        public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
            return false;
        }

        @Override
        public boolean onSingleTapConfirmed(MotionEvent e) {
            return false;
        }

        @Override
        public boolean onDoubleTap(MotionEvent e) {
            return false;
        }

        @Override
        public boolean onDoubleTapEvent(MotionEvent e) {
            return false;
        }
    }
}

2.SnowBean

package com.ilz.rocketapplication.handaccount.bean;

import android.graphics.Color;

import com.ilz.rocketapplication.handaccount.utils.ColorUtils;

public class SnowBean {
    float x;
    float y;
    float size;
    int color = Color.WHITE;

    public float getX() {
        return x;
    }

    public void setX(float x) {
        this.x = x;
    }

    public float getY() {
        return y;
    }

    public void setY(float y) {
        this.y = y;
    }

    public float getSize() {
        return size;
    }

    public void setSize(float size) {
        this.size = size;
    }

    public int getColor() {
        return color;
    }

    public void setColor(int color) {
        this.color = color;
    }
}

3.Tools

/**
 * 获取屏幕的宽度
 */
public static int getWindowsWidth() {
    WindowManager wm = (WindowManager) (MyApplication.getInstance().getSystemService(Context.WINDOW_SERVICE));
    DisplayMetrics dm = new DisplayMetrics();
    wm.getDefaultDisplay().getMetrics(dm);
    int mScreenWidth = dm.widthPixels;
    return mScreenWidth;
}

/**
 * 获取屏幕的高度
 */
public static int getWindowsHeight() {
    WindowManager wm = (WindowManager) (MyApplication.getInstance().getSystemService(Context.WINDOW_SERVICE));
    DisplayMetrics dm = new DisplayMetrics();
    wm.getDefaultDisplay().getMetrics(dm);
    int mScreenHeigh = dm.heightPixels;
    return mScreenHeigh;
}

以上就是Android如何用自定义View实现雪花效果的详细内容,更多关于Android自定义View雪花效果的资料请关注我们其它相关文章!

(0)

相关推荐

  • Canvas实现动态的雪花效果

    效果如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Canvas</title> <style type="text/css"> *{ margin: 0; padding: 0; } html, body{ height: 100%; } #myCanvas{ background-colo

  • Android自定义view之太极图的实现教程

    太极图 周四课余时间比较多,正好前几天为了给小学弟解决问题,回顾了一些Android的知识,(上学还是不能把以前上班学到的东西丢掉)于是写一篇关于自定义view的文章. 最后完成的样子(可旋转) 这篇文章主要内容为使用Canvas画简单图案,自定义属性,以及属性动画ObjectAnimator中的旋转动画 提示:以下是本篇文章正文内容 一.先画一个太极 先介绍一下定义的东西: private int useWidth; //最后测量得到的值 private int leftcolor; //左太

  • Android自定义View圆形图片控件代码详解

    前言 在日常开发中,圆形的图片效果还是很常见的.可以通过给Paint设置Xfermode来实现,这里简单记录如下. 实现 实现圆形效果的核心是PorterDuffXfermode,对于PorterDuffXfermode,这里不展开,可以查询相关资料. 核心代码 //绘制背景 canvas.drawCircle(mSize / 2, mSize / 2, mSize / 2, mPaint); //设置模式为:显示背景层和上层的交集,且显示上层图像 mPaint.setXfermode(new

  • Android自定义View实现雪花特效

    本文实例为大家分享了Android自定义View实现雪花特效展示的具体代码,供大家参考,具体内容如下 效果图 1.SnowView 类 package com.ilz.rocketapplication.handaccount.view; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; impo

  • jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

    这是一款基于jquery实现的漫天雪花飞舞的圣诞祝福雪花效果代码,雪花的大小可以进行切换,用户还可以更改背景图片,是一款非常实用的幻灯片特效源码. 漫天雪花飞舞的jquery圣诞祝福雪花效果,集中不同的效果可以点击选择,请欣赏. 效果演示 源码下载(浏览器中如果不能正常运行,可以尝试切换浏览模式或者选择直接下载) 为大家分享的漫天雪花飞舞的jquery圣诞祝福雪花效果代码如下 <!DOCTYPE html> <html> <head> <script type=&

  • Android自定义view实现输入框效果

    本文实例为大家分享了Android自定义view实现输入框的具体代码,供大家参考,具体内容如下 自定义输入框的View package com.fenghongzhang.day017; import android.content.Context; import android.content.res.TypedArray; import android.text.InputType; import android.util.AttributeSet; import android.view.

  • Android自定义view实现倒计时控件

    本文实例为大家分享了Android自定义view实现倒计时控件的具体代码,供大家参考,具体内容如下 直接上代码 自定义TextView 文字展示 public class StrokeTextView extends TextView { private TextView borderText = null;///用于描边的TextView private Context mContext; public StrokeTextView(Context context) { super(conte

  • Android自定义View实现跟随手指移动的小兔子

    本文实例为大家分享了Android自定义View实现跟随手指移动的小兔子,供大家参考,具体内容如下 自定义的View实现跟随手指的小兔子 按前面的例子新创建一个project,再在project中新创建一个module 将需要的背景图和兔子图片放入mipmap中 将布局管理器改为帧布局管理器 <?xml version="1.0" encoding="utf-8"?> //修改为帧布局管理器FrameLayout <FrameLayout xmln

  • Android自定义View实现分段选择按钮的实现代码

    首先演示下效果,分段选择按钮,支持点击和滑动切换. 视图绘制过程中,要执行onMeasure.onLayout.onDraw等方法,这也是自定义控件最常用到的几个方法. onMeasure:测量视图的大小,可以根据MeasureSpec的Mode确定父视图和子视图的大小. onLayout:确定视图的位置 onDraw:绘制视图 这里就不做过多的介绍,主要介绍本控件涉及的到的部分. 1.1 获取item大小.起始位置 @Override protected void onMeasure(int

  • android自定义view实现圆周运动

    本文实例为大家分享了android自定义view实现圆周运动的具体代码,供大家参考,具体内容如下 思想 自定义Animation,自己定义半径,相当于原来控件的位置为(0,0),按照每个角度区间,计算新的位置,跟着时间变动 逆时针转动 public class VenusCircleAnimation extends Animation { private int radii; public VenusCircleAnimation(int radii) { this.radii = radii

  • canvas雪花效果核心代码分享

    话不多说,请看代码: var ca = document.getElementById("ca"); var ctx = ca.getContext('2d'); //生成n~m之间的随机数的函数 function random(n,m){ return Math.floor(Math.random() * (m - n) + n); } //角度转弧度的函数 function toRd(angle){ return angle * Math.PI / 180; } //设置变量存储画

随机推荐