Android實(shí)現(xiàn)字母雨的效果
更新時(shí)間：2016年07月26日 11:58:39 投稿：daisy
在學(xué)習(xí)Android的時(shí)候見到別人實(shí)現(xiàn)的黑客帝國(guó)的字母雨效果，感覺效果很炫，今天我們也來實(shí)現(xiàn)一下。
首先來看效果：
一、實(shí)現(xiàn)原理
在實(shí)現(xiàn)過程中，主要考慮整個(gè)界面由若干個(gè)字母組成的子母線條組成，這樣的話把固定數(shù)量的字母封裝成一個(gè)字母線條，而每個(gè)字母又封裝成一個(gè)對(duì)象，這樣的話，就形成了如下組成效果：
字母對(duì)象--》字母線條對(duì)象--》界面效果
每個(gè)字母都應(yīng)該知道自己的位置坐標(biāo)，自己上面的字母、以及自己的透明度：
class HackCode{
Point p = new Point();//每一個(gè)字母的坐標(biāo)
int alpha = 255;//透明度值 默認(rèn)255
String code = "A";//字母的值
}
而每個(gè)子母線條對(duì)象都有自己這條線條的初始底部起點(diǎn)，內(nèi)部的多個(gè)字母都是根據(jù)線條的初始底部起點(diǎn)依次排列，包含多個(gè)字母對(duì)象集合，以及這條線條的唯一標(biāo)示：
class HackLine{
public int NUM = 0;//用于記錄這列的標(biāo)示
private Point p = new Point();//線的初始位置
List<HackCode> hcs = new ArrayList<HackView.HackCode>();//黑客字母的一條線
}
在初始化的時(shí)候創(chuàng)建所有子母線條對(duì)象以及字母對(duì)象存入集合中：
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = getMeasuredWidth();//獲取控件寬高
mHeight = getMeasuredHeight();
mHackLines.clear();//清空集合
initPlayData();//初始化播放數(shù)據(jù)
}
/**
* 初始化播放數(shù)據(jù)
*/
public void initPlayData(){
initHackLine(mWidth/9, mHeight/12);
initHackLine(mWidth/9, mHeight/7);
HackLine hl;
for (int i = 3; i < 9; i++) {
hl= new HackLine();
hl.p.x = mWidth/9*(i+1);
hl.p.y = mHeight/7*(9-i);
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = hl.p.x;
hc.p.y = hl.p.y-dip2px(getContext(), 25)*j;
hl.hcs.add(hc);
}
mHackLines.add(hl);
hl.NUM = mHackLines.size();
}
}
然后在onDraw方法中繪制：
@Override
protected void onDraw(Canvas canvas) {
for (int i = 0; i < mHackLines.size(); i++) {
drawText(i, canvas);
}
mHandler.sendEmptyMessageDelayed(WHAT, 100);//用于開啟循環(huán) 線條滾動(dòng)
}
public void drawText(int nindex,Canvas canvas){
HackLine hackLine = mHackLines.get(nindex);
for (int i = 0; i < hackLine.hcs.size(); i++) {
HackCode hackCode = hackLine.hcs.get(i);
mPaint.setAlpha(hackCode.alpha);
canvas.drawText(hackCode.code, hackCode.p.x, hackCode.p.y, mPaint);
}
}
接下來要滾動(dòng)顯示由Handler發(fā)送一個(gè)延時(shí)100毫秒的消息開始：
class WeakHandler extends Handler{
WeakReference<Activity> mActivity;
public WeakHandler(Activity activity){
mActivity = new WeakReference<Activity>(activity);
}
@Override
public void handleMessage(Message msg) {
if(mActivity.get() != null){
switch (msg.what) {
case WHAT:
nextPlay(dip2px(getContext(), 20));
for (int i = 0; i < mHackLines.size(); i++) {
if(mHackLines.get(i).p.y >= mHeight/2*3){
addHackLine(mHackLines.get(i));
}
}
invalidate();
break;
}
}
}
}
讓整個(gè)線條往下走其實(shí)也就只用將線條的底部初始值Y坐標(biāo)不斷增加，內(nèi)部字母隨之更新位置就可以了：
/**
* 下一幀播放
* @param Nnum 每次下移多遠(yuǎn) 距離
*/
public void nextPlay(int Nnum){
for (int i = 0; i < mHackLines.size(); i++) {
List<HackCode> hcs = mHackLines.get(i).hcs;
hcs.clear();
mHackLines.get(i).p.y+=Nnum;
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = mHackLines.get(i).p.x;
hc.p.y = mHackLines.get(i).p.y-dip2px(getContext(), 25)*j;
hcs.add(hc);
}
}
}
之后我們要考慮在合適的時(shí)間移除掉不需要的字母線條并增加新的子母線條，這里我是判斷如果線條底部超過屏幕高度的一半時(shí)就移除當(dāng)前線條并根據(jù)唯一標(biāo)示添加新的線條：
/**
* 刪除一列 同時(shí)添加初始化一列
* @param hackLine
*/
public void addHackLine(HackLine hackLine){
if(hackLine == null){
return;
}
int num = hackLine.NUM;
mHackLines.remove(hackLine);//如果存在 刪除 重新添加
HackLine hl;
hl= new HackLine();
hl.p.x = mWidth/9*(num-1);
hl.p.y = mHeight/12*(7-(num-1));
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = hl.p.x;
hc.p.y = hl.p.y-dip2px(getContext(), 25)*j;
hl.hcs.add(hc);
}
hl.NUM = num;
mHackLines.add(hl);
}
最后，在控件移除屏幕的時(shí)候終止消息循環(huán)，運(yùn)行時(shí)記得將根布局設(shè)置背景為黑色：
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
mHandler.removeCallbacksAndMessages(null);//停止刷新
}
OKOK,字母雨已經(jīng)出來啦~~ 思路清晰之后還是很簡(jiǎn)單的哦~
二、實(shí)現(xiàn)代碼
整個(gè)代碼也不算很長(zhǎng)，就直接貼上了：
/**
* 字母雨
* @author zhang
*
*/
public class HackView extends View {
/** 文字的畫筆 */
private Paint mPaint;
/** 控件的寬 */
private int mWidth;
/** 控件的高 */
private int mHeight;
/** 所有字母 */
private static final String[] CODES = {
"A","B","C","D","E","F","G","H","I","J","K",
"L","M","N","O","P","Q","R","S","T","U","V",
"W","K","Y","Z"
};
private static final int WHAT = 1;
/** 所有的HackLine組合 */
private List<HackLine> mHackLines = new ArrayList<HackView.HackLine>();
private WeakHandler mHandler;
public HackView(Context context) {
this(context,null);
}
public HackView(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public HackView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
mHandler = new WeakHandler((Activity) context);
}
class WeakHandler extends Handler{
WeakReference<Activity> mActivity;
public WeakHandler(Activity activity){
mActivity = new WeakReference<Activity>(activity);
}
@Override
public void handleMessage(Message msg) {
if(mActivity.get() != null){
switch (msg.what) {
case WHAT:
nextPlay(dip2px(getContext(), 20));
for (int i = 0; i < mHackLines.size(); i++) {
if(mHackLines.get(i).p.y >= mHeight/2*3){
addHackLine(mHackLines.get(i));
}
}
invalidate();
break;
}
}
}
}
private void init() {
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setColor(Color.WHITE);
mPaint.setTextSize(dip2px(getContext(), 20));
mPaint.setStrokeCap(Cap.ROUND);
mPaint.setStrokeWidth(dip2px(getContext(), 5));
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
mWidth = getMeasuredWidth();//獲取控件寬高
mHeight = getMeasuredHeight();
mHackLines.clear();//清空集合
initPlayData();
}
/**
* 下一幀播放
* @param Nnum 每次下移多遠(yuǎn) 距離
*/
public void nextPlay(int Nnum){
for (int i = 0; i < mHackLines.size(); i++) {
List<HackCode> hcs = mHackLines.get(i).hcs;
hcs.clear();
mHackLines.get(i).p.y+=Nnum;
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = mHackLines.get(i).p.x;
hc.p.y = mHackLines.get(i).p.y-dip2px(getContext(), 25)*j;
hcs.add(hc);
}
}
}
/**
* 刪除一列 同時(shí)添加初始化一列
* @param hackLine
*/
public void addHackLine(HackLine hackLine){
if(hackLine == null){
return;
}
int num = hackLine.NUM;
mHackLines.remove(hackLine);//如果存在 刪除 重新添加
HackLine hl;
hl= new HackLine();
hl.p.x = mWidth/9*(num-1);
hl.p.y = mHeight/12*(7-(num-1));
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = hl.p.x;
hc.p.y = hl.p.y-dip2px(getContext(), 25)*j;
hl.hcs.add(hc);
}
hl.NUM = num;
mHackLines.add(hl);
}
/**
* 初始化每一行數(shù)據(jù)
* @param x
* @param y
*/
public void initHackLine(int x,int y){
HackLine hl;
for (int i = 0; i < 9; i++) {
hl= new HackLine();
hl.p.x = x*i;
hl.p.y = y*(7-i);
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = hl.p.x;
hc.p.y = hl.p.y-dip2px(getContext(), 25)*j;
hl.hcs.add(hc);
}
mHackLines.add(hl);
hl.NUM = mHackLines.size();
}
}
/**
* 初始化播放數(shù)據(jù)
*/
public void initPlayData(){
initHackLine(mWidth/9, mHeight/12);
initHackLine(mWidth/9, mHeight/7);
HackLine hl;
for (int i = 3; i < 9; i++) {
hl= new HackLine();
hl.p.x = mWidth/9*(i+1);
hl.p.y = mHeight/7*(9-i);
for (int j = 0; j < 7; j++) {
HackCode hc = new HackCode();
hc.alpha -= 30*j;
hc.code = CODES[new Random().nextInt(CODES.length)];
hc.p.x = hl.p.x;
hc.p.y = hl.p.y-dip2px(getContext(), 25)*j;
hl.hcs.add(hc);
}
mHackLines.add(hl);
hl.NUM = mHackLines.size();
}
}
@Override
protected void onDraw(Canvas canvas) {
for (int i = 0; i < mHackLines.size(); i++) {
drawText(i, canvas);
}
mHandler.sendEmptyMessageDelayed(WHAT, 100);
}
public void drawText(int nindex,Canvas canvas){
HackLine hackLine = mHackLines.get(nindex);
for (int i = 0; i < hackLine.hcs.size(); i++) {
HackCode hackCode = hackLine.hcs.get(i);
mPaint.setAlpha(hackCode.alpha);
canvas.drawText(hackCode.code, hackCode.p.x, hackCode.p.y, mPaint);
}
}
/**
* 每條線 包含多個(gè)字母
**/
class HackLine{
public int NUM = 0;//用于記錄這列的標(biāo)示
private Point p = new Point();//線的初始位置
List<HackCode> hcs = new ArrayList<HackView.HackCode>();//黑客字母的一條線
}
/**
* 每個(gè)字母
*/
class HackCode{
Point p = new Point();//每一個(gè)字母的坐標(biāo)
int alpha = 255;//透明度值 默認(rèn)255
String code = "A";//字母的值
}
@Override
protected void onDetachedFromWindow() {
super.onDetachedFromWindow();
mHandler.removeCallbacksAndMessages(null);//停止刷新
}
/**
* 根據(jù)手機(jī)的分辨率從 dip 的單位 轉(zhuǎn)成為 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
}
xml:
<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="#000"
tools:context=".MainActivity" >
<com.zk.hack.HackView
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</RelativeLayout>
以上就是基于Android實(shí)現(xiàn)字母雨的效果全部?jī)?nèi)容，效果很好，有需要的小伙伴們可以參考學(xué)習(xí)。
相關(guān)文章
常用的設(shè)計(jì)模式有以下八種：?jiǎn)卫?、工廠、觀察者、代理、命令、適配器、合成、訪問者。下面通過本文給大家介紹下android中的設(shè)計(jì)模式，感興趣的朋友一起看看吧2016-09-09
解析Android中實(shí)現(xiàn)滑動(dòng)翻頁(yè)之ViewFlipper的使用詳解
有一些場(chǎng)景，我們需要向用戶展示一系列的頁(yè)面。比如我們正在開發(fā)一個(gè)看漫畫的應(yīng)用，可能就需要向用戶展示一張一張的漫畫圖片，用戶使用手指滑動(dòng)屏幕，可以在前一幅漫畫和后一幅漫畫之間切換。這個(gè)時(shí)候ViewFlipper就是一個(gè)很好的選擇2013-05-05
Android實(shí)現(xiàn)計(jì)時(shí)與倒計(jì)時(shí)的常用方法小結(jié)
這篇文章主要介紹了Android實(shí)現(xiàn)計(jì)時(shí)與倒計(jì)時(shí)的常用方法,總結(jié)并對(duì)比分析了幾種常用計(jì)時(shí)方法的特點(diǎn),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
本文主要介紹 Android深入淺出之Binder機(jī)制，這里整理了詳細(xì)的Binder機(jī)制資料，研究Android源碼的朋友可以看下，以便了解Android 通信知識(shí)2016-08-08
Android：下拉刷新+加載更多+滑動(dòng)刪除實(shí)例講解
本文主要講解 Android下拉刷新+加載更多+滑動(dòng)刪除的示例，這里整理了相關(guān)資料并附示例代碼供大家學(xué)習(xí)參考，有需要的小伙伴可以參考下2016-08-08
Android高亮引導(dǎo)控件的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android高亮引導(dǎo)控件的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
ActivityManagerService之Service啟動(dòng)過程解析
這篇文章主要為大家介紹了ActivityManagerService之Service啟動(dòng)過程解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
利用matrix可以實(shí)現(xiàn)各種圖片的特效，比如圖片的旋轉(zhuǎn)、縮放、移動(dòng)，甚至是圖片倒影效果，這篇文章為大家介紹了matrix實(shí)現(xiàn)圖片倒影的代碼，感興趣的小伙伴們可以參考一下2016-05-05
僅5步搞定Android開發(fā)環(huán)境部署 Android開發(fā)環(huán)境搭建教程
僅5步搞定Android開發(fā)環(huán)境部署，這篇文章主要為大家詳細(xì)介紹了Android開發(fā)環(huán)境搭建教程，感興趣的小伙伴們可以參考一下2016-02-02
Android實(shí)現(xiàn)自動(dòng)輪詢的RecycleView
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)自動(dòng)輪詢的RecycleView，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10