按钮按下以编程方式将新行添加到 ListView，如何？

Posted 2023-04-15

【中文标题】按钮按下以编程方式将新行添加到 ListView，如何？

【英文标题】：Button press add new row to a ListView programmatically, how to?

【发布时间】：2011-10-05 02:04:21

【问题描述】：

我的主布局ma​​in.xml只有一个Button、一个EditText和一个空的ListView，如下所示：

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

    android:layout_ 
    android:layout_
>
     <LinearLayout 
         android:id="@+id/input_area"
         android:layout_
         android:layout_
         android:orientation="horizontal"

     >
         <EditText 
           android:id="@+id/input_field"
           android:layout_
           android:layout_
           android:layout_weight="5"
         />

         <Button
            android:id="@+id/send_btn"
            android:layout_ 
            android:layout_
            android:text="@string/send"
            android:layout_weight="1"
          />

      </LinearLayout>
      <LinearLayout 
        android:id="@+id/output_area"
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:background="#006633"

        android:visibility="gone"

       >
        <ListView 
            android:id="@+id/output_list"
            android:layout_
            android:layout_
            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 由主LinearLayout 托管。

ID为input_area的第一个子LinearLayout由EditText和Button组成。

ID为output_area的第二个子LinearLayout是一个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 字段 (row.xml)，它定义了每一行的布局。

----------更新-------- ----------------

列表的每一行都包含一个图标和一个文本字符串。我的列表适配器和行布局如下所示：

我的适配器：

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_
    android:layout_
    android:orientation="horizontal"
> 

        <ImageView 
             android: id="@+id/icon"
             android:layout_
         android:layout_
             >

    <TextView
        android:id="@+id/user_input" 
        android:layout_
        android:layout_
        android:textSize="10dip"/>

</LinearLayout>

【参考方案1】：

如下创建一个全局变量

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

点击发送按钮更新您在ListView 上设置的adapter，添加

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

在适配器中然后调用

adapter.notifyDataSetChanged();

更新 我更新了你的问题的答案，并在这篇文章中复制了你的新适配器类并使用它

【讨论】：

@Saurabh ，你能推荐一个适合这种情况的适配器吗？我不确定如何将 userInput 添加到适配器...

如果只有文本，则取一个字符串数组列表并将其设置为适配器。如果您提供列表视图和适配器的 src，我可以为您提供更好的帮助

@Saurabh，我用我的适配器和列表行布局更新了我的帖子，每一行都包含一个图像图标和一个字符串。我不确定我使用的适配器是否正确，您能看看吗？谢谢。 （见上面我的更新）