Нажатие кнопки добавить новую строку в ListView программно, как? - PullRequest
Новая
       48

Нажатие кнопки добавить новую строку в ListView программно, как?

2 голосов
/ 14 июля 2011

Мой основной макет main.xml имеет только Button, EditText и пустой ListView, как показано ниже: 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 

    android:layout_height="fill_parent" 
    android:layout_width="fill_parent"
>
     <LinearLayout 
         android:id="@+id/input_area"
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:orientation="horizontal"

     >
         <EditText 
           android:id="@+id/input_field"
           android:layout_height="40dip"
           android:layout_width="fill_parent"
           android:layout_weight="5"
         />

         <Button
            android:id="@+id/send_btn"
            android:layout_width="60dip" 
            android:layout_height="30dip"
            android:text="@string/send"
            android:layout_weight="1"
          />

      </LinearLayout>
      <LinearLayout 
        android:id="@+id/output_area"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="#006633"

        android:visibility="gone"

       >
        <ListView 
            android:id="@+id/output_list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="10dip"
        >

        <!-- When "send" button in above input_area is pressed, 
            text from EditText field show here programmatically as a new row of the listview-->

        </ListView>

       </LinearLayout>

</LinearLayout>

Как вы видите выше, есть два дочерних LinearLayout хоста main LinearLayout.

1-й дочерний LinearLayout с идентификатором input_area состоит из EditText и Button.

2-й дочерний LinearLayout с идентификатором output_area - это LinearLayout с пустым ListView, а его видимость установлена ​​в " ушел ».

Функция, которую я собираюсь реализовать, очень проста, она находится в input_area , когда пользователь вводит некоторый текст в поле EditText и нажимает кнопку отправки, тогда должна быть показана строка ввода в выводе LinearLayout как новая строка списка программно.

То, что я попробовал, это код Java ниже: 

EditText inputTxt = (EditText) findViewById(R.id.input_field);
Button sendBtn = (Button) findViewById(R.id.send_btn);

LinearLayout outputArea = findViewById(R.id.output_area);
//Updated by Saurabh
ListView lv = findViewById(R.id.output_list);
MyListAdapter mAdapter = new MyListAdapter(this, arraylist); 
//Update finished
sendBtn.setOnClickListener(new OnClickListener(){
    @Override
    public void onClick(View v){
        int visibility = outputArea.getVisibility();
        if(visibility==View.GONE)
                    // set ListView visible
            outputArea.setVisibility(View.VISIBLE);

               //get user input   
               String userInput = inputTxt.getText().toString(); // show this string in a new row of listview

                 //BUT how to dynamically add new row to the listview here???           

    }
});

Но я не уверен, как программно добавить новую строку в просмотр списка, кто-нибудь может мне помочь?

Кстати, у меня есть другой макет xml fiel ( row.xml ), который определил макет каждой строки.

----------------------- UPDATE -------------------- ----------------

Каждая строка списка содержит значок и текстовую строку . Мой список адаптеров и расположение строк показаны ниже:

Мой адаптер : 

private static class MyListAdapter extends BaseAdapter {
    private LayoutInflater mInflater;
    ArrayList<String> arraylist;

    public MyListAdapter(Context context, ArrayList<String> arraylist) {
        mInflater = LayoutInflater.from(context);
            this.arraylist = arraylist;
    }



    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = mInflater.inflate(R.layout.row, null);
            holder = new ViewHolder();
            holder.icon = (ImageView) convertView.findViewById(R.id.icon);
            holder.userInput = (TextView) convertView.findViewById(R.id.user_input);

        convertView.setTag(holder);
        } else {
        holder = (ViewHolder) convertView.getTag();
        }

        holder.icon.setImage(???);
        holder.userInput.setText(arraylist.get(position));

        return convertView;
    }

    static class ViewHolder {
        ImageView icon;
        TextView userInput;

    }
}

мой список строка макет: 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
> 

        <ImageView 
             android: id="@+id/icon"
             android:layout_width="wrap_content"
         android:layout_height="wrap_content"
             >

    <TextView
        android:id="@+id/user_input" 
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:textSize="10dip"/>

</LinearLayout>

1 Ответ

4 голосов
/ 14 июля 2011

Создайте глобальную переменную, как показано ниже 

ArrayList<String> arraylist = new ArrayList<String>();

При нажатии кнопки отправки обновить adapter, который вы устанавливаете на ListView, добавив 

String userInput = inputTxt.getText().toString();
arraylist.add(userInput)

в адаптере, а затем позвоните 

adapter.notifyDataSetChanged();

Обновление Я обновил ответ на ваш вопрос, и в этом посте скопируйте ваш новый класс Adapter и используйте его

...