이미지 로드 및 표시

콘텐츠 및 사용자 작업에 대한 응답으로 앱에 이미지를 표시하려면 디스크 또는 인터넷의 외부 소스에서 이미지를 로드합니다. 다음과 같은 방법으로 이미지를 로드할 수 있습니다.

  • 디스크에서
  • Coil을 사용하는 네트워크에서
  • Glide를 사용하는 네트워크에서

버전 호환성

이 구현을 사용하려면 프로젝트 minSDK를 API 수준 21 이상으로 설정해야 합니다.

디스크에서 이미지 로드

디스크에서 로컬로 저장된 이미지를 로드하여 콘텐츠용 앱에 표시하고 사용자 작업에 응답할 수 있습니다.

종속 항목

이미지 로드

다음 코드를 사용하여 디스크에서 로컬 저장된 이미지를 로드하여 앱에 표시합니다.

Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)

코드 관련 핵심 사항

  • 앱 리소스에서 이미지를 로드하는 painterResource()로 설정된 painter 속성이 있는 정의된 Compose Image 객체입니다.
  • TalkBack가 읽을 수 있는 contentDescription로, 앱의 접근성을 높일 수 있습니다.
  • strings.xml 파일에서 번역된 콘텐츠 설명을 로드하는 stringResource()입니다.

네트워크를 통해 이미지 로드

Coil 또는 Glide를 사용하여 인터넷에 외부 저장된 이미지를 로드할 수 있습니다. 프로젝트에 사용할 라이브러리를 선택하려면 프로젝트 요구사항 및 성능 제약조건과 같은 요소를 고려하세요.

Coil을 사용하여 이미지 로드

서드 파티 라이브러리인 Coil을 사용하여 인터넷에서 이미지를 로드할 수 있습니다. Coil은 Kotlin 코루틴으로 지원되며 기본 스레드에서 이미지를 로드하는 작업을 담당하고 로드되면 이미지를 표시합니다. 이 가이드를 따라 Coil을 사용하여 인터넷에서 이미지를 로드하세요.

종속 항목

이미지 로드

다음 코드를 사용하여 Coil을 사용하여 이미지를 로드합니다.

AsyncImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)

Glide를 사용하여 이미지 로드

Glide를 사용하여 인터넷에 외부적으로 저장된 이미지를 로드하여 앱 피드에 표시할 수 있습니다. Glide는 부드러운 스크롤에 중점을 두었으며 빠르고 효율적인 Android용 이미지 로드 라이브러리로, 기본 스레드에서 이미지를 로드하는 작업을 담당하고 로드되면 이를 표시합니다.

종속 항목

이미지 로드

다음 코드를 사용하여 Glide를 사용하여 이미지를 로드합니다.

GlideImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)

결과

개 이미지
그림 1. 로드되고 표시된 이미지

이 가이드가 포함된 컬렉션

이 가이드는 더 광범위한 Android 개발 목표를 다루는 선별된 빠른 가이드 모음의 일부입니다.

밝고 흥미로운 시각적 요소를 사용하여 Android 앱에 멋진 디자인과 분위기를 부여하는 기법을 알아보세요.

질문이나 의견이 있으신가요?

자주 묻는 질문(FAQ) 페이지로 이동하여 빠른 가이드를 알아보거나 문의하여 의견을 보내주세요.