[android] Material Design의 이미지 및 아이콘 사용법

이 문서에서는 안드로이드 앱에서 Material Design을 따르는 이미지 및 아이콘을 사용하는 방법에 대해 알아보겠습니다.

1. 이미지 사용하기

Material Design에서는 고해상도 이미지를 사용하여 앱을 더욱 현대적으로 만드는 것이 중요합니다. 이미지를 사용할 때는 다음과 같은 사항을 고려해야 합니다.

1.1 이미지 삽입

안드로이드에서는 이미지를 사용하기 위해 ImageView를 활용합니다.

ImageView imageView = findViewById(R.id.imageView);
imageView.setImageResource(R.drawable.my_image);

1.2 고해상도 이미지 사용

안드로이드 앱에서는 다양한 화면 크기와 해상도를 지원해야 합니다. 고해상도 이미지를 사용하여 다양한 화면에 적합한 이미지를 제공해야 합니다.

1.3 이미지 리사이징

안드로이드에서는 ImageViewscaleType 속성을 사용하여 이미지를 리사이징할 수 있습니다.

<ImageView
    android:id="@+id/imageView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:src="@drawable/my_image"
    android:scaleType="centerCrop" />

2. 아이콘 사용하기

Material Design에서는 아이콘을 사용하여 앱의 사용자 경험을 향상시킵니다. 아이콘을 사용할 때는 다음과 같은 사항을 고려해야 합니다.

2.1 아이콘 라이브러리 사용

Material Design에서는 AndroidX 라이브러리를 사용하여 다양한 디자인 아이콘을 제공합니다.

implementation 'com.google.android.material:material:1.4.0'

2.2 아이콘 삽입

아이콘을 사용하기 위해서는 MaterialComponents 라이브러리의 MaterialImageView를 사용합니다.

<com.google.android.material.imageview.ShapeableImageView
    android:id="@+id/icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/ic_my_icon"
    app:shapeAppearanceOverlay="@style/rounded" />

Material Design을 준수하여 이미지 및 아이콘을 적절하게 활용하면 사용자들에게 더 나은 시각적 경험을 제공할 수 있습니다.


참고 문서: