引用:http://www.ophonesdn.com/article/show/278
标签 : 动态壁纸 Live Wallpapers 时间壁纸 TimeWall
随着三星Oscar的上市,流畅的操作,华丽的界面,OPhone 2.0的不俗表现不禁让人眼前一亮。作为OPhone 2.0一个新特性,动态壁纸(Live Wallpapers)为用户带来了更炫体验。本文主要通过一个完整的时间壁纸(TimeWall)为大家介绍如何开发 Live Wallpapers。还没开发环境?赶紧去下载OPhone SDK 2.0吧!
1、 Live Wallpapers是什么?
在
oscar上有一个动态壁纸叫“天空草地”,用过一段时间,可以发现,随着时间的变化,壁纸的天空就会由蓝蓝青天变成繁星满天。看看效果:
为什么壁纸还有这么神奇的变化,这中间到底是什么在起作用?其实,一个
Live Wallpaper就是一个apk!也就是说,动态壁纸的实质是一个apk在后台不断地重绘壁纸,所以我们可以让小草长高,小鸟飞翔。
来看一下我们
TimeWall的AndoridManifest.xml:
- <?xml version="1.0" encoding="utf-8"?>
- <manifest xmlns:android="http://schemas.android.com/apk/res/android"
- package="com.oms.LiveWall" android:versionCode="1"
- android:versionName="1.0">
- <application android:icon="@drawable/icon" android:label="@string/app_name">
- <service android:label="@string/app_name" android:name=".TimeWall"
- android:permission="android.permission.BIND_WALLPAPER">
- <intent-filter>
- <action android:name="android.service.wallpaper.WallpaperService" />
- </intent-filter>
- <meta-data android:name="android.service.wallpaper"
- android:resource="@xml/alive_wall" />
- </service>
- </application>
- <uses-sdk android:minSdkVersion="7" />
- </manifest>
原来如此简单,动态壁纸仅仅有一个
service就够了。其中
android:permission
=
"android.permission.BIND_WALLPAPER"
是让该
service有能设置为壁纸的权限,没有的话该壁纸只能被预览。
<uses-sdk
android:minSdkVersion="7" />
告诉我们,如果你想开发一个
live wallpaper,必须是OPhone 2.0或者更高的版本。当然这也需要手机硬件的支持。
2、怎样实现WallpaperService?
WallpaperService与其他的
service唯一的不同就是,你必须要增加一个方法onCreateEngine(),它会返回一个WallpaperService.Engine,这个engine才是负责绘制壁纸以及响应与用户交互事件的核心部件。这个service代码结构如下:
- public class TimeWall extends WallpaperService {
- public Engine onCreateEngine() {
- return new TimeEngine();
- }
- public class TimeEngine extends Engine {
- // ...more code
- }
- }
类TimeEngine才是处理壁纸的核心类,我们会在类TimeEngine中加上自己的逻辑以完成壁纸的绘制、变化以及销毁。Engine的生命周期与大多数OPhone应用程序组件,比如activity类似,都是从onCreate()开始,在销毁时调用onDestory()方法。不同的是WallpaperService会提供一个surface用来绘制壁纸,所以在生命周期中多一个onSurfaceCreated与onSurfaceDestroyed的过程。下面是一个最简生命周期:
也就是说只要我们实现上面四个方法,一个基本的LiveWallpaper就可以完成了。让我们逐个看一下这几个方法的实现。
- @Override
- public void onCreate(SurfaceHolder surfaceHolder) {
- super.onCreate(surfaceHolder);
- setTouchEventsEnabled(true);
- }
- @Override
- public void onDestroy() {
- super.onDestroy();
- mHandler.removeMessages(DRAW);
- }
- @Override
- public void onSurfaceCreated(SurfaceHolder holder) {
- super.onSurfaceCreated(holder);
- mHandler.sendEmptyMessage(DRAW);
- }
- @Override
- public void onSurfaceDestroyed(SurfaceHolder holder) {
- super.onSurfaceDestroyed(holder);
- mHandler.removeMessages(DRAW);
- }
在
onCreate方法里,我们
setTouchEventsEnabled(
true);
作用是使壁纸能响应
touch event,默认是false。TimeWall会在用户点击屏幕的时候画一个十字架,所以我们需要设置其为true。
可以看到我们在这四个方法里面做的事情非常简单,就是在
create时候发一个message,执行画面的绘制,在destory时remove这个消息。看一下mHandler的代码:
- private Handler mHandler = new Handler() {
- public void handleMessage(Message msg) {
- switch (msg.what) {
- case DRAW:
- drawWall();
- break;
- }
- }
- };
方法
drawWall():
- private void drawWall() {
- SurfaceHolder holder = getSurfaceHolder();
- Canvas canvas = holder.lockCanvas();
- drawTime(canvas);
- drawCross(canvas);
- holder.unlockCanvasAndPost(canvas);
- mHandler.removeMessages(DRAW);
- mHandler.sendEmptyMessageDelayed(DRAW, 50);
- }
从上面可以看出,动态壁纸实际上就是不断刷新的静态壁纸,越华丽越流畅,
CPU就消耗越大,对于现在的本来电量就不怎么地的智能机来说,耗电也是很可观的。但是偶尔向朋友们炫一下还是绝对可行的。drawTime()与drawCross()的内容可以由家自己实现,在TimeWall里,它们比较简单。drawTime()是计算下一处Time String应该移动到的坐标,以及画出这个String。drawCross()的作用是在用户触发onTouchEvent时画一个十字架。因为TimeWall比较简单,如果大家自己实现的画图比较复杂,可以另外开启一个线程来刷新UI,否则有可能主线程被阻塞掉。(代码见附件)
看看TimeWall的效果:
附件代码:
- package com.OPhonesdn.timewall;
- import java.text.SimpleDateFormat;
- import java.util.Date;
- import android.graphics.Canvas;
- import android.graphics.Color;
- import android.graphics.Paint;
- import android.os.Handler;
- import android.os.Message;
- import android.service.wallpaper.WallpaperService;
- import android.view.MotionEvent;
- import android.view.SurfaceHolder;
- public class TimeWall extends WallpaperService {
- public Engine onCreateEngine() {
- return new TimeEngine();
- }
- public class TimeEngine extends Engine {
- private final float STEP_X = 2f;
- private final float STEP_Y = 7f;
- private final float SCOPE_LEFT = 10f;
- private final float SCOPE_RIGHT = 110f;
- private final float SCOPE_TOP = 250f;
- private final float SCOPE_BOTTOM = 600f;
- private final float RADIUS = 20f;
- private final int DIRECTION_1 = 1; // move to right top side
- private final int DIRECTION_2 = 2; // move to right bottom side
- private final int DIRECTION_3 = 3; // move to left bottom side
- private final int DIRECTION_4 = 4; // move to left top side
- private final int DRAW = 1;
- private float mTouchX = -1f;
- private float mTouchY = -1f;
- private float mLocationX = 0f;
- private float mLocationY = 400f;
- private int mDirection = 1;
- private Paint mPaint = new Paint();
- private Handler mHandler = new Handler() {
- public void handleMessage(Message msg) {
- switch (msg.what) {
- case DRAW:
- drawWall();
- break;
- }
- }
- };
- public TimeEngine() {
- mPaint.setColor(Color.RED);
- mPaint.setAntiAlias(true);
- mPaint.setStrokeWidth(4);
- mPaint.setStrokeCap(Paint.Cap.BUTT);
- mPaint.setStyle(Paint.Style.STROKE);
- mPaint.setTextSize(40);
- }
- @Override
- public void onCreate(SurfaceHolder surfaceHolder) {
- super.onCreate(surfaceHolder);
- setTouchEventsEnabled(true);
- }
- @Override
- public void onDestroy() {
- super.onDestroy();
- mHandler.removeMessages(DRAW);
- }
- @Override
- public void onSurfaceCreated(SurfaceHolder holder) {
- super.onSurfaceCreated(holder);
- mHandler.sendEmptyMessage(DRAW);
- }
- @Override
- public void onSurfaceDestroyed(SurfaceHolder holder) {
- super.onSurfaceDestroyed(holder);
- mHandler.removeMessages(DRAW);
- }
- @Override
- public void onTouchEvent(MotionEvent event) {
- if (event.getAction() == MotionEvent.ACTION_MOVE
- || event.getAction() == MotionEvent.ACTION_DOWN) {
- mTouchX = event.getX();
- mTouchY = event.getY();
- } else {
- mTouchX = -1;
- mTouchY = -1;
- }
- super.onTouchEvent(event);
- }
- private void drawWall() {
- SurfaceHolder holder = getSurfaceHolder();
- Canvas canvas = holder.lockCanvas();
- drawTime(canvas);
- drawCross(canvas);
- holder.unlockCanvasAndPost(canvas);
- mHandler.removeMessages(DRAW);
- mHandler.sendEmptyMessageDelayed(DRAW, 50);
- }
- private void drawTime(Canvas c) {
- Date date = new Date(System.currentTimeMillis());
- SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
- String strDate = sdf.format(date);
- c.save();
- c.drawColor(0xff000000);
- c.drawText(strDate, mLocationX, mLocationY, mPaint);
- switch (mDirection) {
- case DIRECTION_1:
- mLocationX = mLocationX + STEP_X;
- mLocationY = mLocationY - STEP_Y;
- if (mLocationY <= SCOPE_TOP) {
- mDirection = DIRECTION_2;
- }
- break;
- case DIRECTION_2:
- mLocationX = mLocationX + STEP_X;
- mLocationY = mLocationY + STEP_Y;
- if (mLocationX >= SCOPE_RIGHT) {
- mDirection = DIRECTION_3;
- }
- break;
- case DIRECTION_3:
- mLocationX = mLocationX - STEP_X;
- mLocationY = mLocationY + STEP_Y;
- if (mLocationY >= SCOPE_BOTTOM) {
- mDirection = DIRECTION_4;
- }
- break;
- case DIRECTION_4:
- mLocationX = mLocationX - STEP_X;
- mLocationY = mLocationY - STEP_Y;
- if (mLocationX <= SCOPE_LEFT) {
- mDirection = DIRECTION_1;
- }
- break;
- }
- c.restore();
- }
- private void drawCross(Canvas c) {
- if (mTouchX >= 0 && mTouchY >= 0) {
- c.drawLine(mTouchX - RADIUS, mTouchY, mTouchX + RADIUS,
- mTouchY, mPaint);
- c.drawLine(mTouchX, mTouchY - RADIUS, mTouchX,
- mTouchY + RADIUS, mPaint);
- }
- }
- }
- }