(안드로이드) 이미지 뷰 [ImageView] 사용법 및 개념

ImageView

안녕하세요 초이 입니다~.

잡설 없이 바로 시작하겠습니다.

이미지 뷰 (ImageView) 개념

  - 비트맵 (BitMap) 또는 드로어블(Drawable) 리소스 같은 이미지 리소스를 그리는 뷰(View)입니다.

  - 이미지 뷰 (ImageView)는 이미지 색조를 조정하고 이미지 크기도 조정이 가능합니다.

이미지뷰(ImageView)를 표시하는 일반적인 xml 작성 방법은 아래와 같습니다.

<LinearLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
     <ImageView
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:src="@mipmap/ic_launcher"
         />
 </LinearLayout>

그럼 지금 부터 아래의 여러 예제를 통해 실습하시고 이미지 뷰(ImageView)를 여러분 입맛대로 바꾸어 쓰시면 됩니다.

예제1) Drawable 리소스를 활용한 ImageView 출력

  1. [activity_main.xml] 작성 소스

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/border"
    android:orientation="vertical">


    <ImageView
        android:id="@+id/imageView"
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:srcCompat="@drawable/ic_launcher_foreground" />
    
</LinearLayout>

  2. [출력 결과]

예제2) Bitmap을 활용한 ImageView 출력

 1. [Asset폴더 생성]

 

2.  [Assets 폴더에 이미지 파일 넣기]

 3. [activity_sub.xml] 작성 소스

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/border"
    android:orientation="vertical">


    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

 4. [MainActivity.java] 작성 소스

public class MainActivity extends AppCompatActivity {
ImageView imageView;
Bitmap bitmap;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sub);

        imageView = (ImageView) findViewById(R.id.imageView);
        AssetManager as = getResources().getAssets();
        InputStream is = null;

        try{
            is = as.open("va.jpg");

            bitmap = BitmapFactory.decodeStream(is);

            imageView.setImageBitmap(bitmap);

            is.close();
        }catch(Exception e){
            e.printStackTrace();
        }
    }
}

 [출력 결과]

정말 간단한 ImageView 사용 예제 2가지를 살펴보았습니다.

사실 깊게 들어가면 

기기 내부에 있는 이미지 가져오기, 리소스 등록 후 사용하기 등등 여러 방법들이 있지만

간단한 사용 법 부터 숙지한 후 차차 익히시는 것을 추천 드립니다.

글을 읽어 주셔서 감사합니다~~~