안드로이드 스튜디오 이미지 위에 이미지 - andeuloideu seutyudio imiji wie imiji

안드로이드에서는 이미지 파일 확장자로 PNG, JPG, GIF, BMP 를 지원합니다. 보통 PNG 나 BMP 를 권장하며, JPG 나 GIF 는 사용하지 않는 것이 좋습니다. 안드로이드 스튜디오에서 앱 구현을 위해 사용 가능한 이미지들을 어떻게 추가하는지 기초적인 내용을 알려 드리겠습니다.

▼ 추가해야 할 이미지 파일이 많지 않을 때 사용할 수 있는 방법입니다. 안드로이드에서 이미지가 들어갈 위치는 정해져 있습니다. 바로 res > drawable 폴더입니다. 이곳을 선택하고 복사한 이미지를 붙여 넣습니다. 붙여 넣기 단축키는 Ctrl + V 입니다.

▼ 이미지는 바로 추가되지 않습니다. 이미지의 퀄리티에 따라 해상도 별로 분류가 됩니다. 다중화면 지원을 위해 폴더가 나누어져 있습니다. 화면 크기별로 이미지를 준비하지 않았다면 ldpi 에 넣으세요.

l  ldpi (저밀도) ~120dpi

l  mdpi (중간 밀도) ~160dpi

l  hdpi (고밀도) ~240dpi

l  xhdpi (초고밀도) ~320dpi

l  xxhdpi (초초고밀도) ~480dpi

l  xxxhdpi (초초초고밀도) ~640dpi

▼ 두 번째 이미지 추가를 위한 화면은 이름을 정하는 것입니다. 복사한 원래 이미지 파일의 이름을 변경해서 추가할 수 있습니다. 

▼ 두 번째 방법은 해당 폴더의 위치를 찾아서 추가하는 것입니다. 프로젝트 폴더로 가서 drawable 를 찾는 것보다 쉽게 빠른 방법이 있습니다. drawable 에서 오른쪽 마우스를 누른 후 Show in Explorer메뉴를 선택하는 것입니다. 탐색기 창이 열리면서 해당 위치를 바로 찾아 줍니다. 

▼ 화질 별로 폴더에 이미지를 넣으세요. 

▼ 이미지를 삽입한 후 레이아웃 XML 에서 사용해 보았습니다. @drawable 는 이미지 폴더를 가리킵니다. 

일단 화면은 다음과 같다.

역시 하고나면 간단하다.. 이미지 위에 뭔가 올릴수 있는 API가 있을것이라고 생각했지만.. 결국 XML의 구성이었던가..

XML의 코딩은 다음과 같다
<?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"
    >
    <FrameLayout
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">
  <ImageView
   android:id="@+id/backgroundimage"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:src="@drawable/test"
   />
  <LinearLayout
   android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      >

         <TextView 
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:text="@string/hello"
      />

       <Button
   android:id="@+id/"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />

    <Button
   android:id="@+id/"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content" 
   />

    <Button
   android:id="@+id/"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />

     <Button
   android:id="@+id/"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   />
  </LinearLayout>
 </FrameLayout>   
</LinearLayout>

어렵군하 어려워~~