Android add edittext field on click of (+) button and remove by click of (-)

Question

I am creating a add contact activity. There will be only one edit text and a button (+), when click on button then another edit text should be added and previous button should change into (-). By this method i want to add and remove edit text fields. Some thing like this. I am doing like this but not able to achieve that i want. Any idea?

public class TextField extends Activity {

Context con;
TableLayout table;
TableRow tr[] = new TableRow[6];
EditText txt[] = new EditText[6];
//ImageView img[] = new ImageView[5];
Button img[]=new Button[6];
int count ;
int lastDeletedIndex;
int lastPopulatedIndex;
boolean isDel;
public void onCreate(Bundle obj) {
    super.onCreate(obj);
    // Log.d("","On Create");
    con = this;
    count = 1;

    table = new TableLayout(this);
    tr[count] = new TableRow(this);
    tr[count].setId(count);
    tr[count].setLayoutParams(new TableRow.LayoutParams(    LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));

    txt[count] = new EditText(this);
    txt[count].setId(count);
    txt[count].setText("1");
    txt[count].setMaxLines(1);
    txt[count].setWidth(160);

        img[count] = new Button(this);
        img[count].setId(count);
        img[count].setText("+");
        img[count].setBackgroundResource(R.drawable.add);
        img[count].setPadding(5, 7, 20, 0);


    tr[count].addView(txt[count]);
    tr[count].addView(img[count]);
    tr[count].setPadding(20, 20, 0, 0);

    img[count].setOnClickListener(new OnClick(img[count]));

    table.addView(tr[count]);
    setContentView(table);

}

class OnClick implements OnClickListener {

    View view;

    Button addIcon;

    public OnClick(View view) {

        this.addIcon = (Button) view;

    }

    @Override
    public void onClick(View arg0) {

            int id=addIcon.getId();
        if(addIcon.getText().toString().equals("-"))
        {

            if ((id >1  )) {
                isDel=true;
                count=id;
                lastDeletedIndex=id;
                txt[count]=null;
                img[count]=null;
                table.removeView(tr[count]);
                tr[count]=null;
                Log.d("", "Cancel img Id" + addIcon.getId());
                }       


        } else {
            if (count <5) {
                if(table.getChildCount()!=5)
                {
                    addIcon.setBackgroundDrawable(getResources().getDrawable(R.drawable.delete));
                    addIcon.setText("-");


                addIcon.setId(count);
                if(!isDel) {
                    count++;
                }else
                {
                    count=lastDeletedIndex;
                }


                tr[count] = new TableRow(con);
                tr[count].setId(count);


                    img[count] = new Button(con);
                img[count].setId(count);
                img[count].setBackgroundDrawable(getResources().getDrawable(R.drawable.add));
                img[count].setText("+");
                img[count].setPadding(3, 7, 20, 0);
                img[count].setOnClickListener(new OnClick(img[count]));

                txt[count] = new EditText(con);
                txt[count].setId( count);
                txt[count].setText(""+count);
                txt[count].setMaxLines(1);
                txt[count].setWidth(160);

                tr[count].addView(txt[count]);

                tr[count].addView(img[count]);

                tr[count].setPadding(20, 20, 0, 0);
                table.addView(tr[count]);
                setContentView(table);
                isDel=false;

                lastPopulatedIndex=count;

                Log.d("", "Cancel img Id" + addIcon.getId());
                }
            } else
                ShowDialog.showAlert("Info","You can't add more than 5 contacts!", con);
        }

    }
}

Answer 1

Use this code in your activity :

@Override
public boolean dispatchKeyEvent(KeyEvent event) {
    // TODO Auto-generated method stub

     if (event.getKeyCode() == KeyEvent.KEYCODE_PLUS)
     {
            if (event.getAction() == KeyEvent.ACTION_DOWN && event.getRepeatCount() == 0)
            {
                LinearLayout mLinearLayout = new LinearLayout(this);
                mLinearLayout = (LinearLayout)findViewById(R.id.mylinearlayout);

                                EditText lEditText = new EditText(this);
                            lEditText.SetText("Text Here");
                            mLinearLayout.addView(lEditText);

                    }
            }
    return super.dispatchKeyEvent(event);
}

Answer 2

private void addEditView() {
        // TODO Auto-generated method stub
          LinearLayout li=new LinearLayout(this);
          EditText et=new EditText(this);
          Button b=new Button(this);

          b.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub

                int pos=(Integer) v.getTag();
                mainLayout.removeViewAt(pos);

            }
        });

          b.setTag((mainLayout.getChildCount()+1));
    }

call this function when you click on a addEditText button.

Answer 3

You should create Android Layout(maybe LinearLayout or TableLayout) and than create view in java code(Android Activity)

Simple example;

View view = new View(this);

If view create successfully you can add this code --> .addView( view ); or if view already added you can remove this code sample --> .removeView( view );