Editing ListView Dynamically in Android

Question

Suppose I've already made a list using ListView. The list consists of colour names. Now I take one EditText text field and one Button widget. I enter the text(colour name) and press Button. The colour name entered should be added to the list. Can anyone help me with the code?

Answer 1

MainActivity class

package com.example.asd;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

public class MainActivity extends Activity
{

private ListView list;
private EditText et;
private ArrayAdapter<String> adapter;

@Override
protected void onCreate(Bundle savedInstanceState) 
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    adapter= new ArrayAdapter<String>(getApplicationContext(), android.R.layout.simple_list_item_1);
    adapter.add("white");
    adapter.add("black");
    adapter.add("read");
    list=(ListView)findViewById(R.id.listView1);
    list.setAdapter(adapter);

    et=(EditText)findViewById(R.id.editText1);

    Button b=(Button)findViewById(R.id.button1);

    b.setOnClickListener(new OnClickListener() 
    {

        @Override
        public void onClick(View v) 
        {
                adapter.add(et.getText().toString());           
        }
    });


}



}

layout

<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:background="@android:color/black">

<EditText
    android:id="@+id/editText1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginTop="25dp"
    android:ems="10" >

    <requestFocus />
</EditText>

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/editText1"
    android:layout_below="@+id/editText1"
    android:text="Button" />

<ListView
    android:id="@+id/listView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentLeft="true"
    android:cacheColorHint="#00000000"


    android:layout_below="@+id/button1" >
</ListView>

</RelativeLayout>

Answer 2

I think you are looking for this...

public class Colors extends Activity {

private EditText et1;
private Button but1;
private ListView list;
private ArrayList<String> colornames=new ArrayList<String>();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    et1  = (EditText)findViewById(R.id.et1);
    but1 = (Button)findViewById(R.id.but1);
    list = (ListView)findViewById(R.id.list1);

    but1.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View arg0) {
            colornames.add(et1.getText().toString());
            ArrayAdapter<String> adapter=new ArrayAdapter<String>(Colors.this, android.R.layout.simple_list_item_1,colornames);
            list.setAdapter(adapter); 
        }
    });
}

And the output looks like this