购物车的实现

最新推荐文章于 2024-05-14 22:14:15 发布
最新推荐文章于 2024-05-14 22:14:15 发布
阅读量339 收藏 2
点赞数
分类专栏： 安卓基础学习 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51108920/article/details/124740856
版权
本文介绍了Android应用开发中ListView的交互实现，包括商品数量按钮的加减、点击结算按钮的效果、列表项的点击和长按处理。在实验中，通过线性布局管理控件，处理了列表项复用导致的错位问题，并实现了列表项的选中状态存储。此外，文章还展示了如何使用对话框（Dialog）进行确认购买和长按操作的弹窗，并探讨了布局管理和CheckBox使用时遇到的问题及解决方案。
摘要由CSDN通过智能技术生成

实验过程中的学习：
1、布局：在实验过程中，将每个列表项中的控件通过线性布局LinearLayout进行排列，其中对于checkbox是RadioGroup的子项，所以需要通过RadioGroup控制。将商家名称，商品图片，商品名称，商品价格作为子项，对于商品的加减操作，将有加减+ - 符号作为按钮，表示商品数量的为textview，再对其进行点击监听事件处理。
2、叠加效果：在实验过程中，对于叠加效果的使用，可以在drawable中定义形状，将其作为图片的背景，设置好边间距和边框大小即可
3、小窗口的使用 ：设置监听，对dialog中的参数设置
4、对列表项的长按、点击效果、Toast的使用
实验过程：
1、商品数量按钮加减的效果
商品数量可以增加，可以减少，但是数量不得少于1个
在这里插入图片描述
2、结算按钮的效果
当未选中商品时，则点击结算按钮出现，无选中项的样式，选中商品则出现小弹窗，可以知道选中商品的数量，点击取消则出现取消购买的字样，确定则出现购买成功的字样。
在这里插入图片描述3、对于列表项的处理
点击列表项则出现选中字样，表示选中该产品，长按则出现小窗口，表示接下的操作，同时点击确定、取消的按钮出现的结果字样不一样。

在这里插入图片描述
4、弹窗使用格式的不一样
对于Toast中的参数的使用，不同参数的使用对应不用的呈现效果，在实验过程分别出现两个中情况，分别是信息为一行使用massage，两行或者多行则使用builder.setItems(new String[]{“移入收藏夹”,“删除”,“找相似”},null);进行设置。

实验中遇到的问题：

1、布局管理的不正确，对于约束布局的了解不够充分，无法较好的使用，在实验过程中使用较为麻烦的线性布局，造成代码的冗长。
在学习过程中，对于listview列表控件的数据中，对于checkBox的使用，想用通过点击listview列表来实现点击效果，其中使得checkBox能够成功。
遇到的问题：
2、对于点击列表出现错位的现象
原因：对于listview控件中，页面中设置的列表是有限的，出现列表数据出现复用的现象，但是出现复用的话，没有将数据进行存储，刷新。
在listAdapter中，对于checkBox的状态进行存储。
3、无法出现点击的效果无法出现在对应位置
是因为所使用的CheckBox不是我所需要的列表控件中的CheckBox，所以通过点击监听可以得知通过view.findViewById(R.id.checkbox);进行定义即可。
特别注意所属关系，这已经是第二次出现的问题。

代码见下：

主函数代码：

import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ListView;
import android.widget.Toast;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MainActivity extends AppCompatActivity {
    private ListView mListView;
    private MyAdapter myAdapter;
   private int number = 0;
    private List<Map<String,Object>> list = new ArrayList<Map<String,Object>>();
    //定义一个列表集合
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // ButterKnife.bind(this);
        initData();

        mListView = (ListView) findViewById(R.id.listview);
        myAdapter = new MyAdapter(list, this);
        mListView.setAdapter(myAdapter);
       //listview的点击事件
    
       mListView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
           public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
               // checkBox.setChecked(!checkBox.isClickable());
               CheckBox checkBox= view.findViewById(R.id.checkbox);
               boolean s = (boolean) list.get(position).get("checkbox");
               if (s == true) {
                  list.get(position).put("checkbox", false);
                   checkBox.setChecked(false);
                   number--;
               } else {
                  list.get(position).put("checkbox", true);
                   checkBox.setChecked(true);
                   number++;
               }
           }
       });
       //listview长按事件
        mListView.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {
           @Override
           public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
              dialog2();
               return true;
           }
       });

        //recyclerView.addOnItemTouchListener(new RecyclerItemClickListenerView(this,mRecyclerView,listener));
    //对button结算进行判断，如果选中则item则弹出确认弹窗，没有选中提示”无选中项”
        Button count = findViewById(R.id.count);
        count.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(number==0){
                    Toast.makeText(v.getContext(), "无选中项", Toast.LENGTH_LONG).show();
                }
                else
                    dialog1_1();
            }
        });
    }

    //小弹窗
    private void dialog1_1(){
        //先new出一个监听器，设置好监听
        DialogInterface.OnClickListener dialogOnclicListener=new DialogInterface.OnClickListener(){

            @Override
            public void onClick(DialogInterface dialog, int which) {
                switch(which){
                    case Dialog.BUTTON_POSITIVE:
                        Toast.makeText(MainActivity.this, "购买成功" , Toast.LENGTH_SHORT).show();
                        break;
                    case Dialog.BUTTON_NEGATIVE:
                        Toast.makeText(MainActivity.this, "取消购买", Toast.LENGTH_SHORT).show();
                        break;
                }
            }
        };

        //dialog参数设置
        AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器
        builder.setTitle("确定购买吗？"); //设置标题
        builder.setMessage("你已经选中"+ number+"件商品"); //设置内容
        builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可
        builder.setPositiveButton("确认",dialogOnclicListener);
        builder.setNegativeButton("取消", dialogOnclicListener);
        builder.create().show();
    }
//长按小弹窗
    private void dialog2(){
    //先new出一个监听器，设置好监听
             DialogInterface.OnClickListener dialogOnclicListener=new DialogInterface.OnClickListener(){

        @Override
        public void onClick(DialogInterface dialog, int which) {
            switch(which){
                case Dialog.BUTTON_POSITIVE:
                    Toast.makeText(MainActivity.this, "操作成功" , Toast.LENGTH_SHORT).show();
                    break;
                case Dialog.BUTTON_NEGATIVE:
                    Toast.makeText(MainActivity.this, "操作取消", Toast.LENGTH_SHORT).show();
                    break;
            }
        }
    };
    //dialog参数设置
    AlertDialog.Builder builder=new AlertDialog.Builder(this);  //先得到构造器
    builder.setTitle("选项菜单"); //设置标题
    builder.setItems(new String[]{"移入收藏夹","删除","找相似"},null);
    builder.setIcon(R.mipmap.ic_launcher);//设置图标，图片id即可
    builder.setPositiveButton("确认",dialogOnclicListener);
    builder.setNegativeButton("取消", dialogOnclicListener);
    builder.create().show();
}
    private void initData() {
        //1
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.tls);
        map.put("title", "蒙牛特仑苏纯牛奶");
        map.put("price", "¥39.9");
        map.put("stock", "12");
        map.put("checkbox", false);
        list.add(map);
        //2
        map = new HashMap<String, Object>();
        map.put("brand", "三只松鼠");
        map.put("img", R.drawable.bgg);
        map.put("title", "碧根果");
        map.put("price", "¥29.8");
        map.put("stock", "23");
        map.put("checkbox", false);
        list.add(map);
        //3
        map = new HashMap<String, Object>();
        map.put("brand", "伊利");
        map.put("img", R.drawable.smilk);
        map.put("title", "酸奶");
        map.put("price", "¥19.9");
        map.put("stock", "78");
        map.put("checkbox", false);
        list.add(map);
        //4
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.bug);
        map.put("title", "大容量大学生背包");
        map.put("price", "¥49.9");
        map.put("stock", "22");
        map.put("checkbox", false);
        list.add(map);
        //5
        map = new HashMap<String, Object>();
        map.put("brand", "");
        map.put("img", R.drawable.cloth);
        map.put("title", "薄外套");
        map.put("price", "¥119.9");
        map.put("stock", "33");
        map.put("checkbox", false);
        list.add(map);
        //6
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.cloth2);
        map.put("title", "衣服");
        map.put("price", "¥29.9");
        map.put("stock", "12");
        map.put("checkbox", false);
        list.add(map);
        //7
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.cloth3);
        map.put("title", "大学生外套");
        map.put("price", "¥44.9");
        map.put("stock", "24");
        map.put("checkbox", false);
        list.add(map);
        //8
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.ww1);
        map.put("title", "洗衣液");
        map.put("price", "¥59.9");
        map.put("stock", "23");
        map.put("checkbox", false);
        list.add(map);
        //9
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.ww2);
        map.put("title", "洗衣凝珠");
        map.put("price", "¥162.9");
        map.put("stock", "92");
        map.put("checkbox", false);
        list.add(map);
        //10
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.xjj);
        map.put("title", "洗衣液");
        map.put("price", "¥49.9");
        map.put("stock", "24");
        map.put("checkbox", false);
        list.add(map);
        //11
        map = new HashMap<String, Object>();
        map.put("brand", "蓝月亮");
        map.put("img", R.drawable.xyiy2);
        map.put("title", "洗衣液");
        map.put("price", "¥12.9");
        map.put("stock", "22");
        map.put("checkbox", false);
        list.add(map);
        //12
        map = new HashMap<String, Object>();
        map.put("brand", "天猫超市");
        map.put("img", R.drawable.xl);
        map.put("title", "项链");
        map.put("price", "¥111.9");
        map.put("stock", "13");
        map.put("checkbox", false);
        list.add(map);
    }

}

ListView适配器的代码

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.List;
import java.util.Map;
//自定义的Adapter
public class MyAdapter extends BaseAdapter  {
    private List<Map<String,Object>> datas;
    private Context mContext;
    private int num = 1;
    //构造方法
    public MyAdapter(List<Map<String ,Object>> datas,Context mContext){
        this.datas = datas;
        this.mContext = mContext;
    }
    //重写BaseAdapter中的方法
    public int getCount(){
        //返回数据的总数
        return datas.size();
    }
    public  Object getItem(int position){
        //返回在list中指定位置的数据的内容
        return datas.get(position);
    }
    public long getItemId(int position){
        //返回数据在list中所在的位置
        return position;
    }
    public View getView(int position, View converView, ViewGroup parent){
        ViewHodle holder;
       if(converView == null) {
           //使用自定义的布局文件作为layout
           converView = LayoutInflater.from(mContext).inflate(R.layout.list_item_layout, null);
           //减少findView的次数
           holder = new ViewHodle();
           //初始化布局中的元素
           holder.brand = (TextView) converView.findViewById(R.id.brand);
           holder.mImageView = (ImageView) converView.findViewById(R.id.imageview);
           holder.mTextView1 = (TextView) converView.findViewById(R.id.textview1);
           holder.mTextView2 = (TextView) converView.findViewById(R.id.textview2);
           holder.mTextView3 = (TextView) converView.findViewById(R.id.textview3);
           holder.mCheckBox = (CheckBox)  converView.findViewById(R.id.checkbox);
           TextView textView = converView.findViewById(R.id.number);
           Button decrease = converView.findViewById(R.id.decrease);
           Button add = converView.findViewById(R.id.add);
           numberCount(textView, decrease, add);
           converView.setTag(holder);
       }
       else{
           holder = (ViewHodle)converView.getTag();
       }
       //从传入的数据中提取数据并绑定到指定的view中
        holder.brand.setText(datas.get(position).get("brand").toString());
        holder.mImageView.setImageResource((Integer)datas.get(position).get("img"));
        holder.mTextView1.setText(datas.get(position).get("title").toString());
        holder.mTextView2.setText(datas.get(position).get("price").toString());
        holder.mTextView3.setText(datas.get(position).get("stock").toString());
        holder.mCheckBox.setChecked((Boolean) datas.get(position).get("checkbox"));
        // 判断checkbox的状态


      //  holder.mButton.setText(datas.get(position).get("button").toString());
        return converView;
    }


    class ViewHodle{
        TextView brand;
        ImageView mImageView;
        TextView mTextView1;
        TextView mTextView2;
        TextView mTextView3;
        CheckBox mCheckBox;
    }

    //对于加减的运算
    public void  numberCount(final TextView textView, Button decrease, Button add){
        textView.setText(num + "");
        //减法
        decrease.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (num > 1) {
                    num--;
                    textView.setText(num + "");
                } else {
                    Toast.makeText(v.getContext(), "数量最低为1份", Toast.LENGTH_SHORT).show();
                    textView.setText("1");
                }

            }
        });
        //加法
        add.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                num++;
                textView.setText(num + "");
            }
        });
    }


}
小刘学习ing
关注
专栏目录
购物车实现原理
03-29
web开发中购物出功能实现原理,实现购物车的关键在于服务器识别每一个用户并维持与他们的联系。但是HTTP协议是一种“无状态(Stateless)”的协议，因而服务器不能记住是谁在购买商品，当把商品加入购物车时，服务器也不知道购物车里原先有些什么，使得用户在不同页面间跳转时购物车无法“随身携带”，这都给购物车的实现造成了一定的困难。      目前购物车的实现主要是通过cookie、session或结合数据库的方式
jquery右侧购物车实现.zip
08-06
本项目"jquery右侧购物车实现.zip"是一个基于jQuery的示例，旨在展示如何在网页的右侧实现一个购物车功能。这个压缩包包含四个主要文件：index.html（主页面），images（图片资源），js（JavaScript脚本）和css...
购物车的实现原理
weixin_34019929的博客
10-20 217
       购物车相当于现实中超市的购物车，不同的是一个是实体车，一个是虚拟车而已。用户可以在购物网站的不同页面之间跳转，以选购自己喜爱的商品，点击购买时，该商品就自动保存到你的购物车中，重复选购后，最后将选中的所有商品放在购物车中统一到付款台结账，这也是尽量让客户体验到现实生活中购物的感觉。服务器通过追踪每个用户的行动，以保证在结账时每件商品都物有其主。      购物车的功能包括以下几项...
购物车功能实现
Emporor的博客
11-02 2767
当用户点击“添加到购物车”按钮时，我们需要将该商品添加到购物车的数据结构中。例如，如果用户已经将一个商品添加到购物车中，我们只需要增加商品的数量；它允许用户浏览商品，选择他们想要购买的商品，并将它们添加到购物车中，然后在准备结账时一次性支付。为了方便用户查看他们的购物车中总共有多少商品，我们需要实现一个函数来计算购物车的总价。当用户点击“从购物车中移除”按钮时，我们需要从购物车的数据结构中删除相应的商品。当用户更改购物车中商品的数量时，我们需要更新购物车数据结构中的相应部分。
简易购物车实现
热门推荐
dream_s_a的博客
04-12 1万+
将购物车实现分成三部分分别实现： 第一部分：简单购物车功能实现； 第二部分：将商品序号改为勾选框； 第三部分：添加商店对商品进行分类。
微信小程序购物车实现 微信小程序购物车实现
06-04
微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现微信小程序购物车实现...
购物车实现
03-10
在本篇文章中，我们将深入探讨如何通过编程语言来实现一个购物车系统，并解析其实现过程中的关键技术和设计思路。购物车作为电子商务网站的核心功能之一，不仅对于提升用户体验至关重要，还能有效促进商品销售。 ##...
购物车实现的几种方式优缺点对比
12-17
在选择购物车实现方式时，需要综合考虑用户体验、服务器性能、数据安全等因素。结合业务规模和用户特性，可以选择最适合的实现方案。例如，小型电商网站可能更适合使用Cookie或Session，而大型电商平台则可能倾向于...
购物车功能实现(小兔鲜儿)【Vue3】
weixin_53943447的博客
07-27 1772
注意事项: v-model双向绑定指令不方便进行命令式的操作(因为后续还需要调用接口), 所以把v-model回退到一般模式,也就是。：通过skuId找到要进行单选操作的商品，把控制是否选中的selected字段修改为当前单选框的状态。,剩下的事情就是在action中做登录状态的分支判断,1- store中定义action和计算属性。2- 组件中触发aciton和使用计算属性。核心思路: 单选的核心思路就是始终把。2- action中适配登录和非登录。2- action中适配登录和非登录。
购物车功能的实现
07-21
对购物车功能的基本实现，比如购物车的增删改查等等 对大家的学习起到一个参考的作用。
JAVA代码实现WEB简单购物车功能
08-11
WEB项目 数据库增加删除修改查询 添加购物车 动态结算
购物车简单代码实现
09-21
一个简单的购物车源代码，能够实现将物品加载到购物车中 对购物车里的物品进行修改 删除的操作
仿淘宝的购物车功能的实现
05-03
仿淘宝的购物车功能的实现
Redis实现购物车功能（Java代码实现）
最新发布
2302_78041486的博客
05-14 1140
当用户点击商品详情，查看商品时，，在添加购物的时，需要将添加到redis数据库中，可以将这些添加到购物车中的信息成给，就定义成实体类，而这给实体类中需要存在的属性，需要的是能够在购物车展示时必须要使用到属性，如：商品对象（通过商品对象可以展示出商品的单价，以及商品对应的编号，每个用户只能对应一个商品编号的购物车，当成hashkey）、用户id（用户id是唯一的，需要通过用户id当成存储在Redis中）、数量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值