Android Launcher开发之动态壁纸(LiveWallPaper)气泡流动效果
最近在研究Laucher应用,今天写了一下四组件中的壁纸(WallPaper),关于静态壁纸的实现,比较简单,在此就不再描述. 参考了系统源代码之后,我自己做了一个简单的动态壁纸:气泡流动效果. 图案比较简单,但基本原理可在此例子上加以扩展,比如3D动画效果,复杂的触摸改变动画事件,有兴趣的朋友可以试一试.
大概效果如下,最开始得时候,会从四个角落的方向浮出四个气泡,然后以一定的路线移动,当移出屏幕时重新开始以新的坐标浮出,以此实现了一个简单的气泡浮动的效果:
实现的思路 :
1、新建一个Android工程 ,注意,对于Live Wallpaper来说传统的布局文件是不需要的。
2、在res下面新建一个xml文件夹 然后新建一个livewallpaper.xml 内容如下:
import android.graphics.Canvas;import android.graphics.Paint;import android.os.Handler;import android.service.wallpaper.WallpaperService;import android.view.MotionEvent;import android.view.SurfaceHolder;/** * * @author Tian * */public class LiveWallpaper extends WallpaperService{// 实现WallpaperService必须实现的抽象方法public Engine onCreateEngine(){// 返回自定义的Enginereturn new MyEngine();}class MyEngine extends Engine{// 记录程序界面是否可见private boolean mVisible;// 记录当前当前用户动作事件的发生位置private float mTouchX = -1;private float mTouchY = -1;// 记录当前圆圈的绘制位置//左上角坐标private float cx1 = 15;private float cy1 = 20;//右下角坐标private float cx2 = 300;private float cy2 = 380;//右上角坐标private float cx3 = 300;private float cy3 = 20;//左下角坐标private float cx4 = 15;private float cy4 = 380;// 定义画笔private Paint mPaint = new Paint();// 定义一个HandlerHandler mHandler = new Handler();// 定义一个周期性执行的任务private final Runnable drawTarget = new Runnable(){public void run(){// 动态地绘制图形drawFrame();}};@Overridepublic void onCreate(SurfaceHolder surfaceHolder){super.onCreate(surfaceHolder);// 初始化画笔mPaint.setColor(0xffffffff);mPaint.setAntiAlias(true);mPaint.setStrokeWidth(2);mPaint.setStrokeCap(Paint.Cap.ROUND);mPaint.setStyle(Paint.Style.STROKE);// 设置处理触摸事件setTouchEventsEnabled(true);}@Overridepublic void onDestroy(){super.onDestroy();// 删除回调mHandler.removeCallbacks(drawTarget);}@Overridepublic void onVisibilityChanged(boolean visible){mVisible = visible;// 当界面可见时候,执行drawFrame()方法。if (visible){// 动态地绘制图形drawFrame();}else{// 如果界面不可见,删除回调mHandler.removeCallbacks(drawTarget);}}public void onOffsetsChanged(float xOffset, float yOffset, float xStep,float yStep, int xPixels, int yPixels){drawFrame();}public void onTouchEvent(MotionEvent event){// 如果检测到滑动操作if (event.getAction() == MotionEvent.ACTION_MOVE){mTouchX = event.getX();mTouchY = event.getY();}else{mTouchX = -1;mTouchY = -1;}super.onTouchEvent(event);}// 定义绘制图形的工具方法private void drawFrame(){// 获取该壁纸的SurfaceHolderfinal SurfaceHolder holder = getSurfaceHolder();Canvas c = null;try{// 对画布加锁c = holder.lockCanvas();if (c != null){c.save();// 绘制背景色c.drawColor(0xff000000);// 在触碰点绘制圆圈drawTouchPoint(c);// 绘制圆圈c.drawCircle(cx1, cy1, 80, mPaint);c.drawCircle(cx2, cy2, 40, mPaint);c.drawCircle(cx3, cy3, 50, mPaint);c.drawCircle(cx4, cy4, 60, mPaint);c.restore();}}finally{if (c != null)holder.unlockCanvasAndPost(c);}mHandler.removeCallbacks(drawTarget);// 调度下一次重绘if (mVisible){cx1 += 6;cy1 += 8;// 如果cx1、cy1移出屏幕后从左上角重新开始if (cx1 > 320)cx1 = 15;if (cy1 > 400)cy1 = 20;cx2 -= 6;cy2 -= 8;// 如果cx2、cy2移出屏幕后从右下角重新开始if (cx2 <15)cx2 = 300;if (cy2 <20)cy2 = 380;cx3 -= 6;cy3 += 8;// 如果cx3、cy3移出屏幕后从右上角重新开始if (cx3 <0)cx3 = 300;if (cy3 >400)cy3 = 20;cx4 += 6;cy4 -= 8;// 如果cx4、cy4移出屏幕后从左下角重新开始if (cx4 >320)cx4 = 15;if (cy4 <0)cy4 = 380;// 指定0.1秒后重新执行mDrawCube一次mHandler.postDelayed(drawTarget, 100);}}// 在屏幕触碰点绘制圆圈private void drawTouchPoint(Canvas c){if (mTouchX >= 0 && mTouchY >= 0){c.drawCircle(mTouchX, mTouchY, 40, mPaint);}}}}
这样,就基本实现了一个动态壁纸:气泡浮动的效果.
不过这只是一个入门的小例子,如果想达到商用效果,还有很多方面需要进行优化:
1. 绘制更加复杂的图形
2. 使用3D Animation动画效果
3. 色彩方面需要丰富起来
4. 更新UI的方法我使用了handler的postDelay(runnable,millsecond)的方法,这里虽然实现的代码较少,但效率较低,画面仍不够流畅.
不过本人精力有限,因此在此提供了代码,希望有兴趣的朋友可以将其完善,或者给出具体的解决方案,共同讨论