Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

画像を読み込んで表示する

アプリでコンテンツやユーザーアクションへのレスポンスとして画像を表示するには、ディスクまたはインターネット上の外部ソースから画像を読み込みます。画像を読み込む方法は次のとおりです。

ディスクから
Coil を使用してネットワークから
Glide を使用してネットワークから

結果

バージョンの互換性

この実装では、プロジェクトの minSDK を API レベル 21 以上に設定する必要があります。

ディスクから画像を読み込む

ローカルに保存されている画像をディスクから読み込んで、アプリでコンテンツとして表示したり、ユーザーアクションに応答したりできます。

依存関係

画像を読み込む

次のコードを使用して、ローカルに保存されている画像をディスクから読み込んでアプリに表示します。

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

コードに関する主なポイント

アプリのリソースから画像を読み込む 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"
)LoadingImagesSnippets.kt

Glide を使用して画像を読み込む

Glide を使用して、インターネット上の外部に保存されている画像を読み込んで、アプリのフィードに表示できます。Glide は、スムーズスクロールを重視した、Android 向けの高速かつ効率的な画像読み込みライブラリです。メインスレッドから画像を読み込む処理を行い、読み込みが完了すると画像を表示します。

依存関係

画像を読み込む

次のコードを使用して、Glide で画像を読み込みます。

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