本代码使用的Android版本:android-studio-2024.2.1.11-windows
一、实现效果
废话不多说,先看效果图:

在每一个商品页面中有“-”和“+”,点击后修改“num”的值,但是这两个监听器不会影响对于item的监听器。仅此实现页面的更改
二、层级信息

三、主要实现
在说明配置监听器部分前,由于本文存储数据是由Map来存储的,所以先介绍一下关于Map的键值操作,仅仅介绍本文运用到的部分。
| 方法名 | 作用 | 书写案例 |
| remove(String field) | 移除在Map中键为field的键值对 | product.remove("num"); |
| put(String field,String fieldValue); | 添加键为field,值为fieldValue的键值对插入Map中 | product.put("num", Integer.parseInt(num)+1); |
| put(String field) | 获取在Map中键为field的键值对 | product.get("num") |
对于增加商品部分的监听器:
holder.add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.d("Code", "onClick: 点击了+");
//下面部分是修改Map中的值。实现+1的功能
//先是获取,然后赋值給num
String num=String.valueOf(product.get("num"));
//再是移除num这一对的键值
product.remove("num");
//再添加加1后的键值到原先的Map中,从而实现更改
product.put("num", Integer.parseInt(num)+1);
Log.d("Code", "onClick: 点击了+"+String.valueOf(product.get("num")));
//刷新适配器
Store.productAdapter.notifyDataSetChanged();
}
}
注意:当你更新完ArrayList<Map<,>>的数据后,你需要从页面中调用适配器对象,进行页面的刷新
四、完整代码
Store页面:
页面代码:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".Store">
<ListView
android:id="@+id/listView"
android:layout_width="409dp"
android:layout_height="729dp"
tools:layout_editor_absoluteX="1dp"
tools:layout_editor_absoluteY="1dp"
tools:ignore="MissingConstraints" />
</androidx.constraintlayout.widget.ConstraintLayout>
Java代码:
package com.example.test03;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import com.example.test03.AllAdapter.ProductAdapter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class Store extends AppCompatActivity {
public static ProductAdapter productAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
EdgeToEdge.enable(this);
setContentView(R.layout.activity_store);
//获取数据
List<Map<String, Object>> productData = GetDate();
productAdapter = new ProductAdapter(this,productData);
ListView listView = findViewById(R.id.listView);
listView.setAdapter(productAdapter);
//如果想要得到效果图中的功能的话,需要为他设置一个监听器,如下
listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// 获取被点击项目的数据
Map<String, Object> clickedItem = (Map<String, Object>) parent.getItemAtPosition(position);
String productName = (String) clickedItem.get("name");
String productDescription = (String) clickedItem.get("description");
// 在这里处理点击事件,比如显示一个 Toast 消息
Toast.makeText(Store.this, "你点击了 " + productName + "\n" + productDescription, Toast.LENGTH_LONG).show();
}
});
}
private List<Map<String, Object>> GetDate() {
List<Map<String, Object>> productData = new ArrayList<>();
//根据数据源中的键数组来填充数据
//new String[]{"name", "description", "image"},
// 创建巧克力商品数据
Map<String, Object> chocolate = new HashMap<>();
chocolate.put("name", "巧克力");
chocolate.put("description", "好吃的巧克力");
chocolate.put("image", R.drawable.chocolate);
//这个num是选中商品的数量
chocolate.put("num", "0");
productData.add(chocolate);
// 创建薯片商品数据
Map<String, Object> chips = new HashMap<>();
chips.put("name", "薯片");
chips.put("description", "薯片真好吃");
chips.put("image", R.drawable.chips);
chips.put("num", "0");
productData.add(chips);
// 创建饼干商品数据
Map<String, Object> cookies = new HashMap<>();
cookies.put("name", "曲奇");
cookies.put("description", "哪里有曲奇");
cookies.put("image", R.drawable.cookies);
cookies.put("num", "0");
productData.add(cookies);
// 可以继续添加更多商品数据...
return productData;
}
}
ProductAdapter适配器:
package com.example.test03.AllAdapter;
import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
import com.example.test03.R;
import com.example.test03.Store;
import java.util.List;
import java.util.Map;
public class ProductAdapter extends BaseAdapter {
private Context context;
private List<Map<String, Object>> productData;
private LayoutInflater inflater;
//初始化
public ProductAdapter(Context context, List<Map<String, Object>> productData) {
this.context = context;
this.productData = productData;
this.inflater = LayoutInflater.from(context);
}
@Override
public int getCount() {
//获取数量
return productData.size();
}
@Override
public Object getItem(int position) {
//获取对象
return productData.get(position);
}
@Override
public long getItemId(int position) {
//获取Item模板
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
//position是选中的ViewList中list的列中的索引
//convertView是用于展示在页面中空白item,最后需要返回一个已填充的convertView返回
//定义一个ViewHolder类
ViewHolder holder;
//根据点击获取的list索引寻找对应的Map
Map<String, Object> product = productData.get(position);
if (convertView == null) {
//根据你的flag获取不一样的item创建一个视图
convertView = inflater.inflate(R.layout.item_commodity, parent, false);
//绑定item中的控件到ViewHolder身上
holder = new ViewHolder();
holder.productName = convertView.findViewById(R.id.productName);
holder.productDescription = convertView.findViewById(R.id.productDescription);
holder.productImage = convertView.findViewById(R.id.productImage);
holder.add = convertView.findViewById(R.id.add);
holder.num = convertView.findViewById(R.id.num);
holder.del = convertView.findViewById(R.id.del);
convertView.setTag(holder);
} else {
//如果已经存在视图
holder = (ViewHolder) convertView.getTag();
}
//根据Map中的信息,以键找值的形式一一赋值給每一个控件,以做到对控件的数据的填充
holder.productName.setText((String) product.get("name"));
holder.productDescription.setText((String) product.get("description"));
int imageResId = (int) product.get("image"); // 图片资源ID是以整型存储的
holder.productImage.setImageResource(imageResId);
holder.num.setText(String.valueOf(product.get("num")));
//在适配器中绑定监听器,相当于仅仅是在item这个视图中绑定监听器
//而下面获取的position是获取点击这个“+”和“-”所对应的item的索引
holder.add.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.d("Code", "onClick: 点击了+");
//下面部分是修改Map中的值。实现+1的功能
//先是获取,然后赋值給num
String num=String.valueOf(product.get("num"));
//再是移除num这一对的键值
product.remove("num");
//再添加加1后的键值到原先的Map中,从而实现更改
product.put("num", Integer.parseInt(num)+1);
Log.d("Code", "onClick: 点击了+"+String.valueOf(product.get("num")));
//刷新适配器
Store.productAdapter.notifyDataSetChanged();
}
});
holder.del.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.d("Code", "onClick: 点击了-");
String num=String.valueOf(product.get("num"));
product.remove("num");
product.put("num", Integer.parseInt(num)-1);
Log.d("Code", "onClick: 点击了+"+String.valueOf(product.get("num")));
Store.productAdapter.notifyDataSetChanged();
}
});
return convertView;
}
//定义ViewHolder,将item中所有的控件都列一个变量
private static class ViewHolder {
TextView productName;
TextView productDescription;
ImageView productImage;
TextView add;
TextView num;
TextView del;
}
}
item_commodity模板布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="10dp">
<ImageView
android:id="@+id/productImage"
android:layout_width="80dp"
android:layout_height="80dp"
android:src="@drawable/ic_launcher_foreground" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:orientation="vertical"
android:paddingStart="16dp"
android:paddingEnd="16dp"
android:gravity="center_vertical">
<TextView
android:id="@+id/productName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="商品名"
android:textSize="18sp"
android:textColor="@android:color/black" />
<TextView
android:id="@+id/productDescription"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="描述"
android:textSize="14sp"
android:textColor="@android:color/darker_gray" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="end
"
android:orientation="horizontal">
<TextView
android:id="@+id/del"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_margin="10dp"
android:background="#BCB8B8"
android:gravity="center"
android:text="-"
android:textColor="#FFFFFF"
android:textSize="20dp"
tools:ignore="TextContrastCheck" />
<TextView
android:id="@+id/num"
android:layout_width="wrap_content"
android:layout_height="30dp"
android:layout_margin="10dp"
android:textSize="20dp"
android:text="num"/>
<TextView
android:id="@+id/add"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_margin="10dp"
android:background="#BCB8B8"
android:gravity="center"
android:text="+"
android:textColor="#FFFFFF"
android:textSize="20dp"
tools:ignore="HardcodedText,SpUsage,TextContrastCheck" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
五、结语
本账号共为介绍适配器写了4篇文章(包括本文在内),相信你看完这几篇文章,你基本学会了适配器90%的使用了。其余三篇文章链接如下:
本篇文章主要是补充适配器的最后部分的内容,制作不易,觉得实用的就点个收藏吧!
221

被折叠的 条评论
为什么被折叠?



