如何在对话框列表视图中添加编辑文本和图标？

Question

我想让一个对话框看起来像下面的图片，其中 listView 包含图标和 editText。

然而，我只能与 listView 和 editText 分别创建对话框。如何将它们合并到一个对话框中？

用于对话框 listView 的代码

 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_add_task:
                String names[] ={"A","B","C","D"};
                AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);
                LayoutInflater inflater = getLayoutInflater();
                View convertView = (View) inflater.inflate(R.layout.custom_dialog, null);
                alertDialog.setView(convertView);
                ListView lv = (ListView) convertView.findViewById(R.id.listView1);
                ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,names);
                lv.setAdapter(adapter);
                alertDialog.show();

                return true;

            default:
                return super.onOptionsItemSelected(item);
        }
    }

自定义对话框

<?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/listView1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

</ListView>

快照

在对话框中添加EditText的代码

 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_add_task:
                AlertDialog.Builder builder = new AlertDialog.Builder(this);
                LayoutInflater inflater = getLayoutInflater();
                builder.setView(inflater.inflate(R.layout.dialog_with_edittext,null))
                        // Add action buttons
                        .setPositiveButton(R.string.cancel, new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int id) {
                                dialog.cancel();
                            }
                        })
                        .setNegativeButton(R.string.save, new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog, int id) {

                            }
                        });
                builder.show();
                return true;

            default:
                return super.onOptionsItemSelected(item);
        }
    }

dialog_with_editText

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

    <EditText
        android:id="@+id/username"
        android:inputType="textEmailAddress"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginBottom="4dp"
        android:hint="Add new task" />

    <EditText
        android:id="@+id/password"
        android:inputType="textPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:layout_marginLeft="4dp"
        android:layout_marginRight="4dp"
        android:layout_marginBottom="16dp"
        android:fontFamily="sans-serif"
        android:hint="Summary"/>
</LinearLayout>

快照

- John Joe

---

创建listView的自定义适配器怎么样？每个项目都应该有一个imageView和一个editText。然后在创建对话框时设置适配器。 - mariuss

@Lazai，你能详细解释一下吗？谢谢。 - John Joe

检查我的回答，也许可以帮助你。 - mariuss

Answer 1

首先为每个listView项（editText和icon - imageView）创建一个布局。

custom_item_layout.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<ImageView

    android:id="@+id/img"
    android:layout_alignParentStart="true"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentLeft="true" />
    <EditText
        android:layout_marginStart="60dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentEnd="true"
        android:id="@+id/edtText"
        android:layout_alignEnd="@+id/img"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignRight="@+id/img"
        android:layout_marginLeft="60dp" />
</RelativeLayout>
        <EdidText
            android:id="@+id/edtText"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

然后，您可以创建一个自定义适配器类，继承自BaseAdapter。在getView()方法中，填充自定义布局：

YourAdapterClass

 ...
 private static class Holder {
        ImageView img;
        EditText edt;
    }

  @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        Holder holder = new Holder();

        if (convertView == null) {
            LayoutInflater inflater = LayoutInflater.from(context);
            convertView = inflater.inflate(R.layout.custom_item_layout, parent, false);


            holder.img = (ImageView) convertView.findViewById(R.id.img);
            holder.edt= (EditText) convertView.findViewById(R.id.edtText);

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

        //do what you want with holder.img and holder.edt


        return convertView;
    }

那么在你的对话框列表视图代码中：

 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_add_task:
                String names[] ={"A","B","C","D"};
                AlertDialog.Builder alertDialog = new AlertDialog.Builder(this);
                LayoutInflater inflater = getLayoutInflater();
                View convertView = (View) inflater.inflate(R.layout.custom_dialog, null);
                alertDialog.setView(convertView);
                ListView lv = (ListView) convertView.findViewById(R.id.listView1);
                YourAdapterClass adapter = new YourAdapterClass(this,images,names); //whatever you want to put in
                lv.setAdapter(adapter);
                alertDialog.show();

                return true;

            default:
                return super.onOptionsItemSelected(item);
        }
    }

- mariuss

---

对话框listView中的图像是什么？ - John Joe

这可以是您想要图标的图像资源列表。 - mariuss

你需要实现所有继承的方法，在我的答案中我只提到了你需要特别关注的一个。请查看https://developer.android.com/reference/android/widget/BaseAdapter.html。 - mariuss

Answer 2

如果你想在列表视图中放置图标，可以查看this。

- ciberelfo