Sunday, May 24, 2015

EditText in Android

Hi, I am going to explain the use of EditText in android. EditText is basically a small android UI element which can get the input from the user, So it is used to get the input from the user to the application. For example: If I want to login to the application then I need EditText to provide username and Password etc.












             Fig: showing EditText used in UI   .

Edit Text is most Important UI element and used frequently in almost every application. So every developer should know the use of EditText in android.

Declare EditText in XML:

 
1. id => used to get the reference in Java class.
2. width: how wide your EditText will be.
3  Height: how much will be the height of your edittext.
4. Hint: this will show that what to write in this edittext.


Use EditText in Java Class:







Properties of EditText:

   1. Id:  This is the key of EditText with the help of which we can access EditText in our Java class.
           
                    use     =>    android:id="@+id/editText1"

   2. Width: This property will declare that what will be the width of Edit text in UI. We can set width                     in three ways
                     * wrap_content   -     Width will be according to the amount of text written.
                     * match_parent   -     width will be equal to the width of parent layout.
                     * fixed                -      width will be fixed ex: 20 dp, 30 dp etc.
   
                 use   =>      android:layout_width="wrap_content"
                                                             OR
                                    android:layout_width="match_parent"
                                                              OR
                                    android:layout_width="50dp"

  3. Height: This property will declare that what will be the height of Edit text in UI. The height can                        be declared same as width.

                use   =>      android:layout_height="wrap_content"
                                                             OR
                                    android:layout_height="match_parent"
                                                              OR
                                    android:layout_height="50dp"

 4. Hint: This light colored text is basically an indication of what to type in this EditText. This text ill                erased while start typing.

               use   =>      android:hint="username"

 5. Style: This property is used to set the text style of EditText. This can be bold or italic

                                 android:textStyle="bold"
                                                    OR
                                 android:textStyle="italic"

6. Text color:  This property is used to change the color of Text typed in EditText.

                                android:textColor="#ffffff"
                                            OR
                                android:textColor="@android:color/white"

7. Background: This property is used to change the background of EditText. you can apply color for                             background or an Image or custom drawable. 

                              android:background="#b4b4b4"
                                                    OR           
                              android:background="@drawable/ic_launcher"



This is all about the basics of EditText. For more information you can use this link.

Thanks!!!!!!!!!!!!!!!!

Monday, May 18, 2015

TextView in android

Hi..

   The topic I am going to explain here is TextView. Text view is a small view that is used to show a simple text in an Android Application. TextView can be modified according to the need of the application. For example: If someone want to change the color, size and font etc. of the text.


Here are some properties of TextView.

                             Properties
                                         Code
       Set Width of TextView
·         Wrap_content : width equals to the text in the textview.
·         Match_parent:  Width equals to the width of parent layout of textview.  



android:layout_width="match_parent"
                or
android:layout_width="wrap_content"

  
        Set height of TextView
android:layout_height="match_parent"
                or
android:layout_height="wrap_content"

       Set Text Color 
·         #ffffff : color code for white color
·         @color/white: if defined in color.xml
·         @android:color:  use OS defined color.

android:textColor="#ffffff"
            or
android:textColor="@color/white"
            or
android:textColor="@android:color/WHITE"

Set TextSize: 
 android:textSize="15sp"
Set Text style 
 android:textStyle="bold"  or italic etc.













    

Apply External Font in Text:

      
Typeface type = Typeface.createFromAsset(getAssets(),"fonts/Helvetica.ttf");
TextView tv = (TextView) findViewById(R.id.text);
tv.setTypeface(type);
                                                                   
Define TextView in XML

Use TextView in Java class file.


                                TextView text=(TextView)findViewById(R.id.textView1);

                 text.setText("This is the sample text...");
     
    Above is the way to use Textview in android.
 
      # Create the object of TextView Class:
             
                 TextView text;
 
      # Get id of Textview defined in the xml file.

            text=(TextView)findViewById(R.id.textView1);

     # Set the text that you want to show in TextView:

            text.setText("This is the sample text...");

This way you can use the TextView in your.
     

This is all about TextView

Thanks!!!!!!!