Android雪花特效 - 自定義View

看效果（Gif質量有點差，湊合看吧 [哈哈]）

核心思路畫的有點丑請見諒

核心計算方法分別計算三個點用path進行繪制

 private Path getPath(float x, float y, double sweep, float r, StarBean bean) {
        Path path = new Path();

        float l = bean.getL();
        float startX = (float) (x + r * Math.cos(sweep));
        float startY = (float) (y - r * Math.sin(sweep));
        float twoX = (float) (x - r * Math.cos(sweep));
        float twoY = (float) (y + r * Math.sin(sweep));
        float threeX = (float) (x - l * Math.sin(sweep));
        float threeY = (float) (y - l * Math.cos(sweep));

        path.moveTo(startX, startY);
        path.lineTo(twoX, twoY);
        path.lineTo(threeX, threeY);
        path.lineTo(startX, startY);
        path.close();

        LinearGradient linearGradient = new LinearGradient(
                threeX, threeY, x, y,
                new int[]{Color.TRANSPARENT, bean.getColor()},
                new float[]{0f, 1f},
                Shader.TileMode.CLAMP
        );
        paint.setShader(linearGradient);
        return path;

    }

速度思想

根據我們定義圓角半徑來控制速度，這樣才能讓我們的流行看起來有遠有近（具體計算查看StarBean）

流行滑翔弧長思想

可根據x或y軸的大小來計算弧長，這樣看起來就會到達一個流行滑翔的程序效果（具體計算查看StarBean）

完整代碼片段

StarView 類

package com.ilz.rocketapplication.handaccount.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Shader;
import android.util.AttributeSet;
import android.widget.RelativeLayout;

import com.ilz.rocketapplication.handaccount.bean.StarBean;
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 StarView extends RelativeLayout {
    private static final String TAG = "StarView";

    private Paint paint;
    private Paint paintHead;
    private Paint paintHeadLight;
    private Paint paintHeadLight2;

    private int bw = Tools.getWindowsWidth();
    private int bh = Tools.getWindowsHeight();

    private double sweep = 340;//角度
    private int count = 100;
    private double pointCount = 100;
    private List<StarBean> list = new ArrayList<>();
    private Timer timer;
    private boolean isStart = false;

    private Timer playTimer;
    private int s = 0;
//    private int currentColor = ColorUtils.getRandomColor();

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

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

    public StarView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setAntiAlias(true);
        paint.setStyle(Paint.Style.FILL);
        LinearGradient linearGradient = new LinearGradient(
                0f, 0f, 0f, 1000,
                new int[]{Color.TRANSPARENT, Color.RED},
                new float[]{0f, 1f},
                Shader.TileMode.CLAMP
        );
        paint.setShader(linearGradient);

        paintHead = new Paint();
        paintHead.setStyle(Paint.Style.FILL);
        paintHead.setAntiAlias(true);
        paintHead.setColor(Color.WHITE);

        paintHeadLight = new Paint();
        paintHeadLight.setStyle(Paint.Style.FILL);
        paintHeadLight.setAntiAlias(true);
        paintHeadLight.setColor(Color.argb(100, 255, 255, 255));

        paintHeadLight2 = new Paint();
        paintHeadLight2.setStyle(Paint.Style.FILL);
        paintHeadLight2.setAntiAlias(true);
        paintHeadLight2.setColor(Color.argb(30, 255, 255, 255));


        initStar();
        initPoint();

        start();

        //播放組合
        initPlay();
    }

    private void initPlay() {
        playTimer = new Timer();

        s = 0;
        playTimer.schedule(new TimerTask() {
            @Override
            public void run() {
                s++;
                if (s != 0 && s % 2 == 0) {
                    int color = ColorUtils.getRandomColor();
                    for (int i = 0; i < list.size(); i++) {
                        if (!list.get(i).isPoint()){
                            list.get(i).setColor(color);
                        }
                    }
                }
                if (s >= 1000) {//防止資料過大
                    s = 0;
                }
            }
        }, 0, 1000);
    }

    private void initStar() {
        int color = ColorUtils.getRandomColor();
        for (int i = 0; i < count; i++) {
            StarBean bean = getStarBean();
            bean.setColor(color);
            list.add(bean);
        }
    }

    public StarBean getStarBean() {
        StarBean bean = new StarBean();
//        setBeanXY(bean);
        bean.setX((float) (Math.random() * bw));
        bean.setY((float) (Math.random() * bh));
        bean.setR((float) (Math.random() * 3 + 0.3f));
        return bean;
    }

    public void initPoint(){
        for (int i = 0; i < pointCount; i++) {
            StarBean bean = getStarBean();
            bean.setPoint(true);
            bean.setColor(Color.WHITE);
            bean.setR((float) (Math.random() * 1.5 + 0.1f));
            list.add(bean);
        }
    }

    private void setBeanXY(StarBean bean){
        if (Math.random() >= 0.5) {
            bean.setX(0);
            bean.setY((float) (Math.random() * bh));
        } else {
            bean.setX((float) (Math.random() * bw));
            bean.setY(0);
        }
    }

    public void addStar(int count) {
        for (int i = 0; i < count; i++) {
            StarBean bean = getStarBean();
            list.add(bean);
        }
    }

    public void addStar(int count, int color) {
        for (int i = 0; i < count; i++) {
            StarBean bean = getStarBean();
            bean.setColor(color);
            list.add(bean);
        }
    }


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

                for (int i = 0; i < list.size(); i++) {

                    list.get(i).setX(list.get(i).getX() + list.get(i).getvX());
                    list.get(i).setY(list.get(i).getY() + list.get(i).getvY());

                    if (
                            list.get(i).getX() < 0
                                    || list.get(i).getX() > (bw + Math.sin(sweep) * list.get(i).getL())
                                    || list.get(i).getY() > (bh + Math.cos(sweep) * list.get(i).getL())
                                    || list.get(i).getY() < 0
                    ) {
                        setBeanXY(list.get(i));
//                        list.get(i).setX((float) (Math.random() * bw));
//                        list.get(i).setY((float) (Math.random() * bh));
                    }

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

    public void stop() {
        if (timer != null) {
            timer.cancel();
            timer = null;
        }

        if (playTimer != null) {
            playTimer.cancel();
            playTimer = null;
        }
    }


    private Path getPath(float x, float y, double sweep, float r, StarBean bean) {
        Path path = new Path();

        float l = bean.getL();
        float startX = (float) (x + r * Math.cos(sweep));
        float startY = (float) (y - r * Math.sin(sweep));
        float twoX = (float) (x - r * Math.cos(sweep));
        float twoY = (float) (y + r * Math.sin(sweep));
        float threeX = (float) (x - l * Math.sin(sweep));
        float threeY = (float) (y - l * Math.cos(sweep));

        path.moveTo(startX, startY);
        path.lineTo(twoX, twoY);
        path.lineTo(threeX, threeY);
        path.lineTo(startX, startY);
        path.close();

        LinearGradient linearGradient = new LinearGradient(
                threeX, threeY, x, y,
                new int[]{Color.TRANSPARENT, bean.getColor()},
                new float[]{0f, 1f},
                Shader.TileMode.CLAMP
        );
        paint.setShader(linearGradient);
        return path;

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawColor(Color.BLACK);

//        path.moveTo(startX, startY);
//        path.lineTo((mStartSize - mEndSize) / 2, Height);
//        path.lineTo(((mStartSize - mEndSize) / 2 + mEndSize), Height);
//        path.lineTo(mStartSize, 0f);
//        path.lineTo(startX, startY);

        for (int i = 0; i < list.size(); i++) {
            StarBean bean = list.get(i);
            if (!bean.isPoint()) {
                Path path = getPath(bean.getX(), bean.getY(), sweep, bean.getR(), bean);
                canvas.drawPath(path, paint);
                canvas.drawCircle(bean.getX(), bean.getY(), bean.getHeadRLight2(), paintHeadLight2);
                canvas.drawCircle(bean.getX(), bean.getY(), bean.getHeadRLight(), paintHeadLight);
                canvas.drawCircle(bean.getX(), bean.getY(), bean.getHeadR(), paintHead);
            } else {
                canvas.drawCircle(bean.getX(), bean.getY(), bean.getR(), paintHead);
            }
        }

    }
}

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;
    }

StarBean類

package com.ilz.rocketapplication.handaccount.bean;

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

public class StarBean {

    private float x;
    private float y;

    private float r;

    private int color = ColorUtils.getRandomColor();

    private float l;

    private float headR;
    private float headRLight;
    private float headRLight2;

    private float vX;
    private float vY;

    private boolean isPoint = false;

    public float getL() {
        l = r * 10 + getX() * 0.3f;
        return l;
    }

    public int getColor() {
        return color;
    }

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

    public float getHeadR() {
        return headR;
    }

    public float getHeadRLight() {
        return headRLight;
    }

    public float getHeadRLight2() {
        return headRLight2;
    }

    public float getvX() {
        return vX;
    }

    public float getvY() {
        return vY;
    }

    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 getR() {

        return r;
    }

    public void setR(float r) {
        this.r = r;
        vX = r * 1.5f;
        vY = r * 2f;
        headR = r + r * 0.3f;
        headRLight = r + r * 2f;
        headRLight2 = headRLight + headRLight * 0.6f;
    }

    public boolean isPoint() {
        return isPoint;
    }

    public void setPoint(boolean point) {
        isPoint = point;
    }
}

ColorUtils類

package com.ilz.rocketapplication.handaccount.utils;

import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.graphics.drawable.GradientDrawable;

import com.ilz.rocketapplication.handaccount.MyApplication;

public class ColorUtils {

    public static int getRandomColor() {
        StringBuffer buffer = new StringBuffer();
        buffer.append("#");
        for (int i = 0; i < 6; i++) {
            buffer.append(arr[(int) (Math.random() * arr.length)]);
        }
        return Color.parseColor(buffer.toString());
    }

    private static String[] arr = new String[]{
            "0",
            "1",
            "2",
            "3",
            "4",
            "5",
            "6",
            "7",
            "8",
            "9",
            "a",
            "b",
            "c",
            "d",
            "e",
            "f"
    };


    public static Drawable getRandomDrawable() {
        GradientDrawable drawable = new GradientDrawable();
        drawable.setOrientation(GradientDrawable.Orientation.TR_BL);
        drawable.setCornerRadius(Tools.dip2px(MyApplication.getInstance(), 10));
        drawable.setColors(new int[]{
                getRandomColor(),
                getRandomColor(),
                getRandomColor(),
                getRandomColor(),
        });
        return drawable;
    }

    public static Drawable getRandomDrawable(float radiusDp) {
        GradientDrawable drawable = new GradientDrawable();
        drawable.setOrientation(GradientDrawable.Orientation.TR_BL);
        drawable.setCornerRadius(Tools.dip2px(MyApplication.getInstance(), radiusDp));
        drawable.setColors(new int[]{
                getRandomColor(),
                getRandomColor(),
                getRandomColor(),
                getRandomColor(),
        });
        return drawable;
    }

}

非常感謝你看完這篇文章，不足之處一起完善哦

一起加油

如果給你帶來小小的提升那就...

你懂我...

喜歡的點個贊呀

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/257815.html

標籤：其他

上一篇：kotlin-波浪影片

下一篇：java比.net活得久的原因分析

Android流星雨效果---史上最炫，浪漫，值得陪你女朋友一起看~ [捂臉]

上一篇

Android雪花特效 - 自定義View

看效果 （Gif質量有點差，湊合看吧 [哈哈]）

核心思路 畫的有點丑 請見諒

核心計算方法 分別計算三個點用path進行繪制

速度思想

根據我們定義圓角半徑來控制速度，這樣才能讓我們的流行看起來有遠有近（具體計算查看StarBean）

流行滑翔弧長思想

可根據x或y軸的大小來計算弧長，這樣看起來就會到達一個流行滑翔的程序效果（具體計算查看StarBean）

完整代碼片段

StarView 類

Tools類

StarBean類

ColorUtils類

非常感謝你看完這篇文章，不足之處一起完善哦

一起加油

如果給你帶來小小的提升那就...

你懂我...

喜歡的點個贊呀

喜歡的點個贊呀

喜歡的點個贊呀

看效果（Gif質量有點差，湊合看吧 [哈哈]）

核心思路畫的有點丑請見諒

核心計算方法分別計算三個點用path進行繪制