Android Studio: Coil の使い方

Coil は、Android 用の画像読み込みライブラリです。
COIL

画像のURL を指定して、表示するプログラムです。

プロジェクトの作成

Empty Views Activity を選ぶ

インターネットへのアクセスできるようにする。

 <uses-permission android:name="android.permission.INTERNET" />

を追加

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <uses-permission android:name="android.permission.INTERNET" />
    <application
（省略）

Coil をロードする

build.gradle.kts (Module app)

（省略）
dependencies {
    implementation("io.coil-kt:coil:2.4.0")
（省略）

View の作成

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/image_view"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center"
        android:background="#CCCCCC"/>

</androidx.constraintlayout.widget.ConstraintLayout>

プログラム

import coil.load がないとエラーになります。

MainActivity.kt

package com.example.jpeg03

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
import coil.load

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val imageUrl =
            "https://www.city.fuji.shizuoka.jp/page/gazou/fmervo000001dsro-att/rn2ola000000lk6n.JPG"

        val timageView = findViewById<ImageView>(R.id.image_view)
        timageView.load(imageUrl)

    }

}

実行結果