1

我是 android 新手,我正在使用来自数据库的列表视图。现在,我想在其中添加两个图标,一个用于编辑,一个用于删除。这是我目前正在运行的java代码

public void ListDrwaer() {
      List<Map<String, String>> employeeList = new ArrayList<Map<String, String>>();

      try {
       JSONObject jsonResponse = new JSONObject(jsonResult);
       JSONArray jsonMainNode = jsonResponse.optJSONArray("emp_info");

       for (int i = 0; i < jsonMainNode.length(); i++) {
        JSONObject jsonChildNode = jsonMainNode.getJSONObject(i);
        String name = jsonChildNode.optString("cat_name");
        number = jsonChildNode.optString("cat_id");
        String outPut = name /*+ "-" + number*/;
        employeeList.add(createEmployee("employees", outPut));
       }
      } catch (JSONException e) {
       Toast.makeText(getApplicationContext(), "Error" + e.toString(),
         Toast.LENGTH_SHORT).show();
      }

      SimpleAdapter simpleAdapter = new SimpleAdapter(this, employeeList,
        android.R.layout.simple_list_item_1,
        new String[] { "employees" }, new int[] { android.R.id.text1 });
      listView.setAdapter(simpleAdapter);
     }

     private HashMap<String, String> createEmployee(String name, String number)      {
      HashMap<String, String> employeeNameNo = new HashMap<String, String>();
      employeeNameNo.put(name, number);
      return employeeNameNo;
     }

谁能告诉我如何编辑它以添加图标?

4

5 回答 5

1

正如您所说的那样,您是新手,所以我正在创建一个类似于您需要的列表视图。如果您仍然面临任何问题,那么您可以询问。也可以有其他方法,但我遵循以下一种方法。

我分三步创建它: 1. 在 XML 中创建一个列表视图布局。2. 为您的行创建一个布局,您将在列表视图行上进行膨胀和设置。3.通过扩展arrayadapter创建一个自定义适配器。4.设置自定义适配器。

第 1 步:在 XML 中创建一个列表视图布局。

下面给出的 XML 代码将为您创建一个列表视图。

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >
    </ListView>

</RelativeLayout>

第 2 步:为您的行创建一个布局,您将在列表视图行上进行充气和设置。

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

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="false"
        android:layout_alignParentTop="false"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:text="TextView" />

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="34dp"
        android:layout_toRightOf="@+id/textView1"
        android:src="@drawable/ic_launcher" />

    <ImageButton
        android:id="@+id/imageButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="16dp"
        android:layout_toRightOf="@+id/imageButton1"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

步骤 3:通过扩展 arrayadapter 创建一个自定义适配器。

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageButton;
import android.widget.TextView;
import android.widget.Toast;

public class my_list_adapter extends ArrayAdapter<String> {

    private Context context;
    private ArrayList<String> labels;

    public my_list_adapter(Context context, ArrayList<String> labels) {
        super(context, R.layout.list_layout, labels);
        this.context = context;
        this.labels = labels;
    }

    static class ViewHolder {
        public TextView textView1;
        public ImageButton icon_1;
        public ImageButton icon_2;
    }

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


        ViewHolder holder;

        View rowView = convertView;

        if (rowView == null) {

            LayoutInflater inflater = ((Activity) context).getLayoutInflater();
            rowView = inflater.inflate(R.layout.list_layout, null, true);
            holder = new ViewHolder();
            holder.textView1 = (TextView) rowView.findViewById(R.id.textView1);
            holder.icon_1 = (ImageButton) rowView.findViewById(R.id.imageButton1);
            holder.icon_2 = (ImageButton) rowView.findViewById(R.id.imageButton2);
            rowView.setTag(holder);
        } else {
            holder = (ViewHolder) rowView.getTag();
        }
        holder.textView1.setText(labels.get(position));   
        holder.icon_1.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(context.getApplicationContext(), "bb icon 1 item clicked position = " + position, Toast.LENGTH_LONG).show();;
            }
        });
        holder.icon_2.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                Toast.makeText(context.getApplicationContext(), "bb icon 2 item clicked position = " + position, Toast.LENGTH_LONG).show();;
            }
        });
        return rowView;
    }
}

第 4 步:设置自定义适配器。

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView list_view = (ListView) findViewById(R.id.listView1);
        ArrayList<String> labels = new ArrayList<String>();

        for (int i = 0; i < 10; i++) {
            labels.add ("item " + i);
        }
        my_list_adapter adapter = new my_list_adapter(this, labels);
        list_view.setAdapter(adapter);
    }

我认为上面的例子可以帮助你。尝试理解这个概念。如果您遇到任何问题,那么您可以询问。我会尽力帮助你。

于 2013-11-04T09:06:40.183 回答
0

使用 CustomArray 适配器添加编辑/删除按钮。本教程将为您提供帮助。请检查一下。

于 2013-11-04T07:11:56.593 回答
0

对于这种情况,您必须使用您的自定义适配器

表示扩展 BaseAdapter

并尝试在该适配器中实现所有方法。

于 2013-11-04T07:12:29.937 回答
0

如果您是 Android 新手,这会让人感到困惑,但学习如何做到这一点没有捷径可走。也试试这个教程,我发现它很有帮助:

http://theopentutorials.com/tutorials/android/listview/android-custom-listview-with-image-and-text-using-baseadapter

于 2013-11-04T08:03:02.617 回答
0

这些教程都不会对您有所帮助,因为没有一个教程显示了如何在自定义 ArrayAdapter 的 getView() 方法中将侦听器放在列表视图中的按钮上,并告诉您如何确定 listviev 中的哪个项目拥有该按钮。即使有办法做到这一点,您也必须弄清楚(从 ArrayAdapter 类)如何在您的 Activity 或 Fragment 中调用一个方法,然后您可以在其中对该项目进行操作。

因此,这为您提供了多种选择。您需要响应列表项本身的单击/按下,而不是按钮。这是通过将 OnItemClickListener 或 OnItemLongClickListener 添加到列表视图来完成的。然后,您可以通过多种方式响应这些操作:

  • 上下文菜单,用户可以在其中选择删除或编辑项目的选项(使用菜单选项的列表视图)。
  • 使用按钮执行相同操作的弹出对话框。Ot 它可以将它们置于编辑模式并且也有一个删除按钮。

由于您将需要编写一个对话框来编辑项目,我会选择对话框选项。

于 2013-11-04T07:55:20.997 回答