Create EditText on button click in Android

over 9 years ago

0
0
Positive Vote
0
Negative Vote
0
Save Favourite
3
0
0
0
8.42k

Comment on it

This blog will help to create a custom edit text on button click.This tutorial includes a xml file which hold a button after click on button create a layout parmas for edit text. Each edit text has different id and every times when you click, a button create custom edit text with different ids.
See the code below step by step and follow that to create a custom edit text .

Step-1 Create a xml file res/custom_edit_text.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/parentLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/buttonView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Create Edit Text" >
    </Button>
</LinearLayout

Step-2- Create a Activity src/CreateEditText.

import android.app.Activity;
import android.os.Bundle;
import android.text.InputFilter;
import android.text.InputType;
import android.util.TypedValue;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
public class CreateEditText extends Activity {
    private Button buttonView;
    private LinearLayout parentLayout;
    private int hint=0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.custom_edittext);
        buttonView=(Button)findViewById(R.id.buttonView);
        parentLayout = (LinearLayout)findViewById(R.id.parentLayout);
        buttonView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                createEditTextView();
            }
        });
    }
    protected void createEditTextView() {
        RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams (
        RelativeLayout.LayoutParams.WRAP_CONTENT,
        RelativeLayout.LayoutParams.WRAP_CONTENT);
        params.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
        params.setMargins(0,10,0,10);
            EditText edittTxt = new EditText(this);
            int maxLength = 5;
            hint++;
            edittTxt.setHint("editText"+hint);
            edittTxt.setLayoutParams(params);
           // edtTxt.setBackgroundColor(Color.WHITE);
            edittTxt.setInputType(InputType.TYPE_CLASS_TEXT);
            edittTxt.setTextSize(TypedValue.COMPLEX_UNIT_SP,18);
            edittTxt.setId(hint);
            InputFilter[] fArray = new InputFilter[1];
            fArray[0] = new InputFilter.LengthFilter(maxLength);
            edittTxt.setFilters(fArray);
            parentLayout.addView(edittTxt);
    }
}

3 Comment(s)

over 5 years ago

0
0
0
Report spam
0
0

Thank you sir for this tutorial, it works perfectly fine
But i'd like to ask,
Is there a way i can add all the children of LinearLayout below the existing contents in a scrollView and they will appear just exactly the way i defined them in my xml

please check out my xml code below
Thank you very much sir
Expecting your kind response

 <ScrollView
        android:id="@+id/scroll"
        android:layout_width="match_parent"
        android:layout_height="481dp"
        android:layout_marginTop="8dp"
        android:paddingBottom="50dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.481"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView5">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="120dp"
            android:orientation="vertical"
            android:paddingBottom="40dp">

            <EditText
                android:id="@+id/Type"
                android:layout_width="match_parent"
                android:layout_height="46dp"
                android:layout_marginStart="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="52dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:background="@drawable/edittext_bg"
                android:ems="10"
                android:hint="Enter type of Item"
                android:inputType="text"
                android:paddingStart="20dp"
                android:paddingLeft="20dp"
                android:paddingTop="10dp"
                android:paddingEnd="10dp"
                android:paddingRight="10dp"
                android:paddingBottom="10dp"
                android:textSize="14sp" />

            <EditText
                android:id="@+id/ItemSize"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginStart="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="24dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:background="@drawable/edittext_bg"
                android:ems="10"
                android:hint="Enter size of Item"
                android:inputType="numberDecimal"
                android:paddingStart="20dp"
                android:paddingLeft="20dp"
                android:paddingTop="10dp"
                android:paddingEnd="10dp"
                android:paddingRight="10dp"
                android:paddingBottom="10dp"
                android:textSize="14sp"/>

            <EditText
                android:id="@+id/quantity"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginStart="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="24dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:background="@drawable/edittext_bg"
                android:ems="10"
                android:hint="Enter Quantity of Item"
                android:inputType="number"
                android:paddingStart="20dp"
                android:paddingLeft="20dp"
                android:paddingTop="10dp"
                android:paddingEnd="10dp"
                android:paddingRight="10dp"
                android:paddingBottom="10dp"
                android:textSize="14sp"/>

            <EditText
                android:id="@+id/priceOfItem"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginStart="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="24dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:background="@drawable/edittext_bg"
                android:ems="10"
                android:hint="Enter Price of Item"
                android:inputType="number"
                android:paddingStart="20dp"
                android:paddingLeft="20dp"
                android:paddingTop="10dp"
                android:paddingEnd="10dp"
                android:paddingRight="10dp"
                android:paddingBottom="10dp"
                android:textSize="14sp"/>

            <EditText
                android:id="@+id/discountedAmount"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginStart="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="24dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:background="@drawable/edittext_bg"
                android:ems="10"
                android:hint="Enter The Discounted Amount"
                android:inputType="number"
                android:paddingStart="20dp"
                android:paddingLeft="20dp"
                android:paddingTop="10dp"
                android:paddingEnd="10dp"
                android:paddingRight="10dp"
                android:paddingBottom="10dp"
                android:textSize="14sp"/>

            <EditText
                android:id="@+id/transportCost"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:layout_marginStart="16dp"
                android:layout_marginLeft="16dp"
                android:layout_marginTop="24dp"
                android:layout_marginEnd="16dp"
                android:layout_marginRight="16dp"
                android:background="@drawable/edittext_bg"
                android:ems="10"
                android:hint="Enter the transportation cost"
                android:inputType="number"
                android:paddingStart="20dp"
                android:paddingLeft="20dp"
                android:paddingTop="10dp"
                android:paddingEnd="10dp"
                android:paddingRight="10dp"
                android:paddingBottom="10dp"
                android:textSize="14sp"/>


        </LinearLayout>
    </ScrollView>

    <Button
        android:id="@+id/addMore"
        android:layout_width="176dp"
        android:layout_height="43dp"
        android:layout_marginTop="28dp"
        android:layout_marginBottom="53dp"
        android:background="@drawable/curved_button"
        android:onClick="buttonAddMore"
        android:paddingStart="5dp"
        android:paddingLeft="2dp"
        android:paddingEnd="19dp"
        android:paddingRight="10dp"
        android:text="@string/Add More Items"
        android:textAllCaps="false"
        android:textColor="@android:color/background_light"
        android:textSize="18sp"
        android:typeface="serif"
        app:layout_constraintBottom_toTopOf="@+id/bottom_footer"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/scroll"
        app:layout_constraintVertical_bias="0.68" />

    <Button
        android:id="@+id/NextButton"
        android:layout_width="176dp"
        android:layout_height="43dp"
        android:layout_marginTop="28dp"
        android:layout_marginBottom="53dp"
        android:background="@drawable/clear_field"
        android:onClick="ProceedToNextPage"
        android:paddingStart="5dp"
        android:paddingLeft="2dp"
        android:paddingEnd="19dp"
        android:paddingRight="10dp"
        android:text="@string/Next Button"
        android:textAllCaps="false"
        android:textColor="@android:color/background_light"
        android:textSize="18sp"
        android:typeface="serif"
        app:layout_constraintBottom_toTopOf="@+id/bottom_footer"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/scroll"
        app:layout_constraintVertical_bias="0.68" />

@Gabriel

Follow Recommendations Offline Message

over 5 years ago
- 0
- 0
- 0
  Report spam
- 0
- 0
Thanks for this sir, it works perfectly.
But is there a way i can add all the children of LinearLayout below the existing one and they will appear just like the way i defined the default and i can still use all the inputs from both layouts to make calculations
Thank you very much

@burhanshakir96

Follow Recommendations Offline Message

over 8 years ago
- 0
- 0
- 0
  Report spam
- 0
- 0
Hi Sir The above code is not working for A Relative Layout What changes should i make to work it there?

Create EditText on button click in Android

3 Comment(s)

Comment on it

Unable to start Java!! Mr. Nerd figure out why..

Positive Votes

Negative Votes

Delete Comment

Post Projects

Manage Company