Canvas.drawBitmapのソースを半分に切る

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という値が返されます。

ポイントは、基本的に、x、y整数のペアを保持するオブジェクトです。

Vector2は、x、yフロートのペアを保持するオブジェクトです。

また、デバッグの目的でテキストをレンダリングします。ここで

は、いくつかのスクリーンショットです：

私は申し訳ありませんが、スクリーンショットは莫大です。 StackOverflowの

Answer 1

に私はあなたのコードを見ることができない小さなそれらを表示する方法があるかどうかはわかりません。この重要なのです：

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); 

は、ここに私のコードです：

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; 
     } 
    } 
} 

あなたがXMLでそれを使用することができます：観察可能な部分は危険見えること

<com.rajesh.customcamera.view.MovingPeopleView 
    android:id="@+id/moving_people" 
    android:layout_width="50dp" 
    android:layout_height="50dp" />