Open In App

CheckedTextView in Kotlin

Last Updated : 18 Feb, 2021
Improve
Improve
Like Article
Like
Save
Share
Report

CheckedTextView is used to implement checkable interface where one can tick or check the needed or required items and leave out the rest. In this article, we will be discussing how to make a CheckedTextView manually.

The first step is to make or create a project in Android Studio. Here, we will be creating a project named CheckedTextViewInKotlin.

For creating a new project:

  1. Click on File, then New => New Project
  2. Then, check Include Kotlin Support and click next button.
  3. Select minimum SDK, whatever you need.
  4. Select Empty activity and then click finish.

Different attributes of CheckedTextView:

Attributes Description
android:id Gives a unique ID to the Textview.
android:gravity We can align text of the Textview vertically or horizontally or both.
android:height Used to set height of the Textview.
android:width Sets width of the TextView.
android:padding Used to set padding.
android:checkMark Used to set the drawable for checkmark.
android:checkMarkTint Used to set tint to the check mark.
android:checkMarkTintMode Blending mode used to apply the check mark tint.
android:checked Used to set the initial checked state of the checkedTextView which is false by default.

Modify the activity_main.xml file

In this file, we will add the CheckedTextView and use different attributes like checked, gravity etc. Later, it will be called in Kotlin file to add more functionalities.




<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical">
  
    <CheckedTextView
        android:id="@+id/ctv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:gravity="center"
        android:text="@string/checkedTextView"/>
  
</LinearLayout>


Make some changes in strings.xml file like app_name and other strings used in Kotlin file.




<resources>
    <string name="app_name">CheckedTextViewInKotlin</string>
    <string name="msg_shown">CTView is:</string>
    <string name="checked">checked</string>
    <string name="unchecked">unchecked</string>
    <string name="checkedTextView">CheckedTextView</string>
</resources>


MainActivity.kt file

Here, we first declare a checkedTextView variable and find the xml checkedTextView by using id.

val CTView = findViewById(R.id.ctv)

then, check using the conditional statement like

if (CTView.isChecked)
    android.R.drawable.checkbox_on_background
else
    android.R.drawable.checkbox_off_background)

In the end, we declare a variable msg to print the value when we checked the text view.




package com.geeksforgeeks.myfirstkotlinapp
  
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.CheckedTextView
import android.widget.Toast
  
class MainActivity : AppCompatActivity() {
  
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
  
        val CTView = findViewById<CheckedTextView>(R.id.ctv)
        if (CTView != null) {
            CTView.isChecked = false
            CTView.setCheckMarkDrawable(
                android.R.drawable.checkbox_off_background)
  
            CTView.setOnClickListener {
                CTView.isChecked = !CTView.isChecked
                CTView.setCheckMarkDrawable(
                    if (CTView.isChecked)
                        android.R.drawable.checkbox_on_background
                    else
                        android.R.drawable.checkbox_off_background)
  
                val msg = getString(R.string.msg_shown)+ " " +
                        getString(if (CTView.isChecked)
                            R.string.checked else R.string.unchecked)
                Toast.makeText(this@MainActivity, msg,
                    Toast.LENGTH_SHORT).show()
            }
        }
    }
}


AndroidManifest.xml file

This file contains the information like app_name specified in the strings.xml and other important android information.




<?xml version="1.0" encoding="utf-8"?>
package="com.geeksforgeeks.myfirstkotlinapp">
  
<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
  
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>
  
</manifest>


Run as emulator:

 



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments