0

キャンバス画像を自動変更したい。

帆布の画像を次々と連続して設定してほしいという意味です。

画像を一度だけ設定するコードを書きました。

しかし、キャンバス画像を自動的に変更するコードがわからないため、オブジェクトが道路を走っているような効果が得られます。

では、キャンバスでそのような種類のアニメーションを作成する方法は何ですか？

そのような2Dアニメーションを作成するためのアイデアを教えてください。

よろしくお願いします。

4

2 に答える 2

2

フレームアニメーションのこのチュートリアルをチェックしてください：

http://www.youtube.com/watch?v=iTKtT-R98EE

詳細については、次のリンクをご覧ください。

フレームごとのアニメーションの開始

手順は次のとおりです。

フレームアニメーションでは、フレームを繰り返し交換するため、人間の目には連続して表示され、アニメーション化されているように感じられます。フレームは画像を参照します。したがって、フレームアニメーションを実装するには、モーションを説明する一連の画像が必要です。

ステップ1-ドローアブルフォルダを作成します。

その中にanimation_list.xmlファイルを作成します。

含まれるもの：フレーム画像のアドレスを持つアイテムのリスト。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">

<item android:drawable="@drawable/blank" android:duration="210" />
<item android:drawable="@drawable/logo" android:duration="210" />
<item android:drawable="@drawable/logo1" android:duration="210" />
<item android:drawable="@drawable/logo2" android:duration="210" />
<item android:drawable="@drawable/logo3" android:duration="210" />
<item android:drawable="@drawable/logo4" android:duration="210" />
<item android:drawable="@drawable/logo5" android:duration="210" />
<item android:drawable="@drawable/logo6" android:duration="210" />
<item android:drawable="@drawable/logofinal" android:duration="210" />
</animation-list>

ステップ2-activity_main.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" >

    <ImageView
        android:id="@+id/imageAnimation"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true" />

</RelativeLayout>

ステップ3-onCreateメソッドの外：

画像ビューとアニメーション描画可能を宣言します

// Declaring an Image View and an Animation Drawable

ImageView view;
AnimationDrawable frameAnimation;

ステップ4-OnCreateメソッドの内部：

画像ビューを型キャストするアニメーションドローアブルを型キャストする画像ビューにドローアブルの背景を設定します

// Typecasting the Image View
view = (ImageView) findViewById(R.id.imageAnimation);

// Setting animation_list.xml as the background of the image view
view.setBackgroundResource(R.drawable.animation_list);

// Typecasting the Animation Drawable
frameAnimation = (AnimationDrawable) view.getBackground();

ステップ5-onCreateメソッドの後：

アニメーションは、フォーカスがある場合、つまりユーザーに表示されている場合にのみ実行する必要があります。したがって、onCreateメソッドの後にこのメソッドを定義します。

// Called when Activity becomes visible or invisible to the user
@Override
public void onWindowFocusChanged(boolean hasFocus) {
    super.onWindowFocusChanged(hasFocus);
      if (hasFocus) {
    // Starting the animation when in Focus
    frameAnimation.start();
    } else {
        // Stoping the animation when not in Focus
    frameAnimation.stop();
      }
}

ソース

于 2013-02-18T11:31:08.763 に答える
2

私はこれを次のようにします：

  • ビットマップを含むカスタムビューを作成し、onDraw()このビットマップでキャンバスに描画します
  • このカスタムビューにセッターを与えて、新しいビットマップを与えます（おそらくressouce-idまたは同様のものとして）
  • キャンバスのリソースを少なくとも1秒間に24回変更し、をcustomView.invalidate()介して呼び出す新しいスレッドを（UIハンドラーを使用して）作成します。handler.post

これは私のために働いた

編集：コード

アクティビティ：

package de.test.animation;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;

public class AnimationTestActivity extends Activity {
Button btn;
CustomView customView;
LinearLayout layout;

int[] imageIDs;

private void init(){    //array with my ressouce-IDs
    imageIDs = new int[]{
        R.drawable.pic1,    
        R.drawable.pic2,    
        R.drawable.pic3,    
        R.drawable.pic4,    
        R.drawable.pic5,    
        R.drawable.pic6,    
        R.drawable.pic7,    
        R.drawable.pic8,    
        R.drawable.pic9,    
        R.drawable.pic10,   
        R.drawable.pic11,   
        R.drawable.pic12,   
        R.drawable.pic13,   
        R.drawable.pic14,   
        R.drawable.pic15,   
        R.drawable.pic16,   
        R.drawable.pic17,   
        R.drawable.pic18,   
        R.drawable.pic19,   
        R.drawable.pic20,   
        R.drawable.pic21,   
        R.drawable.pic22,   
        R.drawable.pic23,   
        R.drawable.pic24    
    };
}

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    init();

    btn = (Button) findViewById(R.id.btnStart);
    layout = (LinearLayout)findViewById(R.id.layout);

    customView = new CustomView(this);
    customView.setNewImage(imageIDs[0]);
    layout.addView(customView);

    btn.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            Thread t = new Thread(){
                private final int FPS = 24; //How many frames will be dran per second
                private final int SLEEPTIME = 1000/FPS; //Time, the thread waits, before drawing the next picture

                @Override
                public void run() {
                    super.run();
                    for(int i=0;i<imageIDs.length;i++){
                        customView.setNewImage(imageIDs[i]);    //set next picture
                        customView.repaint();   //draw the picture on the canvas
                        try {
                            sleep(SLEEPTIME);   //wait, until the next picture can be drawn
                        } catch (InterruptedException e) {
                            e.printStackTrace();
                        }
                    }
                }
            };
            t.start();
        }
    });
}
}

CustomView：

パッケージde.test.animation;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.view.View;


public class CustomView extends View {
private Bitmap image;   //image to be drawn on this view
private Context context;

public CustomView(Context context) {    //constructor
    super(context);
    this.context = context;
}

public void setNewImage(int r_id){  //method to set a new picture (via resouce-id)
    image = BitmapFactory.decodeResource(context.getResources(), r_id); //decode the image from the resouces
}

public void repaint(){  //method to repaint this view
    this.post(new Runnable(){   //posting via a new runnable (otherwhise you get a "calledByWrongThreadException"
        @Override
        public void run() {
            invalidate();   //Thread initiates UI-Thread to update this view
        }
    });
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawBitmap(image, 0, 0, new Paint()); //draw the picture in the view
}


}

これがお役に立てば幸いです。じゃあ、頑張ってね。

于 2013-02-18T11:33:31.167 に答える