2

キャンバス内にある画像の境界を取得して、タッチされたかどうかを検出する必要がありますが、キャンバスを回転すると、getbounds() は同じ値を維持します。キャンバスの回転後に正しい値を取得するにはどうすればよいですか?

//CODE ON VIEW CLASS:

    canvas.save();  
    canvas.rotate(rotation, Xpos, Ypos);

    secHandImg.setBounds(left,top,right,bottom);    
    secHandImg.setAntiAlias(true);
    secHandImg.draw(canvas);

    circleHandImg.setBounds(left,top,right,bottom); 
    circleHandImg.setAntiAlias(true);
    circleHandImg.draw(canvas);

    canvas.restore();


//CODE ON FRAGMENT CLASS:

        public boolean onTouch(View view, MotionEvent event) {

                Rect imageBounds = MyClass.secHandImg.getBounds();          

                int action = event.getAction();

                final int x = (int)event.getX();
                final int y = (int)event.getY();


                    if(action == MotionEvent.ACTION_DOWN)   {

    if(x >= imageBounds.left && x < (imageBounds.left + imageBounds.width())
    && y >= imageBounds.top && y < (imageBounds.top + imageBounds.height())){

//THIS DON´T WORK IF CANVAS ROTATES 
                imageBoundsTouch = true;


                }

        }

ここに私の問題をよりよく説明するための画像があります:

http://s11.postimg.org/z7j0xgwmb/Imagen_2.png

4

2 に答える 2

1

三角法を使用して、回転した四角形の境界を取得できます。

function BBoxDimensions(width,height,radianAngle){
  var c = Math.abs(Math.cos(radianAngle));
  var s = Math.abs(Math.sin(radianAngle));
  return({  width: height * s + width * c,  height: height * c + width * s });
}

また、trig を使用して、回転したバウンディング ボックスの XY を取得できます。

// where cx/cy is the center of rotation of the target
// and startingX/startingY is the starting xy of the unrotated target

var x1 = startingX - cx;
var y1 = startingY - cy;
newX =cx+ x1*Math.cos(angle) - y1*Math.sin(angle);
newY =cy+ y1*Math.cos(angle) + x1*Math.sin(angle);
于 2013-04-24T21:17:37.393 に答える
0

境界値を再計算します onOrientationChanged()

于 2013-04-24T21:03:39.793 に答える