インポート文「kotlinx～」が赤い表示でエラーっぽいのですが、何が原因でしょうか？

Question

前提・実現したいこと

AndroidStudioでKotlinの勉強を始めたばかりの初心者です。
本を一冊買って、さあ、はじめようか、
というところなのですが。

本には

import kotlinx.android.synthetic.main.activity_main.*
をインポート

とだけ記述されているので、
よくわからないまま、ネットで調べて、そのままコピペしたところ
明らかにエラーっぽい感じで赤くなっています。

おそらくそれが原因だと思いますが
その下にコードを書いても
エラーっぽく赤くなっています。

該当のソースコード

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

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

        button.setOnClickListener{
            textView.text = "こんにちは"
        }
    }
}

<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:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

</androidx.constraintlayout.widget.ConstraintLayout>

試したこと

import kotlinx.android.synthetic.main.activity_main.*
をごっそり削除して
ネットで調べて見よう見まねで
var tv:TextView = findViewById(R.id.textView)
var btn:Button = findViewById(R.id.button)

    btn.setOnClickListener{
        tv.text = "こんにちは"
    }

これだと上手くいきました。
これはこれでいいとは思うのですが
テキストに記載されているコードとは違うので、どうも腑に落ちない。

補足情報（FW/ツールのバージョンなど）

AndroidStudio4.1.3

Answer 1

それは synthetic import という機能でしたが、残念ながら最近廃止になってしまいました。
すでに対応されているように findViewById するか、view binding をお使いください。
参考: Kotlin Android Extensions syntheticsのdeprecatedに伴う対応 - Qiita

---

view binding の使い方ですが、まず app/build.gradle の android { 〜 } の中に次を追加します。

android {
    // 追加
    viewBinding {
        enabled = true
    }
}

あとは次のようにソースを修正。

• import 文を変更。ActivityMainBinding は activity_main.xml から自動生成されます。
• lateinit なプロパティを追加、onCreate で初期化して binding.root を setContentView する。
• layout xml の中で android:id を指定したものは binding.指定したid で参照できる。

 import androidx.appcompat.app.AppCompatActivity
 import android.os.Bundle
-import kotlinx.android.synthetic.main.activity_main.*
+import com.example.myapplication.databinding.ActivityMainBinding

 class MainActivity : AppCompatActivity() {
+    private lateinit var binding: ActivityMainBinding
 
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContentView(R.layout.activity_main)
+        binding = ActivityMainBinding.inflate(layoutInflater)
+        setContentView(binding.root)
 
-        button.setOnClickListener{
-            textView.text = "こんにちは"
+        binding.button.setOnClickListener{
+            binding.textView.text = "こんにちは"
         }
     }
 }

参考: ビュー バインディング | Android デベロッパー | Android Developers

Comments

[jileizeilei]

え？廃止になったんですか？先週買ったばかりの本なのに・・・。
仕方ないですね。
すみません、１つだけ
>findViewById するか、view binding
どっちが一般的なのでしょうか？
個人的にはこれから始めるので「一般的な方」「無難な方」を覚えたいのですが。

[hoshi-takanori]

ここ数年 Android (特に Kotlin) のコードの書き方はころころ変わってるので、困ってしまいますよね。
「無難な方」と言われると findViewById でしょうか。でも、コードが冗長になるので、慣れてきたら view model も試してみるといいかも。回答欄に追記しておきます。