上一篇

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() {@Overridepublic 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() {@Overridepublic 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;}@Overrideprotected 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;}}

?

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

一起加油

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

你懂我...

喜歡的點個贊呀

喜歡的點個贊呀

喜歡的點個贊呀

?

?

?

?

?

?

?

總結

以上是生活随笔為你收集整理的Android流星雨效果---史上最炫，浪漫，值得陪你女朋友一起看~ [捂脸]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。