[英]add icons in dynamic list view using android
我是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;
}
誰能告訴我如何編輯它以添加圖標?
如您所說,您是新手,所以我正在創建一個與您的需求類似的列表視圖。 如果您仍然遇到任何問題,可以提出疑問。 也可以有其他方法,但我遵循以下一種方法。
我通過三個步驟創建了它:1.用XML創建一個listview布局。 2.為您的行創建一個布局,將其充氣並設置在listview行上。 3.通過擴展arrayadapter創建一個自定義適配器。 4.設置自定義適配器。
步驟1:使用XML創建一個listview布局。
下面給出的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:為您的行創建一個布局,然后將其充氣並設置在listview行上。
<?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);
}
我認為以上示例可以為您提供幫助。 嘗試理解這個概念。 如果您遇到任何問題,可以詢問。 我會盡力幫助您。
使用CustomArray適配器添加編輯/刪除按鈕。 本教程將為您提供幫助。 請檢查一下。
對於這種情況,您必須使用您的自定義適配器
表示擴展BaseAdapter
並嘗試在該適配器中實現所有方法。
這些教程都不會對您有所幫助 ,因為沒有一個教程會顯示如何在自定義ArrayAdapter的getView()方法中將偵聽器放在列表視圖中的按鈕上,以及如何確定listviev中的哪個項目擁有該按鈕。 即使有辦法做到這一點,您也必須弄清楚如何(從ArrayAdapter類)在Activity或Fragment中調用方法,然后可以在該方法上執行該操作。
因此,這為您提供了幾種選擇。 您需要響應列表項本身上的單擊/按下,而不是按鈕。 這是通過將OnItemClickListener或OnItemLongClickListener添加到列表視圖來完成的。 然后,您可以通過以下幾種方式對這些操作做出響應:
由於您將需要編寫一個用於編輯該項目的對話框,因此我將使用“對話框”選項。
如果您是Android的新手,這會令人感到困惑,但是學習如何做是沒有捷徑的。 也嘗試一下本教程,我發現它很有幫助:
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.