Add TextView & Handle Click Events in Android - RRutors

Last updated Dec 10, 2021

In this Android example tutorial we will cover how to work with Textview and Textview click events. Android TextView is simply a view that are used to display the text to the user and optionally allow us to modify or edit it.

Implementation:

First of all, open kotlin project in Android Studio.

Add a TextView in activity_main.xml file inside LinearLayout.

 <TextView
              android:id="@+id/text_view_id"
              android:layout_height="wrap_content"
              android:layout_width="wrap_content"
              android:text="Android Developer"
              android:textSize="40dp"/>

Add attributes in TextView like text, textColor, textSize, textStyle in the activity_main.xml file

To set the color in TextView we will use textColor property.

android:textColor="#FF6200EE"

Here "#FF6200EE" is the code of color.

If you want to make the text Bold, Italic, normal etc. use textStyle property.

android:textStyle="bold"

There are other properties like fontSize, fontFamily, textAlignment, letterSpacing, maxLines, minLines...

android:textSize="40dp"
android:maxLines="3"
android:textAlignment="center"
android:letterSpacing="0.2"
android:minLines="1"

3. Now let's use our TextView inside Activity. To use any view from layout to activity by using its id property

with findViewById() method.

val textView = findViewById(R.id.text_view_id) as TextView

Here R.id.text_view_id is the id of the textView which is defined in activity_main.xml file.

4. Now we can add event listener on TextView by implementing onClickListener to the TextView instance.

textView.setOnClickListener{
Toast.makeText(this@MainActivity, "I am Android Developer", Toast.LENGTH_LONG).show()
}

6. In the above code OnClick of TextView it will display a Toast of 'I am Android Developer'.

Note: Toast is a small message displayed on the screen.

7. Now run the application and you will see the below output.

Output:

Complete source code for Android TextView example:

activity_main.xml file

< android:orientation="vertical"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:gravity="center"
android:background="#FAF5F5"
tools:context=".MainActivity">
<android:layout_height="wrap_content"
   android:layout_width="wrap_content"
   android:text="Android Developer"
   android:textColor="@color/purple_500"
   android:textSize="40dp"
   android:maxLines="3"
android:textAlignment="center"
   android:minLines="1"
/>

MainActivity.kt file

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle import android.widget.TextView
import android.widget.Toast

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val textView = findViewById(R.id.text_view_id) as TextView
textView.setOnClickListener{
Toast.makeText(this@MainActivity, "I am Android Developer",Toast.LENGTH_LONG).show()
}
}
}

Conclusion: We have covered how to add TextView in Android and add Click event fot the Textview with kotlin code.