How to add TextView to activity and handle Android TextView click events using Kotlin

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:

         

Android TextView Example

 

         

TextView onCLick



 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.


Article Contributed By :
https://www.rrtutors.com/site_assets/profile/assets/img/avataaars.svg

47 Views

Subscribe For Daily Updates

Flutter Questions
Android Questions