Android实现雪花飘落特效

时间：2022-12-09 20:25:51

圣诞节各大电商平台app都会有节日的气息，越是优秀的app越会让你感觉到它是一个活生生的app，是有一个强大的运营团队营造的富有生气的app，就像淘宝，圣诞节当天会把app主题更换成圣诞主题一样，图标都换成圣诞节特有的一些物品，而且app界面上也是飘起了雪花，很漂亮，所以在此我也写了一下雪花飘落的demo，不废话了先上图看效果吧。
Android实现雪花飘落特效
截图效果不咋好，大家可以下载文章末的demo试试。

自定义SnowView

雪花是通过画笔绘制上去的，然后关键在于onDraw（），实时绘制，改变雪花的x,y坐标实现。

    @Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
for (int x = 0; x < snowNum; x += 1) {
if (snows[x].y >= view_height) {
                    snows[x].y = 0;
                }
// 雪花下落的速度
                snows[x].y += 5;
// 雪花飘动的效果
if (random.nextBoolean()) {
// 随机产生一个数字，让雪花有水平移动的效果
int ran = random.nextInt(10);
                    snows[x].x += 2 - ran;
if(snows[x].x < 0){
                        snows[x].x = view_width;
                    }else if(snows[x].x > view_width){
                        snows[x].x = 0;
                    }
                }
                Resources mResources = getResources();
                canvas.drawBitmap(((BitmapDrawable) mResources.getDrawable(R.drawable.snow0)).getBitmap(), ((float) snows[x].x),
                        ((float) snows[x].y), mPaint);
        }

    }

雪花初始位置是随机生成的，由于初始值应该让雪花从上往下飘落，所以y轴的随机我们应该都设为负值。

/**
 * 随机的生成雪花的位置
 * 
 */
public void addRandomSnow(int number) {
        snowNum = number;
for (int i = 0; i < number; i++) {
                snows[i] = new Coordinate(random.nextInt(view_width), -random.nextInt(view_height));
            }
    }

/* 内嵌坐标对象 */
private class Coordinate {
public int x;
public int y;

public Coordinate(int newX, int newY) {
            x = newX;
            y = newY;
        }
    }

使用方法

雪花数量可以自设

package com.maxi.snowtest;

import java.util.Random;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.DisplayMetrics;

import com.maxi.snowdemo.R;
import com.maxi.snowtest.widget.SnowView;

@SuppressLint("HandlerLeak")
public class MainActivity extends Activity {
private int SNOWNUMBER = 60;    //雪花数量
    SnowView snow = null;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

// 获得雪花视图,并加载雪花图片到内存
        snow = (SnowView) findViewById(R.id.snow);

// 获取当前屏幕的高和宽
        DisplayMetrics dm = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(dm);
        snow.SetView(dm.heightPixels, dm.widthPixels);
// 更新当前雪花
        update();
    }

/*
 * 负责做界面更新工作 ，实现下雪
 */
private RefreshHandler mRedrawHandler = new RefreshHandler();

    class RefreshHandler extends Handler {

@Override
public void handleMessage(Message msg) {
//snow.addRandomSnow();
            snow.invalidate();
            sleep(100);
        }
public void sleep(long delayMillis) {
this.removeMessages(0);
            sendMessageDelayed(obtainMessage(0), delayMillis);
        }
    };

/**
 * Handles the basic update loop, checking to see if we are in the running
 * state, determining if a move should be made, updating the snake's
 * location.
 */
// 随即生成器
private static final Random RNG = new Random();
public void update() {
// int num = RNG.nextInt(80) == 0?50:RNG.nextInt(80);
// snow.addRandomSnow(num);
        snow.addRandomSnow(SNOWNUMBER);
        mRedrawHandler.sleep(600);
    }

}

界面布局：

<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:background="#686868"
    tools:context="${relativePackage}.${activityClass}" >

    <com.maxi.snowtest.widget.SnowView
        android:id="@+id/snow"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

</RelativeLayout>

代码比较简单不做详述，demo中关键地方都有注释，现把demo贴出：demo下载地址
最近发现一个更棒的实现效果（大家可以去看看）：点击这里

标签：

相关文章