滑車のように 2 つの糸車を作成しようとしているので、取り付けられたロープが動くたびに 2 つの滑車が回転します。私は2つのアプローチを試しました:
1) 以下を呼び出す View クラスの onDraw() メソッド内で Matrix.postRotate を使用します。
private void drawSpinningWheel(Canvas canvas)
{
try
{
canvas.save();
Bitmap bitmapOrg = null;
int iDrawable = R.drawable.spinning_button;
bitmapOrg = BitmapFactory.decodeResource(getResources(), iDrawable);
if(bitmapOrg != null)
{
int width = bitmapOrg.getWidth();
int height = bitmapOrg.getHeight();
int newWidth = 24;
int newHeight = 24;
// calculate the scale - in this case = 0.4f
float scaleWidth = ((float) newWidth) / width;
float scaleHeight = ((float) newHeight) / height;
// createa matrix for the manipulation
Matrix matrix = new Matrix();
// resize the bit map
matrix.postScale(scaleWidth, scaleHeight);
matrix.postRotate((float) mDegrees++);
Bitmap resizedBitmap = Bitmap.createBitmap(bitmapOrg, 0, 0,
width, height, matrix, true);
canvas.drawBitmap(resizedBitmap, matrix, null);
}
canvas.restore();
}
catch(Exception e)
{
Log.e(TAG + "drawSpinningWheel", e.getMessage());
}
}
しかし、画像が回転するだけでなく、別の軸を中心に回転しているように見えます
2) run() コールで SurfaceView と別のスレッドを使用します。
private void doDraw(Canvas canvas) {
// Draw the background image. Operations on the Canvas accumulate
// so this is like clearing the screen.
canvas.drawBitmap(mBackgroundImage, 0, 0, null);
int yTop = mCanvasHeight - ((int) mY + mSpinningWheelImageHeight / 2);
int xLeft = (int) mX - mSpinningWheelImageWidth / 2;
...
// Draw the ship with its current rotation
canvas.save();
canvas.rotate((float) mHeading++, (float) mX, mCanvasHeight
- (float) mY);
mSpinningWheelImage.setBounds(xLeft, yTop, xLeft + mSpinningWheelImageWidth, yTop
+ mSpinningWheelImageHeight);
mSpinningWheelImage.draw(canvas);
canvas.restore();
}
紡績はできますが、別の紡績車を追加することはできません。2 番目の糸車用に別のスレッドを作成しようとしても、1 つしか表示されません。誰かが私を正しい方向に向けることができますか? ありがとう。
3）OK今、RotateAnimationも試しました：
public class GraphicsView extends View { private static final String QUOTE = "Java を使用する人はもう誰もいません。この大きな重量級のボールとチェーンです。";
private Animation anim;
private Animation anim2;
private Bitmap jobs;
private Bitmap wheel;
private int jobsXOffset;
private int jobsYOffset;
private int wheelXOffset;
private int wheelYOffset;
public GraphicsView(Context context)
{
super(context);
jobs = BitmapFactory
.decodeResource(getResources(), R.drawable.spinning_button);
jobsXOffset = jobs.getWidth() / 2;
jobsYOffset = jobs.getHeight() / 2;
wheel = BitmapFactory
.decodeResource(getResources(), R.drawable.wheel);
wheelXOffset = jobs.getWidth() / 2;
wheelYOffset = jobs.getHeight() / 2;
}
private void createAnim(Canvas canvas)
{
anim = new RotateAnimation(0, 360, canvas.getWidth() / 2, canvas
.getHeight() / 2);
anim.setRepeatMode(Animation.INFINITE);
anim.setRepeatCount(Animation.INFINITE);
anim.setDuration(10000L);
anim.setInterpolator(new AccelerateDecelerateInterpolator());
startAnimation(anim);
}
private void createAnim2(Canvas canvas)
{
anim2 = new RotateAnimation(0, 360, canvas.getWidth() / 2+30, canvas
.getHeight() / 2);
anim2.setRepeatMode(Animation.INFINITE);
anim2.setRepeatCount(Animation.INFINITE);
anim2.setDuration(10000L);
anim2.setInterpolator(new AccelerateDecelerateInterpolator());
startAnimation(anim);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// creates the animation the first time
if (anim == null) {
createAnim(canvas);
}
int centerX = canvas.getWidth() / 2;
int centerY = canvas.getHeight() / 2;
canvas.drawBitmap(jobs, centerX - jobsXOffset,
centerY - jobsYOffset, null);
canvas.drawBitmap(wheel, centerX - wheelXOffset + 30,
centerY - wheelYOffset, null);
}
}
結果はCanvas.Rotateに似ています。最初の画像をうまく回転させることができましたが、2番目の画像も実際に回転していることに気づきましたが、2番目の画像は最初の画像を中心に回転します。2番目の画像には別のビューが必要なようです。車輪を回転させる方法がわからないが、取り付けられたロープが回転しないようにする方法がわからないため、これを避けたいと思っていました。