[Android] ライブ壁紙の作り方

How to code live-wallpaper applications
ライブ壁紙のアプリケーションを作ってみました。
対応OSはAndroid2.1以上です。
ライブ壁紙の作り方はさぞかし難しいだろうと思っていたのですが、プログラム的にはSurfaceViewと同じで意外と簡単でした。
以下ソースです。

マニフェスト(AndroidManifest.xml) <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="jp.fujiu.livewallpaper" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="7" /> <application android:icon="@drawable/ic_launcher" android:label="Mtk's Live Wallpaper" > <service android:name=".WallpaperSasmple" android:label="Mtk's Live Wallpaper" 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/wallpaper"/> </service> </application> </manifest>
リソースファイル(res/xml/wallpaper.xml) <?xml version="1.0" encoding="utf-8"?> <wallpaper xmlns:android="http://schemas.android.com/apk/res/android" android:thumbnail="@drawable/ic_launcher" android:description="Mtk's Live Wallpaper" />
ライブ壁紙のソース(WallpaperSasmple.java) package jp.fujiu.livewallpaper; import java.util.ArrayList; import android.content.SharedPreferences; import android.content.SharedPreferences.OnSharedPreferenceChangeListener; 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 WallpaperSasmple extends WallpaperService { //円の色 private static final int[] colors = new int[]{ Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW, Color.CYAN, }; private int colorId = -1; private static class CurrentPosition { static boolean isTouched = false; static float x = 0; static float y = 0; static long startTime = 0; } private Paint paint = null; //丸のサイズ private float size = 0; //offset private float xoffset = 0f; private float yoffset = 0f; @Override public Engine onCreateEngine() { return new MyEngine(); } public class MyEngine extends Engine implements OnSharedPreferenceChangeListener { private static final int BG_COLOR = Color.WHITE; private boolean visible = false; //赤い丸の定義 private Circle circle = new Circle(); private static final int WHAT = 0; private final Handler handler = new Handler(){ //描画のメインループ @Override public void handleMessage(Message msg) { final SurfaceHolder holder = getSurfaceHolder(); Canvas canvas = null; canvas = holder.lockCanvas(); if (canvas!=null){ //背景塗りつぶし canvas.drawColor(BG_COLOR); //赤い丸を描画 circle.draw(canvas, xoffset, yoffset); //現在タッチしている位置に丸表示 if (CurrentPosition.isTouched){ //円の描画 paint = new Paint(); paint.setColor(colors[colorId]); paint.setAlpha(0xffffffff); size = (float) (System.currentTimeMillis() - CurrentPosition.startTime) / 10f; canvas.drawCircle(CurrentPosition.x, CurrentPosition.y, size, paint); } } holder.unlockCanvasAndPost(canvas); //再帰呼び出し if (visible){ sendEmptyMessageDelayed(msg.what, 10); } } }; @Override public void onTouchEvent(MotionEvent event) { switch (event.getAction()){ case MotionEvent.ACTION_DOWN: //指をおいたときの処理 CurrentPosition.isTouched = true; CurrentPosition.x = event.getX(); CurrentPosition.y = event.getY(); CurrentPosition.startTime = System.currentTimeMillis(); //色を順番に設定 if (++colorId == colors.length) colorId = 0; break; case MotionEvent.ACTION_MOVE: CurrentPosition.x = event.getX() + xoffset; CurrentPosition.y = event.getY() + yoffset; break; case MotionEvent.ACTION_UP: //指を離したときの処理 CurrentPosition.isTouched = false; //丸の描画を設定 circle.setPotision(colors[colorId], event.getX(), event.getY(), size); break; } } @Override public void onCreate(SurfaceHolder surfaceHolder) { setTouchEventsEnabled(true); } @Override public void onVisibilityChanged(boolean visible) { this.visible = visible; if (visible) { handler.sendEmptyMessage(WHAT); } else { handler.removeMessages(WHAT); } } @Override public void onSharedPreferenceChanged(SharedPreferences sharedPreferences, String key) { } @Override public void onDestroy() { handler.removeMessages(WHAT); } } private class Circle { private class Struct{ //色 public int color = 0; //アルファ値 public int alpha = 0xff; //半径 public float radius = 0f; //座標 public float x = 0f; public float y = 0f; } private ArrayList<Struct> structs = new ArrayList<Struct>(); //アルファ値の減る量 private final int DIFF = 10; public void setPotision(int color, float x, float y, float radius){ Struct struct = new Struct(); struct.color = color; struct.x = x; struct.y = y; struct.radius = radius; structs.add(struct); } public void draw(Canvas canvas, float xoffset, float yoffset){ Struct struct; Paint paint; //ArrayListを消す処理があるので後ろから前に向かってループ処理する for (int i=structs.size()-1; i>-1; i--){ struct = structs.get(i); if (struct.alpha > 0){ //円の描画 paint = new Paint(); paint.setColor(struct.color); paint.setAlpha(struct.alpha); canvas.drawCircle(struct.x + xoffset, struct.y + yoffset, struct.radius, paint); //アルファ値を減らす struct.alpha -= DIFF; } else { //アルファ値がゼロ以下なら要素の削除 structs.remove(i); } } } } }

このライブ壁紙は画面をタップすると徐々に大きくなる円を描き、指を離すと徐々に消えていきます。
円の色は5種類です。
円の数の上限を決めてないのでたくさん表示させることができますが、動作が遅くなるかもしれません。

以上、参考になれば幸いです。