素人のアンドロイドアプリ開発日記

流れる背景を作る

2018.04.11

アプリを作っていると静止画のところでポップさを出す時に、背景を移動させ続ける時があります。

こういう感じの画面でオブジェクトが横に流れ続ける方法です

Viewを用意してマークひとつの画像(画面全体を持つと容量が大きくなりすぎるので。)を用意しておきます。

public class StreamView extends View {

    private Handler mHandler = new Handler();
    Timer mTimer;
    public StreamView(Context context) {
        super(context);
        Util.callLog("StreamView:CONST");

        mTimer = new Timer();
        mTimer.schedule( new TimerTask(){
            @Override
            public void run() {
                // mHandlerを通じてUI Threadへ処理をキューイング
                mHandler.post( new Runnable() {
                    public void run() {
                        invalidate();
                    }
                });
            }
        }, 16, 16);
    }

    public void setMark(Bitmap _mark){
        mark = _mark;
        Util.callLog("StreamView:MARK");
    }

    Bitmap mark;

    Bitmap _bitmap;
    Canvas _canvas;

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        _bitmap = Bitmap.createBitmap((int) (w+120), h, Bitmap.Config.ARGB_4444);
        _canvas = new Canvas(_bitmap);
        _canvas.drawColor(Color.WHITE);
        if(mark != null) {
            for (int i = 0; i < 20; i++) {
                for (int j = 0; j < 20; j++) { if (j % 2 != 0) { _canvas.drawBitmap(mark, 120 * i - 60 , 120 * j , null); } else { _canvas.drawBitmap(mark, 120 * i , 120 * j *, null); } } } mark.recycle(); mark = null; } } float _count = 0; protected void onDraw(Canvas canvas) { _count++; if(_count > 0){
            _count -= 120;
        }
        if(_bitmap != null) {
            canvas.drawBitmap(_bitmap, _count, 0, null);
        }
    }
protected void onDraw(Canvas canvas) {
        _count++;
        if(_count > 0){
            _count -= 120*WindowData.scale;
        }
        if(_bitmap != null) {
            canvas.drawBitmap(_bitmap, _count, 0, null);
        }
    }

    public void destroy(){
        mTimer.cancel();
        _bitmap.recycle();
        _bitmap = null;
        mark = null;
        _canvas = null;
    }

}

こんな感じで実現しました。横と縦に長さがたりなかったりしたら伸ばしてもらえればいいのですが、上記の例だと

120ごとに画像を配置する。移動をさせて120移動したら元の位置に戻す。みたいな事を繰り返すと、常に流れ続ける背景を実現する事ができます。

 

ちなみにこの動作を下記のアプリで採用していますので、気になったら見てみてください

ひらがな戦記

 

同じカテゴリの記事を紹介します

ステータスバーの色を好きな色にするカメラの権限の取得をするpush通知の実装を確認をする為に、phpを書くしかないListView GridViewに下部にマージンをあけたい時よくつかうメモListViewの設定split で ドット文字列を、bitmapにするクラスを作ってみた。uriから画像の回転角度を取得するgridviewとlistviewで表示にalphaanimationを使ったら動かないのが存在する問題自分で変数を持つクラスを作ってコピーした時に参照まで渡してしまう問題でかい画像が表示されない。という問題interfaceをandroidで使ってみるフルスクリーンでナビゲーションバーまで消せるパソコンを買ったらする事点滅をさせるスクリプトJsonObjectを扱う時のtry catchが邪魔なのでシンプルにする2chのまとめアプリは気を付けろArrayAdapterの使い方setTimeOutを作るarraylistを並び替えAndroidの勉強で気を付けるべき6つの事staticで変数を持ちまわす時Androidで定規を作る時にサイズを確認してみる。TextureViewがゴミから神になった日ListViewの位置を変更しないで更新する方法animationをxmlで設定するのはアホなようだ。listを作るのがめんどい件について矩形の中の点の存在条件についてScrollViewのScrollToが効かない時Twitterのアプリを暗黙的Intentで狙いうちの巻勉強した内容をクラスにしてみてるText三角形の座標の包括判定をプログラムで実装前回作ったeasingを使って、translateアニメーションにイージングをかける。AndroidのデフォルトのアニメーションがダサいのでEasingをJavascriptから持ってきたmatrixを使って、回転をさせる時に中心点をずらす方法destoryとかで割と実行してるメモリリーク対策AnimationDrawable 動かないTextViewをセンター寄せにする。特定のアプリがインストールされているかを判別する方法surfacevierをaddviewすると、一瞬画面が点滅する件アニメーションで高さを変更listviewで押すとデフォルトで背景に色がつくのを抑止するline-heightをアンドロイドのtextviewで設定をする。listviewの区切り線を消すframelayoutだとmarginが効かない@android2.2アンドロイドのimageviewで背景が透けるという糞仕様を発見ウインドウのサイズを取得する方法decodeResourceは劣化する上に糞遅い。decodeResourceは劣化します。もう一度言います。decodeResourceは劣化します。gridviewでスクロールのたびgetViewでposition 0が呼ばれる。

カテゴリー:androidアプリTips

公開中のアプリ、是非ダウンロードしてみてください

2chまとめのたね

RSSを利用してさまざまなブログの情報をキュレーションしてくれるアプリ

インストールする

ひらがな戦記

OPENGL ES2 を利用したカルタのソーシャルゲーム

インストールする