DEV Community

ownership903
ownership903

Posted on • Updated on

[Android Studio|Kotlin] Binding

viewBinding

    buildFeatures {
        viewBinding = true
    }
Enter fullscreen mode Exit fullscreen mode

Example 1 ) setOnClickListener

[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        binding.btnSay.setOnClickListener {
            binding.textSay.text = "Hello Kotlin"
        }

    }
}
Enter fullscreen mode Exit fullscreen mode

[activity_main.xml]

    <TextView
        android:id="@+id/textSay"
        android:layout_width="77dp"
        android:layout_height="19dp"
        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/btnSay"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="31dp"
        android:text="Button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textSay" />
Enter fullscreen mode Exit fullscreen mode

Example 2-1 ) addTextChangedListener
[activity_main.xml]

    <TextView
        android:id="@+id/textView"   />

    <EditText
        android:id="@+id/editText" />
Enter fullscreen mode Exit fullscreen mode 
class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            editText.addTextChangedListener{
                Log.d("EditText012345", "Current Value=${it.toString()}")
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 2-2 ) addTextChangedListener
[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            editText.addTextChangedListener{ editable ->
                Log.d("EditText012345", "Current Value=${editable.toString()}")
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 2-3 ) addTextChangedListener
Depending on the version of Android Studio used, the parameters of the automatically generated function may be different.
like .. [s: Editable?], [s: CharSequence?], [p0: Editable?], [edit: Editable?]

[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        binding.editText.addTextChangedListener(object : TextWatcher{
            override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
            }
            override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
            }
            override fun afterTextChanged(p0: Editable?) {
                Log.d("EditText012345", "Current Value=${p0.toString()}")
                binding.textView.text = p0.toString()
            }
        })
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 3-1 ) Check if the entered characters are 8 or more characters like when checking ID when logging in
[MainActivity.kt]


class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            editText.addTextChangedListener{
                if (it.toString().length >= 8) {
                    Log.d("EditText012345", "over 8=${it.toString()}")
                }
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 3-2 ) Check if the entered characters are 8 or more characters like when checking ID when logging in
[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        binding.editText.addTextChangedListener(object : TextWatcher{
            override fun beforeTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
            }
            override fun onTextChanged(p0: CharSequence?, p1: Int, p2: Int, p3: Int) {
            }
            override fun afterTextChanged(p0: Editable?) {
                if (p0.toString().length >= 8 ) {
                    Log.d("EditText012345", "over 8=${p0.toString()}")
                }
            }
        })
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 4-1 ) CHECKBOX
{ compoundButton, b -> }
{ compoundButton, i -> }
{ buttonView, isChecked -> }

[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            checkApple.setOnCheckedChangeListener (listener)
            checkBanana.setOnCheckedChangeListener (listener)
            checkOrange.setOnCheckedChangeListener (listener)
        }
    }
    var listener = CompoundButton.OnCheckedChangeListener { buttonView, isChecked ->
        if (isChecked) {
            when (buttonView.id) {
                R.id.checkApple -> Log.d("CheckBox", "Apples have been selected.")
                R.id.checkBanana -> Log.d("CheckBox", "Banana have been selected.")
                R.id.checkOrange -> Log.d("CheckBox", "Orange have been selected.")
            }
        } else {
            when (buttonView.id) {
                R.id.checkApple -> Log.d("CheckBox", "Apple are deselected.")
                R.id.checkBanana -> Log.d("CheckBox", "Banana are deselected.")
                R.id.checkOrange -> Log.d("CheckBox", "Orange are deselected.")
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 4-2 ) CHECKBOX
{ compoundButton, b -> }
{ buttonView, isChecked -> }
[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            var listener = CompoundButton.OnCheckedChangeListener { compoundButton, b -> 
                if (b) {
                    when (compoundButton.id) {
                        R.id.checkApple -> Log.d("CheckBox", "Apples have been selected.")
                        R.id.checkBanana -> Log.d("CheckBox", "Banana have been selected.")
                        R.id.checkOrange -> Log.d("CheckBox", "Orange have been selected.")
                    }
                } else {
                    when (compoundButton.id) {
                        R.id.checkApple -> Log.d("CheckBox", "Apple are deselected.")
                        R.id.checkBanana -> Log.d("CheckBox", "Banana are deselected.")
                        R.id.checkOrange -> Log.d("CheckBox", "Orange are deselected.")
                    }
                }
            }
            checkApple.setOnCheckedChangeListener (listener)
            checkBanana.setOnCheckedChangeListener (listener)
            checkOrange.setOnCheckedChangeListener (listener)
        }

    }
}
Enter fullscreen mode Exit fullscreen mode

Example 5 ) ToggleButton, Switch
[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            toggleButton.setOnCheckedChangeListener { compoundButton, isChecked ->
                textToggle.text = if(isChecked) "On" else "Off"
            }
            switchButton.setOnCheckedChangeListener { compoundButton, isChecked ->
                textSwitch.text = if(isChecked) "On" else "Off"
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 6 ) ProgressBar
LinearLayout android:id="@+id/progressLayout"
[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            // MAIN THREAD
            showProgress(true)
            thread(start=true) {
                Thread.sleep(3000)
                runOnUiThread {
                    showProgress(false)
                }
            } // SUB THREAD
        } // MAIN THREAD
    }

    fun showProgress(show: Boolean){
        binding.progressLayout.visibility = if(show) View.VISIBLE else View.GONE
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 7 ) SeekBar
SeekBar android:id="@+id/seekBar"
TextView android:id="@+id/textView"
(SeekBar: SeekBar?, progress: Int, fromUser: Boolean)
(p0: SeekBar?, p1: Int, p2: Boolean)
[MainActivity.kt]

class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            seekBar.setOnSeekBarChangeListener(object :SeekBar.OnSeekBarChangeListener {
                override fun onProgressChanged(p0: SeekBar?, p1: Int, p2: Boolean) {
                    textView.text = "$p1"
                }
                override fun onStartTrackingTouch(p0: SeekBar?) {}
                override fun onStopTrackingTouch(p0: SeekBar?) {}
            })
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Example 8 ) Rating Bar
RatingBar android:id="@+id/ratingBar"
TextView android:id="@+id/textView"
{ ratingBar, fl, b -> }
{ ratingBar, rating, fromUser -> }
[MainActivity.kt]


class MainActivity : AppCompatActivity() {

    val binding by lazy { ActivityMainBinding.inflate(layoutInflater) }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        with(binding) {
            ratingBar.setOnRatingBarChangeListener { ratingBar, fl, b ->
                textView.text = "$fl"
            }
        }
    }
}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

mordodemaru profile image

Open sourcing Octo STS

Jordi Mon Companys -

vishalwaje profile image

Enhancing Java Web Development Skills: @WebServlet Annotation, JSP, Servlet vs. JSP, and Exception Handling

Vishal -

lico profile image

Handling 404 Error in SPA Deployed on GitHub Pages

SeongKuk Han -

capjavert profile image

How single message broke all our monitoring and dashboards

Ante Barić -