{"id":10732,"date":"2014-06-23T13:30:03","date_gmt":"2014-06-23T10:30:03","guid":{"rendered":"http:\/\/examples.javacodegeeks.com\/?p=10732"},"modified":"2019-05-09T11:12:04","modified_gmt":"2019-05-09T08:12:04","slug":"android-edittext-example","status":"publish","type":"post","link":"https:\/\/examples.javacodegeeks.com\/android\/core\/widget\/edittext\/android-edittext-example\/","title":{"rendered":"Android EditText Example"},"content":{"rendered":"

Android system supports EditText<\/code><\/a>, which is a subclass of TextView<\/code> supplied with text editing operations. We often use EditText<\/code> in our Android applications in order to provide an input or text field, especially in forms.<\/p>\n

In this example we are going to show you some commonly used EditText<\/code> xml attributes and how to embody and handle an EditText<\/code> in our Android apps.<\/p>\n

For this tutorial, we will use the following tools in a Windows 64-bit platform:<\/p>\n

    \n
  1. JDK 1.7<\/li>\n
  2. Eclipse 4.2 Juno<\/li>\n
  3. Android SDK 4.4<\/li>\n<\/ol>\n
    Tip<\/strong>
    \nYou may skip project creation and jump directly to the     beginning of the example<\/strong><\/a> below.<\/div>\n<\/p>\n

    1. Create a New Android Application Project<\/h2>\n

    Open Eclipse IDE and go to File \u2192 New \u2192 Project \u2192 Android Application Project.<\/p>\n

    Fill in the name of the application, the project and the package in the appropriate fields and then click Next.<\/p>\n

    \"Figure<\/a>
    Figure 1. Create a new Android application<\/figcaption><\/figure><\/p>\n

    In the next window, the \u201cCreate Activity\u201d option should be checked. The new created activity will be the main activity of your project. Then press Next button.<\/p>\n

    \"Figure<\/a>
    Figure 2. Configure the project<\/figcaption><\/figure><\/p>\n

    In \u201cConfigure Launcher Icon\u201d window you should choose the icon you want to have in your app. We will use the default icon of android, so click Next button.<\/p>\n

    \"Figure<\/a>
    Figure 3. Configure the launcher icon<\/figcaption><\/figure><\/p>\n

    Select the \u201cBlank Activity\u201d option and press Next.<\/p>\n

    \"Figure<\/a>
    Figure 4. Create the activity and select its type<\/figcaption><\/figure><\/p>\n

    You have to specify a name for the new Activity and a name for the layout description of your app. The .xml file for the layout will automatically be created in the res\/layout<\/code> folder. Finally, press Finish.<\/p>\n

    \"Figure<\/a>
    Figure 5. Create a new blank activity<\/figcaption><\/figure><\/p>\n

    Now you can see the final structure of the project in the following image.<\/p>\n

    \"Figure<\/a>
    Figure 6. The final structure of the project<\/figcaption><\/figure><\/p>\n

    2. Create the layout of the Main Activity<\/span><\/h2>\n

    In this example we are going to add some EditTexts<\/code> where each one includes different attributes. Also we will create two buttons in order to show how we can transfer the values of EditText<\/code> in other activities or display them on the screen.<\/p>\n

    Open res\/layout\/main_activity.xml<\/code>, go to the respective xml tab and paste the following.<\/p>\n

    main_activity.xml:<\/u><\/em><\/p>\n

    <RelativeLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    android:paddingBottom=\"@dimen\/activity_vertical_margin\"\n    android:paddingLeft=\"@dimen\/activity_horizontal_margin\"\n    android:paddingRight=\"@dimen\/activity_horizontal_margin\"\n    android:paddingTop=\"@dimen\/activity_vertical_margin\"\n    tools:context=\".MainActivity\" >\n\n    <EditText \n        android:layout_width=\"fill_parent\"\n        android:layout_height=\"50dp\"\n        android:id=\"@+id\/editInp\"\n        android:hint=\"@string\/hello_world\"\n        android:singleLine=\"true\"\n        android:inputType=\"textCapWords\"\/>\n    \n    <EditText \n        android:layout_width=\"fill_parent\"\n        android:layout_height=\"50dp\"\n        android:layout_below=\"@+id\/editInp\"\n        android:hint=\"Numbers from 1-5\"\n        android:background=\"#ff00ff\"\n        android:id=\"@+id\/editDig\"\n        android:digits=\"12345\" \/>\n    \n    <EditText \n        android:layout_width=\"fill_parent\"\n        android:layout_height=\"50dp\"\n        android:layout_below=\"@+id\/editDig\"\n        android:id=\"@+id\/editPass\"\n        android:hint=\"Password\"\n        android:password=\"true\" \/>\n    \n    <EditText \n        android:layout_width=\"fill_parent\"\n        android:layout_height=\"50dp\"\n        android:layout_below=\"@+id\/editPass\"\n        android:id=\"@+id\/editPhone\"\n        android:inputType=\"phone\"\n        android:maxLength=\"10\"\n        android:clickable=\"true\"\n        android:hint=\"Phone\" \/>\n    \n    <Button\n        android:layout_width=\"fill_parent\"\n        android:layout_height=\"50dp\"\n        android:layout_below=\"@+id\/editPhone\"\n        android:id=\"@+id\/nextBtn\"\n        android:text=\"Next\" \/>\n    \n    <Button\n        android:layout_width=\"fill_parent\"\n        android:layout_height=\"50dp\"\n        android:layout_below=\"@+id\/nextBtn\"\n        android:id=\"@+id\/displayBtn\"\n        android:text=\"Display\" \/>\n\n<\/RelativeLayout>\n<\/pre>\n
    Now lets explain the code above and the specific attributes that we defined in the XML file. It is worth to mention that there are the respective functions too, where we can call in the activity source code in order to change the characteristics of the view. Also all the attributes and methods of TextView<\/code> can be used, due to subclass inheritance.
     
    <\/div> <\/div><\/p>\n