DataBinding的な動きをImageBottunにもさせたい！

Question

【実現したいこと】
ボタンをタップするとテキストビューの表示が変化されると同時に、タップされたボタンの表示(アイコン)も変化される。

【現状】
DataBindingを活用して、テキストビューの変更は実現できましたが、アイコンの変化をどう実装して良いか分かりません

【コード】
・xml

<?xml version="1.0" encoding="utf-8"?>

<layout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="bnd_greet"
            type="String" />
    </data>


    <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">

        <TextView
            android:id="@+id/text_greet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{bnd_greet}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <ImageButton
            android:id="@+id/btn_mic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/text_greet"
            app:srcCompat="@android:drawable/btn_star_big_on" />
    </androidx.constraintlayout.widget.ConstraintLayout>

・Activity

package com.example.testdatabindingagain

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.databinding.DataBindingUtil
import com.example.testdatabindingagain.databinding.ActivityMainBinding
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {
    lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = DataBindingUtil.setContentView(this, R.layout.activity_main)

        binding.bndGreet = "おはよう"

        btn_mic.setOnClickListener {
            binding.bndGreet = "おやすみ"
        }

    }
}

・build.gradleに以下を追記

apply plugin: 'kotlin-kapt'  //追記

android {
   ...

　　//追記
    buildFeatures{
        dataBinding = true
    }

【最後に】
例えば、こういうメソッド使ってみるとかは？とかこのサイト参考になりますよ、とかなんでもいいので手掛かりになるようなアドバイス頂ければと思います。最近Android始めたばかりの新参者ですが、おてやわからにお願いします...

Answer 1

DataBindingでは、任意のViewクラスが持つ以下の条件を満たすメソッドをlayout上でバインドすることが可能です。

• publicなメソッド
• メソッド名がsetで始まる
• 引数が1つ

これを利用して、以下のように変数とバインドの定義をすれば目的の動きが実現できると思います。

<data>
    <variable name="micImage" type="Integer" />
</data>

...

<ImageButton
    ...
    app:imageResource="@{micImage}"
    />

• Activity

binding.micImage = R.drawable.btn_star_big_on

Comments

[chimo]

なるほど、勉強になりました、有難うございました。