购物车中的全选or单选操作

listview的item布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
   
 <CheckBox
     android:id="@+id/ck"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     />
 <TextView
     android:id="@+id/tv"
     android:textSize="18sp"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     />
</LinearLayout>


主界面布局

<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" >
    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/linear" >
    </ListView>
    <LinearLayout
        android:id="@+id/linear"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal" >
        <CheckBox
            android:id="@+id/all"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="全选" />
        <Button
            android:text="反选"
            android:id="@+id/reverse"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>
</RelativeLayout>


主类

package com.example.allandreverse;
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;

import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity {
 private ListView list_view;
 private CheckAdapter checkAdapter;
 private CheckBox allBox;
 private Button reverse;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  
  list_view = (ListView)findViewById(R.id.list_view);
  allBox = (CheckBox)findViewById(R.id.all);
  reverse = (Button)findViewById(R.id.reverse);
  
  List<String> list = new ArrayList<String>();
  for (int i = 0; i < 15; i++) {
   list.add("这是条目" + i);
  }
  
  checkAdapter = new CheckAdapter(getApplicationContext(), list);
  list_view.setAdapter(checkAdapter);
  
  //设置全选
  allBox.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View v) {
    boolean flag = allBox.isChecked();
    
    for (int i = 0; i < checkAdapter.getSelect().size(); i++) {
     checkAdapter.getSelect().set(i, flag);
    }
    checkAdapter.notifyDataSetChanged();
    
   }
  });
  
  //反选
  reverse.setOnClickListener(new OnClickListener() {
   
   @Override
   public void onClick(View v) {
    if (! checkAdapter.getSelect().contains(true)) {
     Toast.makeText(MainActivity.this, "qingxuanz", 0).show();
    }else {
     for (int i = 0; i < checkAdapter.getSelect().size(); i++) {
      if (checkAdapter.getSelect().get(i)) {
       checkAdapter.getSelect().set(i, false);
      }else {
       checkAdapter.getSelect().set(i, true);
      }
     }
     
     if (checkAdapter.getSelect().contains(false)) {
      allBox.setChecked(false);
     }
     
     checkAdapter.notifyDataSetChanged();
    }
   }
  });
  
 }
 private class CheckAdapter extends BaseAdapter {
  private List<String> list;
  private Context context;
  
  //创建一个集合 去记录选中与未选中的状态
  LinkedList<Boolean> linkedList = new LinkedList<Boolean>();
  public CheckAdapter(Context context, List<String> list) {
   // TODO Auto-generated constructor stub
   this.list = list;
   this.context = context;
   
   for (int i = 0; i < list.size(); i++) {
    linkedList.add(false);
   }
   
  }
  //对外提供一个方法 获取这个集合
  private List<Boolean> getSelect() {
   return linkedList;
  }
  
  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return list.size();
  }
  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return list.get(position);
  }
  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }
  @Override
  public View getView(final int position, View convertView,
    ViewGroup parent) {
   if (convertView == null) {
    convertView = View.inflate(context, R.layout.item, null);
   }
   CheckBox ck = (CheckBox) convertView.findViewById(R.id.ck);
   TextView tView = (TextView) convertView.findViewById(R.id.tv);
   tView.setText(list.get(position));
   ck.setChecked(linkedList.get(position));
   //对checkBox点击进行监听
   ck.setOnClickListener(new OnClickListener() {
    
    @Override
    public void onClick(View v) {
     //点中的时候改成相反的值
     linkedList.set(position, ! linkedList.get(position));
     
     //点击的同时还要去判断全选
     if (linkedList.contains(false)) {
      allBox.setChecked(false);
     }else {
      allBox.setChecked(true);
     }
     
     notifyDataSetChanged();
    }
   });
   
   return convertView;
  }
 }
}


适配器

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在UniApp实现购物车全选单选和反选功能,可以通过以下步骤进行操作: 1. 数据结构设计:首先,你需要定义一个购物车数据结构,可以使用数组或对象来表示每个商品的信息,例如商品名称、价格、数量等。同时,为每个商品添加一个选状态的属性,用于记录是否被选。 2. 渲染购物车列表:在页面使用`v-for`指令遍历购物车数据,并将商品信息展示出来。同时,为每个商品的选状态绑定一个`v-model`指令,用于实现单选功能。 3. 实现全选功能:添加一个全选的复选框,通过绑定一个变量来控制全选的状态。当全选复选框被点击时,遍历购物车数据,将每个商品的选状态与全选状态保持一致。 4. 实现反选功能:添加一个反选按钮,当点击反选按钮时,遍历购物车数据,将每个商品的选状态取反。 5. 计算总价和总数量:通过遍历购物车数据,累加选商品的价格和数量,得到总价和总数量。 6. 相关代码示例: ```html <template> <div> <div> <input type="checkbox" v-model="selectAll" @change="handleSelectAll" /> 全选 <button @click="handleInverseSelect">反选</button> </div> <div v-for="(item, index) in cartList" :key="index"> <input type="checkbox" v-model="item.selected" @change="handleSelectItem(index)" /> {{ item.name }} - ¥{{ item.price }} - 数量:{{ item.quantity }} </div> <div> 总价:¥{{ totalPrice }},总数量:{{ totalQuantity }} </div> </div> </template> <script> export default { data() { return { selectAll: false, cartList: [ { name: '商品1', price: 10, quantity: 1, selected: false }, { name: '商品2', price: 20, quantity: 2, selected: false }, { name: '商品3', price: 30, quantity: 3, selected: false } ] }; }, computed: { totalPrice() { let total = 0; for (let item of this.cartList) { if (item.selected) { total += item.price * item.quantity; } } return total; }, totalQuantity() { let total = 0; for (let item of this.cartList) { if (item.selected) { total += item.quantity; } } return total; } }, methods: { handleSelectAll() { for (let item of this.cartList) { item.selected = this.selectAll; } }, handleSelectItem(index) { this.cartList[index].selected = !this.cartList[index].selected; }, handleInverseSelect() { for (let item of this.cartList) { item.selected = !item.selected; } } } }; </script> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值