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

Toast Message

In Android, Toast is a notification message that pop up for certain amount of time, and 

automtaically fades out, most people just use it for display sort message. 

Download Demo 

 Toast.makeText(this, "Message...", Toast.LENGTH_SHORT).show();

Steps to use toast message in your project.

1. Crate a project in android studio. 
2. There are two type of toast message used in android. which are-
1. Simple Toast
2. Custom Toast
   
   Both are described in this demo.
    
3.  Update your main_activity.xml

   <?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:id="@+id/activity_main"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:gravity="center_horizontal"
       android:orientation="vertical"
       tools:context="com.pankaj.toastdemo.MainActivity">
      
       <!--__________________________________________________-->
       <!--                                                                                                    -->
       <!--                   create two buttons with onclick event                       -->
       <!--__________________________________________________-->
      
    <Button
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_margin="@dimen/activity_vertical_margin"
           android:onClick="showSimpleToastMessage"
           android:text="Show Simple Toast Message" />
      
    <Button
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:onClick="showCustomToastMessage"
           android:text="Show Custom Toast Message" />
   
   </LinearLayout>
   
   

     
   
4. Create "custom_toast_view.xml" and update to-
   

   <?xml version="1.0" encoding="utf-8"?>
   
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:background="#abcdef"
       android:gravity="center_vertical"
       android:orientation="horizontal"
       android:padding="@dimen/activity_vertical_margin">
   
       <!--_________________________________________________-->
       <!--                                                                                                  -->
       <!--                        Add an image and a text view                           -->
       <!--_________________________________________________-->
     
     <ImageView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:src="@mipmap/ic_launcher" />
     
     <TextView
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_marginLeft="@dimen/activity_vertical_margin"
           android:text="click on Shos Simple Toast Message" />
   
   </LinearLayout>
   
   

     
   
5. Update your MainActivity.JAVA
   
   

   package com.pankaj.toastdemo;
   
   import android.os.Bundle;
   import android.support.v7.app.AppCompatActivity;
   import android.view.LayoutInflater;
   import android.view.View;
   import android.widget.Toast;
   
   public class MainActivity extends AppCompatActivity {
   
       @Override
       protected void onCreate(Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           setContentView(R.layout.activity_main);
       }
     
       /*____________________________________________________________*/
       /*                                                                                                                       */
       /*__Methode will be call when user click on "Show Simple Toast Message"__*/
       /*____________________________________________________________*/
      
    public void showSimpleToastMessage(View view) {
           Toast.makeText(this, "click on \"Show Simple Toast Message\".", Toast.LENGTH_SHORT).show();
       }
      
   
       /*____________________________________________________________*/
       /*                                                                                                                        */
       /*__Methode will be call when user click on "Show Custom Toast Message"__*/
       /*____________________________________________________________*/
      
   
    public void showCustomToastMessage(View view) {
           
   //create the LayoutInflater object
           LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
         
     //Create custom view object
           View customToastView=inflater.inflate(R.layout.custom_toast_view,null);
         
     //create toast object
           Toast toast=new Toast(this);
         
     //update toast to custom view
           toast.setView(customToastView);
      
        //show toast
           toast.show();
       }
   }
     

   
   
6. Now all the development for toast message has completed, Please run the application.
   
   
    
   
   
7. Now click on "SHOW SIMPLE TOAST MESSAGE" and see the result on screen-
   
   
8. Now click on "SHOW CUSTOM TOAST MESSAGE" and see the result on screen-
   
   
   
   
9.  Good bye, Thanks to read this blog.

Download Demo