TextView

In Android, TextView is use to display text data on the screen. For the better user interference this is very important to customize the text view. In this tutorial i am covering some points of customization.

Download Demo 

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!" />

Steps to use TextView in your project.

1. Crate a project in android studio.
    
2.  Open your main_activity.xml and update it-

   <?xml version="1.0" encoding="utf-8"?>
   
   <LinearLayout 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="com.pankaj.textviews.MainActivity">
   
       <!--__________________________________________________-->
       <!--                                                                                                    -->
       <!--                               create two TextView                                     -->
       <!--__________________________________________________-->
       <!--                                                                                                    -->
       <!--                             This is simple TextView                                  -->
       <!--__________________________________________________-->
       
      
    <TextView
           android:id="@+id/tvTextViewSimple"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:text="Hello World!" />
   
       <!--__________________________________________________-->
       <!--                                                                                                    -->
       <!--                            This is Customized TextView                          -->
       <!--__________________________________________________-->
      
    <TextView
           android:id="@+id/tvTextViewCustom"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_margin="20dp"
           android:background="@color/colorPrimary"
           android:inputType="text"
           android:padding="10dp"
           android:text="Hello World!"
           android:textAllCaps="true"
           android:textColor="@android:color/white"
           android:textSize="15sp"
           android:textStyle="bold|italic" /> 

       <!--__________________________________________________-->
       <!--                                                                                                    -->
       <!--              Set dynamic text to TextView at run time                      -->
       <!--__________________________________________________-->
      
   
   <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="bottom"
       android:onClick="setTextToTextView"
       android:text="Set text to textview" />
   

    </LinearLayout>
   
   

     
   
3. There are number of properties used to customize textview. Some of them are described here-
   
   
   

   //for providing id to the TextView
   android:id="@+id/tvTextViewCustom" 
   
   
   //for providing width to the TextView, it can be wrap_content, match_parent, fill_parent
   android:layout_width="wrap_content"
   
   
   //for providing height to the TextView, it can be wrap_content, match_parent, fill_parent
   android:layout_height="wrap_content"
   
   
   //for providing space from outside objects, this value can be in dp,px,sp,in,mm,pt etc.
   android:layout_margin="20dp"
   
   
   //for providing background to the TextView, this value can be color, drawable etc. 
   android:background="@color/colorPrimary"
   
   
   //for providing data viwing place inside the TextView, this value can be center, left, rieght, top, bottom, end, fill, center_horizontal, center_vertical etc.  
   android:gravity="center"
   
   
   //for providing input type to the TextView, this value can be text, phone, password etc.
   android:inputType="text"
   
   
   //for providing space from own borders, this value can be in dp,px,sp,in,mm,pt etc. 
   android:padding="10dp"
   
   //for providing the text data to the TextView.android:text="Hello World!"  //for showing all text in caps.android:textAllCaps="true"  //for changing the text color of textview.android:textColor="@android:color/white"  //for changing the text size of textview, this value can be in dp,px,sp,in,mm,pt etc.android:textSize="15sp"  //for changing the text style of textview, this value can be in bold,italic,normal etc.android:textStyle="bold|italic" 

     
   
   
4. Open your MainActivity.JAVA class and update it for change text at run time-
   
   

   package com.pankaj.textviews;
   
   import android.os.Bundle;
   import android.support.v7.app.AppCompatActivity;
   import android.view.View;
   import android.widget.TextView;
   
   public class MainActivity extends AppCompatActivity {
   
       //Create object of text views
       TextView tvTextViewSimple, tvTextViewCustom;
   
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_main);
   
           //initialize text views
           tvTextViewSimple = (TextView) findViewById(R.id.tvTextViewSimple);
           tvTextViewCustom = (TextView) findViewById(R.id.tvTextViewCustom);
       }
       
       /*__________________________________________________________*/
       /*                                                                                                                    */
       /*__Methode will be call when user click on "SET TEXT TO TEXTVIEW"__*/
       /*__________________________________________________________*/
   
       public void setTextToTextView(View view) {
   
           tvTextViewSimple.setText("Simple text updated at run time");
           tvTextViewCustom.setText("Custom text updated at run time");
       }
   }
     

   
   
5. Now all the development process for text view has completed, Please run the application.
   
   
   
   
   
6. Now click on "SET TEXT TO TEXTVIEW" and see the result on screen-
    
   
   
   
   
7.  Good bye, Thanks to read this blog.

Download Demo