이미지뷰 Imageview

안드로이드 화면에 이미지를 넣는 법을 확인합니다.

 

이미지를 넣으려면, Imageview를 사용해야 하며, 안드로이드에서 사용되는 이미지는 drawable이라는 폴더에 저장되게 됩니다. 안드로이드 스튜디오를 설치하면, 디폴트로 2개의 이미지가 주어지게 됩니다.

 

이미지 저장 시 주의해야 할 점은 해상도를 신경써야 하는 부분입니다.

같은 이미지도 저해상~고해상도로 나뉘기 때문입니다.

저해상도 핸드폰에서는 저해상도 이미지를 사용하고, 고해상도 핸드폰에서는 고해상도 이미지를 쓸 수 있도록 해야 합니다.

 

이러한 역할을 도와주는 것이 Drawable Importer라는 플러그인입니다. 해당 플러그인을 마켓플레이스에서 추가로 설치하면, 한번의 이미지 저장으로 원하는 해상도에 맞게 사용이 가능합니다.

반응형

마켓플레이스는 상단 메뉴에서 바로 들어가거나 Shift + Shift, 쉬프트 키를 2번 눌러서 Plugins 검색 후 이동하면 됩니다.

Drawable Importer에 이미지를 하나 주면, 여러 해상도에 맞게 자동으로 이미지를 생성해줍니다.

 

우선 이미지뷰와 관련된 코드를 확인합시다.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:src="@drawable/ic_launcher_foreground" />

    <ImageView
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="#FFEB3B"
        android:scaleType="centerCrop"
        android:src="@drawable/sunflower" />

</LinearLayout>

에뮬레이션 결과

이미지를 넣으려면, drawable에 저장된 이미지 이름을 경로(@) 뒤에 적어주시면 됩니다. android:src="@drawable/sunflower" 이런식으로 해바라기 이미지를 불러왔습니다.

 

* 참고로 사진을 1대1비율이 아닌 꽉 채워서 넣거나 다른 비율로 넣고 싶다면, ScaleType 속성을 이용하면 됩니다.

주로 사용되는 ScaleType 속성 값은 fitxy 또는 centercrop입니다.