Skip to content
Related Articles

Related Articles

Improve Article
CheckedTextView in Kotlin
  • Last Updated : 18 Feb, 2021

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:

AttributesDescription
android:idGives a unique ID to the Textview.
android:gravityWe can align text of the Textview vertically or horizontally or both.
android:heightUsed to set height of the Textview.
android:widthSets width of the TextView.
android:paddingUsed to set padding.
android:checkMarkUsed to set the drawable for checkmark.
android:checkMarkTintUsed to set tint to the check mark.
android:checkMarkTintModeBlending mode used to apply the check mark tint.
android:checkedUsed 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:

 

Want a more fast-paced & competitive environment to learn the fundamentals of Android?
Click here to head to a guide uniquely curated by our experts with the aim to make you industry ready in no time!



My Personal Notes arrow_drop_up
Recommended Articles
Page :