Android studioでアニメーションができない

Question

android studioでkotkinを使い、イラストレーターで作成した画像のアニメーションを実装したい。

発生している問題・エラーメッセージ

エラーメッセージ
Unresolved reference: imageView

該当のソースコード

package jp.bool.shake


import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.view.View
import android.view.animation.Animation
import android.view.animation.TranslateAnimation


class shakeActivity : AppCompatActivity(){

    override  fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.shake)
    }

    fun onButtonClick(v: View){
        val translate = TranslateAnimation(0f, 0f, 0f, -200F)
        translate.repeatMode = Animation.REVERSE
        translate.repeatCount = 5
        translate.duration = 100
        imageView.startAnimation(translate)
　　　　  ↑このimageViewの部分が赤くなり、エラーを起こします！　idが合っているのはなんども確認しました。
        }
    }

?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:gravity="center_horizontal|center_vertical"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/mdpi" />

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onButtonClick"
        android:text="@string/Bt_action" />
</LinearLayout>

アニメーションしたい画像のidはimageViewで間違いなく、なぜエラーが発生するのかがわかりません。前回も同じ実装をして、問題なく動作したのですが…。

補足情報

Answer 1

これはAndroid Studio 4.1で作成したプロジェクトでしょうか。コンポーネントのIDを直接コードに記述して参照することができるのはKotlin Android Extensionsというプラグインの機能によるものですが、4.0まではデフォルトでこのプラグインを用いることができるプロジェクトが作成されていたものが、4.1からは省かれるようになりました。（理由はよく知りません）

改善方法としては、build.gradle（app）を修正してプラグインを記述する方法と、findViewById()を用いてImageViewのオブジェクトを参照できるようにする方法の2つがあります。

---

（改善方法1）

build.gradle（app）を開いて、

plugins {
    id 'com.android.application'
    id 'kotlin-android'
    id 'kotlin-android-extensions'
}

のようにkotlin-android-extensionsのプラグインの記述を追加してください。それから、Kotlinソースコードでは

import kotlinx.android.synthetic.main.activity_main.*

のimport文を追加してください。

---

（改善方法2）

findViewById()を用いてImageViewのオブジェクトを参照できるように記述を追加してください。

    fun onButtonClick(v: View){
        val translate = TranslateAnimation(0f, 0f, 0f, -200F)
        translate.repeatMode = Animation.REVERSE
        translate.repeatCount = 5
        translate.duration = 100
        val imageView: ImageView = findViewById(R.id.imageView) // この行を追加
        imageView.startAnimation(translate)
    }
  

どちらか一方を実施すれば改善できると思います。

Comments

[退会済みユーザー]

ありがとうございます！　無事に実装出来ました！
差し支えなければ、もう一つ質問しても宜しいでしょうか？

『コンポーネントのIDを直接コードに記述して参照することができるのはKotlin Android Extensionsというプラグインの機能によるものですが、4.0まではデフォルトでこのプラグインを用いることができるプロジェクトが作成されていたものが、4.1からは省かれるようになりました』

こういった知識はどうやって入手できるのでしょうか？　上記の情報源を検索して探してみましたが見つからず、keicha_hrsさんはどのようにして知りえたのか、その調査方法をご教授願えないでしょうか？

[keicha_hrs]

主にネットで情報をつぶさにチェックしている程度です。また、Android Studioもバージョンが上がる度に公式のリリースノートをチェックしたり、複数バージョン導入して比較したりといった情報収集を行っています。

[退会済みユーザー]

丁寧にありがとうございました！　感謝です！