Wednesday, November 30, 2016

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.
 


 
 
<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.




No comments:

Post a Comment