Android TextView Using Kotlin with Example

• Create Project
• XML Code
• Kotlin Code
• Screenshot

Read later
Save important notes and articles from internet using arusaquotes app.

Create Project

Open Android Studio and create a new project.

How to Create a New Project in Android Studio

XML Code

Go to app > resource > layout > activity_main.xml. Give an unique id for TextView.

    
    android:id="@+id/firstText"
    
    

Style your textview by adding some attributes.

    
    android:fontFamily="sans-serif-medium"
    android:text="NotesJam"
    android:textColor="#6750A4"
    android:textSize="36sp"
    
    

Textview xml background color

    
    android:background="@color/teal_200"
    
    

Textview xml bold

    
    android:textStyle="bold"
    
    

Textview xml uppercase

    
    android:textAllCaps="true"
    
    

Here is the final xml code activity_main.xml.

    
    <?xml version="1.0" encoding="utf-8"?>
    <androidx.appcompat.widget.LinearLayoutCompat xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:orientation="vertical"
        tools:context=".MainActivity">

    <TextView
        android:id="@+id/firstText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/teal_200"
        android:fontFamily="sans-serif-medium"
        android:text="NotesJam"
        android:textAllCaps="true"
        android:textColor="#6750A4"
        android:textSize="36sp"
        android:textStyle="bold"/>

    <TextView
        android:id="@+id/secondText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="NotesJam"
        android:textSize="36sp" />
    </androidx.appcompat.widget.LinearLayoutCompat>
    
    

Kotlin Code

Go to app > java > com.example.textviewdemo(Maybe different in your case) > MainActivity.kt and put this code outside of onCreate function.

    
    private lateinit var firstText: TextView
    
    

Put this code after setContentView()

    
    firstText = findViewById(R.id.firstText)
    
    

Textview kotlin set text

    
    //Set text in textview programmatically
    secondText.text = "NotesJam.com"
    
    

Textview text color programmatically

    
    //TextView text color programmatically
    secondText.setTextColor(getColor(R.color.teal_700))
    
    

Textview padding programmatically

    
    //TextView padding programmatically
    secondText.setPadding(20)
    
    

Textview set font family programmatically

    
    //TextView set font family programmatically
    secondText.typeface = Typeface.MONOSPACE
    
    

Textview onclicklistener programmatically

    
    //TextView onclick listener
    secondText.setOnClickListener {
        Toast.makeText(this, "Text clicked", Toast.LENGTH_LONG).show()
    }
    
    

Here is the final Kotlin code MainActivity.kt

    package com.example.textviewdemo
    import android.graphics.Typeface
    import androidx.appcompat.app.AppCompatActivity
    import android.os.Bundle
    import android.widget.TextView
    import android.widget.Toast
    import androidx.core.view.setPadding
    
    class MainActivity : AppCompatActivity() {
        private lateinit var firstText: TextView
        private lateinit var secondText: TextView
    
        override fun onCreate(savedInstanceState: Bundle?) {
            super.onCreate(savedInstanceState)
            setContentView(R.layout.activity_main)
            firstText = findViewById(R.id.firstText)
            secondText = findViewById(R.id.secondText)

            //Set text in textview programmatically
            secondText.text = "NotesJam.com"

            //TextView padding programmatically
            secondText.setPadding(20)

            //TextView text color programmatically
            secondText.setTextColor(getColor(R.color.teal_700))

            //TextView set font family programmatically
            secondText.typeface = Typeface.MONOSPACE

            //TextView onclick listener
            secondText.setOnClickListener {
                Toast.makeText(this, "Text clicked", Toast.LENGTH_LONG).show()
            }
        }
    }
    

Output

Here is the final output.

Android TextView

Recommended Articles

Migrating to Material 3: A Step-by-Step Guide

Mastering Android Bottom Sheets: A Comprehensive Tutorial in Kotlin

Understanding RecyclerView in Android using Kotlin

Creating a Chatbot App like ChatGPT using Kotlin: A Step-by-Step Guide

Android CardView With Image and Text Using Kotlin

Android Floating Action Button (FAB) Using Kotlin with Example

Creating an Option Menu in Android with Kotlin

Help us create more content by becoming a patron! Our supporters get exclusive access to our android tutorial project source code.

Become a patron