Create An Edit Text App In Android Applications Using Android Studio

In this blog, you will learn how to create an Edit Text app, using Android Studio.

Introduction

In this blog, you will learn how to create an EditText app, using Android Studio.

Requirements

• Android Studio 2.1.3

If you want to create an EditText app, follow the steps given below.

Step 1

Now, open Android Studio and you can choose the file. Subsequently, choose New and afterwards, select New Project.



Step 2

Here, you can create your Application name and choose where your project is stored on the location. Now, click Next button.



Now, we can select the version of an Android; it is Target Android Devices.



Step 3

Here, we can add the activity and click Next button.



Now, we can write the activity name and click Finish button.



Step 4

Now, open your project and you will go to activity_main.xml and afterwards, build the design. You should choose the toolbox, if you want some options (edittext, button) and use the drag and drop method.



Step 5

Here, you need to build on the design and write .XML code.

activity_mai.xml code

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="xyz.rvconstructions.www.edittextapp.MainActivity">
    <EditText android:id="@+id/simpleEditText" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:background="#F2F2F2" android:hint="Enter Your Name Here" android:padding="15dp" android:textColorHint="#000" android:textStyle="bold|italic" android:layout_marginTop="100dp" />
    <Button android:id="@+id/displayText" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:background="#000" android:padding="10dp" android:text="Display Text" android:textColor="#0f0" android:textStyle="bold" /> </RelativeLayout>

Step 6

Now, you will go to the MainActivity.java page and build Java code.

First of all, you will declare a file that's an extension file.



Now, we can see MainActivity.java code.

package xyz.rvconstructions.www.edittextapp;
import android.graphics.Color;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final EditText simpleEditText = (EditText) findViewById(R.id.simpleEditText);
        Button displayText = (Button) findViewById(R.id.displayText);
        displayText.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (simpleEditText.getText().toString() != null) {
                    Toast.makeText(getApplicationContext(), simpleEditText.getText().toString(), Toast.LENGTH_LONG).show(); //display the text that you entered in edit text
                }
            }
        });
    }
}

Step 7

Here, you will go to run it and select Run-> Run app option.



Here, you will choose Emulator or the devices; it is Nokia Nokia _X.



Step 8

Here, you can see the output.



Now, you will write some name and afterwards, you will click the submit button.