Question

我一直试图在Android中做一些精灵动画（这是一次大学练习），但我遇到了一个奇怪的问题。它不是绘制我定义为源的矩形，而是直接绘制该矩形的一半。

这是我的绘图方法的代码

public class Sprite {
Bitmap image;
Point frameSize;
int[] rows;
public int curFrame;
public int curRow;

public void draw(Canvas c, Paint p, Vector2 pos)
{
    Rect src;
    int left = curFrame * frameSize.x;
    int top = curRow * frameSize.y;
    int right = left + frameSize.x;
    int bottom = top + frameSize.y;

    src = new Rect(left, top, right, bottom);
    Rect dest = new Rect((int)pos.x, 0, (int)pos.x + frameSize.x, frameSize.y);

    c.drawBitmap(image, src, dest, p);
}

这是我使用

的图片

所有帧大小相同（44x40），图像为440x80，当我调用方法时，我将此值作为frameSize给出。

Point基本上是一个包含一对x，y整数的对象。

Vector2是一个包含一对x，y浮点数的对象。

我还会渲染一些文本用于调试目的。

以下是一些屏幕截图：

对不起，截图很大。我不知道是否有办法在StackOverflow中显示它们更小

Answer 1

我看不到你的代码。重要的是：

data$variable<-sapply(data$variable, function(x) eval(parse(text=x)))

这是我的代码：

int left = currIndex * peopleWidth;
int top = 40;
int right = left + peopleWidth;
int bottom = 80;
//clip the bitmap to show
Rect src = new Rect(left, top, right, bottom);
//set the display location in view
Rect display = new Rect(0, 0, mWidth, mHeight);
canvas.drawBitmap(mBitmap, src, display, null);

您可以在XML中使用它：

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;

import com.rajesh.customcamera.R;

import java.util.concurrent.TimeUnit;

import io.reactivex.Observable;
import io.reactivex.android.schedulers.AndroidSchedulers;
import io.reactivex.annotations.NonNull;
import io.reactivex.functions.Consumer;

/**
 * Created by rajesh.zhu on 2017/9/28.
 */

public class MovingPeopleView extends View {
    private static final String TAG = "MovingPeopleView";
    private int defaultWidth = 44;
    private int defaultHeight = 40;
    private int mWidth = 0;
    private int mHeight = 0;
    private int peopleWidth = 44;
    private int peopleHeight = 40;
    private int currIndex = 0;

    private Bitmap mBitmap = null;
    private boolean isRunning = false;

    public MovingPeopleView(Context context) {
        this(context, null);
    }

    public MovingPeopleView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MovingPeopleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);

        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        if (widthMode == MeasureSpec.EXACTLY) {
            //match_parent || absolute_value
            mWidth = widthSize;
        } else if (widthMode == MeasureSpec.AT_MOST) {
            //wrap_content
            mWidth = Math.min(defaultWidth, widthSize);
        } else {
            mWidth = defaultWidth;
        }

        if (heightMode == MeasureSpec.EXACTLY) {
            mHeight = heightSize;
        } else if (heightMode == MeasureSpec.AT_MOST) {
            mHeight = Math.min(defaultHeight, heightSize);
        } else {
            mHeight = defaultHeight;
        }

        setMeasuredDimension(mWidth, mHeight);
    }

    private void init(Context context) {
        mBitmap = BitmapFactory.decodeResource(context.getResources(), R.mipmap.icon_moving_people);
        //Log.i(TAG, "Width:" + mBitmap.getWidth() + ", Height:" + mBitmap.getHeight());
        //you can set the peopleWidth and peopleHeight here
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);
        int left = currIndex * peopleWidth;
        int top = 40;
        int right = left + peopleWidth;
        int bottom = 80;
        //clip in bitmap to show
        Rect src = new Rect(left, top, right, bottom);
        //set the show location in view
        Rect display = new Rect(0, 0, mWidth, mHeight);
        canvas.drawBitmap(mBitmap, src, display, null);
    }

    public void start() {
        isRunning = true;
        run();
    }

    public void stop() {
        isRunning = false;
    }

    private void run() {
        if (isRunning) {
            Observable
                    .timer(100, TimeUnit.MILLISECONDS)
                    .observeOn(AndroidSchedulers.mainThread())
                    .subscribe(new Consumer<Long>() {
                        @Override
                        public void accept(@NonNull Long aLong) throws Exception {
                            currIndex++;
                            if (currIndex == 10) {
                                currIndex = 0;
                            }
                            Log.i(TAG, "run");
                            invalidate();
                            run();
                        }
                    });
        }
    }

    public void recycler() {
        if (mBitmap != null) {
            mBitmap.recycle();
            mBitmap = null;
        }
    }
}

Canvas.drawBitmap将切割源减半

1 个答案: