Tag Archives: 안드로이드

[Java/Android] 회전오류를 복구하는 카메라를 이용한 Bitmap 이미지 캡춰링

조금 순서가 반대로 되는 포스팅일것 같습니다만 이전에 [카메라 호출후 이미지 크롭하기] 글을 작성한 적이 있습니다. 간단하게 카메라만 임시로 호출하기 위해 사용하기엔 너무 복잡한 면이 있는듯 하니 이번에는 간단하게 카메라 사용에 관련된 포스팅을 하나 해보겠습니다.

하지만 여기서 중요한 기능을 하나 추가했는데요, 대부분의 기기가 사진 촬영시에 기기의 회전율을 고려하지 않고 바로 저장해 버린다는 문제를 재회전을 통해 복구하는 로직을 추가해보았습니다.

1. 카메라 호출하기

[code]// 임시로 사용할 파일 생성
File photo = new File(Environment.getExternalStorageDirectory(),
  “.camera.jpg”);
imageUri = Uri.fromFile(photo);

// 카메라를 호출합니다.
Intent i = new Intent(“android.media.action.IMAGE_CAPTURE”);
i.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
MainActivity.this.startActivityForResult(i,REQUEST_CAMERA);[/code]

2. 결과 처리 (onActivityResult)

[code]if(requestCode == REQUEST_CAMERA && resultCode == RESULT_OK)
{
  try
  {
    // 비트맵 이미지로 가져온다
    String imagePath = imageUri.getPath();
    Bitmap image = BitmapFactory.decodeFile(imagePath);
    
    // 이미지를 상황에 맞게 회전시킨다
    ExifInterface exif = new ExifInterface(imagePath);
    int exifOrientation = exif.getAttributeInt(
  ExifInterface.TAG_ORIENTATION, ExifInterface.ORIENTATION_NORMAL);
    int exifDegree = exifOrientationToDegrees(exifOrientation);
    image = rotate(image, exifDegree);
    
    // 변환된 이미지 사용
    imageView.setImageBitmap(image);
  }
  catch(Exception e)
  {
    Toast.makeText(this, “오류발생: ” + e.getLocalizedMessage(),
  Toast.LENGTH_LONG).show();
  }
}[/code]

3. 회전에 사용되는 추가 함수들

[code]/**
 * EXIF정보를 회전각도로 변환하는 메서드
 *
 * @param exifOrientation EXIF 회전각
 * @return 실제 각도
 */
public int exifOrientationToDegrees(int exifOrientation)
{
  if(exifOrientation == ExifInterface.ORIENTATION_ROTATE_90)
  {
    return 90;
  }
  else if(exifOrientation == ExifInterface.ORIENTATION_ROTATE_180)
  {
    return 180;
  }
  else if(exifOrientation == ExifInterface.ORIENTATION_ROTATE_270)
  {
    return 270;
  }
  return 0;
}

/**
 * 이미지를 회전시킵니다.
 *
 * @param bitmap 비트맵 이미지
 * @param degrees 회전 각도
 * @return 회전된 이미지
 */
public Bitmap rotate(Bitmap bitmap, int degrees)
{
  if(degrees != 0 && bitmap != null)
  {
    Matrix m = new Matrix();
    m.setRotate(degrees, (float) bitmap.getWidth() / 2,
    (float) bitmap.getHeight() / 2);
    
    try
    {
      Bitmap converted = Bitmap.createBitmap(bitmap, 0, 0,
      bitmap.getWidth(), bitmap.getHeight(), m, true);
      if(bitmap != converted)
      {
        bitmap.recycle();
        bitmap = converted;
      }
    }
    catch(OutOfMemoryError ex)
    {
      // 메모리가 부족하여 회전을 시키지 못할 경우 그냥 원본을 반환합니다.
    }
  }
  return bitmap;
}[/code]

4. AndroidManifest.xml 추가 설정

– 카메라 회전시에도 기존의 엑티비티를 제거하지 않도록 방지하기 위해 <activity..에 추가
[code]android:configChanges=”keyboardHidden|orientation”[/code]
– 카메라를 사용하기 위한 퍼미션 추가
[code]<uses-permission android:name=”android.permission.CAMERA”/>[/code]

* 결론

카메라를 이용하여 사진을 찍을때는 EXIF라는 메타 데이터가 이미지 파일에 추가로 기록이 됩니다. 이곳에서는 회전상태등이 저장이 되는데 이 값을 읽어온 후 회전된 상태만큼을 다시 원상복귀를 시키게 됩니다. exifOrientationToDegrees메서드를 사용하여 일반적으로 우리가 사용하는 정수형 회전각도값을 알아온후에 rotate메서드를 사용하여 이미지를 실제로 회전시킵니다.

1217742705.zip

[Android] 9패치(9-Patch) 로 동적인 배경 이미지 처리하기

사용자 삽입 이미지
안드로이드에서 TextView에 글자 몇글자를 적어보았습니다. 그리고 배경으로 회색의 그림자가 살짝 있는 바형태의 이미지를 깔아보았습니다. 위와 같이 고정된 형태의 TextView라면 아무런 문제가 없을 것입니다. 하지만 내부의 글의 양이 동적이라면 어떻게 처리해야 할까요?

사용자 삽입 이미지
이제 고민할 것이 많아질 것입니다. 하지만 안드로이드에서는 9-Patch라는 기능을 제공합니다. 이 기능을 사용하면 동적으로 변하는 레이아웃에 효율적으로 대응할 수 있습니다.

위의 예제에서 사용되는 이미지는 실제로 다음과 같이 생긴 이미지입니다. (예시를 위해 3200배 확대하였습니다)

사용자 삽입 이미지

위에서 보이는 검은점 하나가 1픽셀입니다. 결과적으로 이 이미지의 가장 바깥쪽 1픽셀은 실제로 눈에 보이지 않게 되는 영역입니다. 안쪽의 그림자 효과가 추가된 네모만이 실제로 눈에 보이게 되는 영역입니다. 그렇다면 쓰이지 않는 바깥쪽 1픽셀 영역의 검은점은 무엇일까요?

실제로 저 검은점의 부분이 원하는 크기에 맞게 동적으로 늘어나는 부분입니다. 검은색 영역을 쭉 늘어뜨린다고 생각하시면 됩니다. 여기서는 가로와 세로의 영역을 모두 정의하였으므로 맨 처음 보여드렸던 예제처럼 가로/세로 어떤 형태로든지 자유롭게 확장이 가능합니다.

이 파일을 저장할 때는 일반적으로 사용 되는 .png가 아닌 9.png라는 확장자를 사용하셔야 합니다. 위의 파일은 background.9.png로 저장하였습니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#fff">

<TextView  
   android:layout_width="fill_parent" 
   android:layout_height="wrap_content"
   android:layout_margin="20dp"
   android:text="@string/hello"
   android:background="@drawable/background"/>

</LinearLayout>

그리고 이미지를 사용할경우에는 위와 같이 사용을 하면 됩니다. 여기서 주의할 점은 9.png를 모두 표기하지 않는다는 것입니다. @drawable/background만을 사용한것이 바로 그 예입니다.

사용자 삽입 이미지

추가로 알아두어야 할 점으로 위와 같은 형태의 9-Patch를 사용하게 되면 오른쪽의 가로 검은점에 의해 그영역만 늘어나게 될텐데요. 늘어나지 않는 영역에 대해서는 자동으로 Padding 영역으로 할당이 되게 됩니다.

결과적으로 왼쪽의 많은 부분에 특정 엘리먼트들이 자리잡을수 없게 됩니다. 이경우 padding값을 0으로 바꾸시면 9-Patch에서 자동으로 지정된 Padding을 제거할 수 있습니다. [예제코드 다운로드]