2011-11-15 16 views
5

quiero que mi mapa de bits en el centro de mi screen..im tratando de esa manera, pero no su trabajo ...¿Cómo alinear el centro un mapa de bits?

Bitmap myBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.compass); 

      int w = canvas.getWidth(); 
      int h = canvas.getHeight(); 

      int bw=myBitmap.getWidth(); 
      int bh=myBitmap.getHeight(); 

      int cx = w/2; 
      int cy = h/2; 

      Display d = getWindowManager().getDefaultDisplay(); 
      int x = d.getWidth(); 
      int y = d.getHeight(); 
      int dx = x/2; 
      int dw = y /2; 
      canvas.translate(cx, cy);  
      if (mValues != null) { 
       canvas.rotate(-mValues[0]); 
      } 

      int centreX = (x - bw) /2; 

       int centreY = (cy - bh) /2; 
      //canvas.drawPath(mPath, mPaint); 
      canvas.drawBitmap(myBitmap, centreX,centreY, null); 
+0

¿Cuál es el resultado final con este código? (¿Cómo se alinea la imagen?) –

+0

¿En qué clase y función utiliza este código? (Actividad/Vista, onDraw ...) –

+0

lo uso en el vacío protegido onDraw (Canvas canvas). el resultado es la parte superior/izquierda de mi imagen en 0,0 –

Respuesta

9

Aquí está el código que necesita en su vista:

private int mWidth; 
private int mHeight; 
private float mAngle; 

@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) 
{ 
    mWidth = View.MeasureSpec.getSize(widthMeasureSpec); 
    mHeight = View.MeasureSpec.getSize(heightMeasureSpec); 

    setMeasuredDimension(mWidth, mHeight); 
} 

@Override protected void onDraw(Canvas canvas) 
{ 
    super.onDraw(canvas); 
    Bitmap myBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.compass); 

    // Here's the magic. Whatever way you do it, the logic is: 
    // space available - bitmap size and divide the result by two. 
    // There must be an equal amount of pixels on both sides of the image. 
    // Therefore whatever space is left after displaying the image, half goes to 
    // left/up and half to right/down. The available space you get by subtracting the 
    // image's width/height from the screen dimensions. Good luck. 

    int cx = (mWidth - myBitmap.getWidth()) >> 1; // same as (...)/2 
    int cy = (mHeight - myBitmap.getHeight()) >> 1; 

    if (mAngle > 0) { 
     canvas.rotate(mAngle, mWidth >> 1, mHeight >> 1); 
    } 

    canvas.drawBitmap(myBitmap, cx, cy, null); 
} 

Captura de pantalla sólo por diversión: http://imgur.com/EYpMJ
(Las líneas diagonales no son parte del código publicado aquí)

EDIT: Agregado la solución de NickT.
EDIT 2: Cambió mvalues ​​[0] a mAngle y lo convirtió en condicional. Se cambió la división por 2 operaciones a cambios de bits. Retire el código de rotación si no lo necesita.

+1

Esto debería funcionar bien, pero el punto de pivote para la rotación necesitará cambiar a canvas.rotate (-mValues ​​[0], mWidth/2, mHeight/2), de lo contrario lo hará pivotear en una esquina, no en el centro – NickT

+0

¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡Está bien! Una última respuesta, por favor. No hay problema, no estoy usando canvas.translate (cx, cy); if (mValues! = Null) { canvas.rotate (-mValues ​​[0]); } –

+0

Gracias @NickT por la rotación. Editado en la respuesta. –

3

Puede probar esto:

 int width = containerBitmap.getWidth(); 
     int height = containerBitmap.getHeight(); 
     float centerX = (width - centeredBitmap.getWidth()) * 0.5f; 
     float centerY = (height- centeredBitmap.getHeight()) * 0.5f; 

Usted puede utilizarlo para dibujar un mapa de bits en el centro de otro mapa de bits.

Cuestiones relacionadas