检测包含在Swift中多个部分的UITableView的UITableViewCell中的按钮上的点击

分类：编程问答

如何解决检测包含在Swift中多个部分的UITableView的UITableViewCell中的按钮上的点击

在UITableviewCell上，我尝试单击“ AddToCart”按钮，并立即单击此按钮，以隐藏“ AddToCart”按钮并显示“ +”和“-”按钮；它运行正常，但不幸的是，由于在第8、15、22行单元格上隐藏了此“ AddToCart”按钮，因此我也看到了其他单元格上也发生了类似的操作。

您能帮我解决这个问题吗？

import Foundation
import UIKit
import Firebase
import FirebaseAuth
import FirebaseDatabase
import SDWebImage

class ProductListScreen: UITableViewController {
    
    
    var dbRef: DatabaseReference!
    var tempProducts: [Product] = []
    var imagesurlslist = [String]()
    
    
    
    let activityIndicatorView = UIActivityIndicatorView(style: UIActivityIndicatorView.Style.gray)
    var products: [Product] = []
    override func viewDidLoad() {
        super.viewDidLoad()
        activityIndicatorView.transform = CGAffineTransform(scaleX: 3,y: 3);
        tableView.backgroundView = activityIndicatorView
        activityIndicatorView.startAnimating()
         dbRef = Database.database().reference().child("xxxxx").child("0").child("xxxxxxx")
        dbRef.observe(DataEventType.value) { (snapshotAA) in
            for snapshotchild in snapshotAA.children.allObjects as! [DataSnapshot] {
                let snapshotchildobj = snapshotchild.value as? [String: AnyObject]
                let image:String  = snapshotchildobj?["imageurl"] as? String ?? ""
                let title:String  = snapshotchildobj?["name"] as? String ?? ""
                let price:String  = snapshotchildobj?["price"] as? String ?? ""
                let units:String  = snapshotchildobj?["units"] as? String ?? ""
                let quantity:String  = snapshotchildobj?["quantity"] as? String ?? ""
                let quantityunits:String  = quantity + " " + units as? String ?? ""
                self.tempProducts.append(Product(url: image,title: title,price: price,quantity: quantityunits))
                self.imagesurlslist.append(image)
            }
            self.products = self.tempProducts
            self.tableView.reloadData()
        }
    }
    
    
    
    var showImageIndex : Int?
    override func tableView(_ tableView: UITableView,numberOfRowsInSection section: Int) -> Int {
        print(products.count)
        return products.count
    }
    
    override func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    

        let product = products[indexPath.row]
        let cell = tableView.dequeueReusableCell(withIdentifier: "ProductCell",for: indexPath) as! ProductCell
        showImageIndex = indexPath.row
        cell.setProduct(product: product)
        let image = imagesurlslist[indexPath.row]
        cell.productImage!.sd_setImage(with: URL(string: image),placeholderImage: UIImage(named: "xxxxxxxx"))
        
        cell.cartButtonOutlet.tag = indexPath.row
        
        cell.tapCartButton = {
            print(indexPath.row)
            print(ProductCell().addtocartbuttonclicked)
            ProductCell().addtocartbuttonclicked = "Yes"
            
        }
        return cell;
    }
}





*******************************


import Foundation
import UIKit

class ProductCell: UITableViewCell {
    var index: IndexPath?
    var isAddToCartVisible: Bool?
    
    var addtocartbuttonclicked:String = "No"
    
    @IBOutlet weak var productImage: UIImageView!
    @IBOutlet weak var productTitle: UILabel!
    @IBOutlet weak var productPrice: UILabel!
    @IBOutlet weak var productQuantity: UILabel!
    
    var tapCartButton: (() -> Void)? = nil

    let productImageView: UIImageView = {
        let productImage = UIImageView()
        productImage.image = UIImage(named: "xxxxxxxxx")
        productImage.translatesAutoresizingMaskIntoConstraints = false
        productImage.layer.cornerRadius = 20
        productImage.layer.masksToBounds = true
        return productImage
    }()
    
    override init(style: UITableViewCell.CellStyle,reuseIdentifier: String?) {
        super.init(style: .subtitle,reuseIdentifier: reuseIdentifier)
        addSubview(productImageView)
//        ios 9 constraints
        productImageView.leftAnchor.constraint(equalTo:self.leftAnchor,constant: 10).isActive = true
        productImageView.centerYAnchor.constraint(equalTo:self.centerYAnchor).isActive = true
        productImageView.widthAnchor.constraint(equalToConstant: 40)
        productImageView.heightAnchor.constraint(equalToConstant: 40)
        
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
    

    
    func setProduct(product: Product){
        productTitle.text = product.title
        productPrice.text = product.price
        productQuantity.text = product.quantity
    }

    
//    **************** Objects Initialization ****************
    

    
    
    @IBOutlet weak var postiveButtonLabel: UIButton!
    
    @IBOutlet weak var negativeButtonLabel: UIButton!
    
    
     @IBAction func positiveButton(_ sender: UIButton) {
    print("pblisterener clicked")
    let mystring = String(describing: (selectedQuantity.text)!).trimmingCharacters(in: .whitespacesAndNewlines)
    let myInt1 = Int(mystring)
    print (myInt1!+1)
    selectedQuantity.text = " "+String(myInt1!+1)

}

@IBAction func negativeButton(_ sender: Any) {
    print("mbnlistener clicked")
    let mystring = String(describing: (selectedQuantity.text)!).trimmingCharacters(in: .whitespacesAndNewlines)
    let myInt1 = Int(mystring)
    if(myInt1 != 1){
        selectedQuantity.text = " "+String(myInt1!-1)
    }
}
    
    @IBOutlet weak var selectedQuantity: UILabel!
    @IBOutlet weak var cartButtonOutlet: UIButton!
    @IBAction func cartClick(_ sender: Any) {
        addtocartbuttonclicked = "Yes"
        print(addtocartbuttonclicked)
        if( addtocartbuttonclicked == "Yes" ) {
        tapCartButton?()
        cartButtonOutlet.isHidden = true
        postiveButtonLabel.isHidden = false
        negativeButtonLabel.isHidden = false
        selectedQuantity.isHidden = false
        
        }
        addtocartbuttonclicked = "Yes"
    }
    
    
    

    

}



Please refer this Video for more Info : https://youtu.be/kUMLAmksr-w

enter image description here

解决方法

当您滚动浏览UITableView或UICollectionView时，这些视图将重新使用通过dequeueReusableCell函数调用从屏幕上消失的单元格。这意味着您应该覆盖或还原这些单元格的状态，因为表格或集合视图不会更改它们。最好通过从func prepareForReuse()覆盖UITableViewCell来完成此操作，在该位置应删除该单元格的状态。对于您的情况，您应该隐藏“添加到购物车”按钮，并且同样重要的是，取消设置tapCartButton闭包（即将其设置为nil，因为将来可能会引起很多麻烦）。

只要UITableViewCell重用特定的UITableView，就会调用此函数。

,

您的数据结构需要一个属性，可在其中跟踪是否已将其“添加到购物车”

设置单元格数据时，显示或隐藏按钮：

func setProduct(product: Product){
    productTitle.text = product.title
    productPrice.text = product.price
    productQuantity.text = product.quantity
    
    // show or hide the add to cart button
    if product.isInCart {
        cartButtonOutlet.isHidden = true
    } else {
        cartButtonOutlet.isHidden = false
    }
}

然后，在cellForRowAt中创建的闭包中：

    cell.tapCartButton = {
        print(indexPath.row)
        
        // this is wrong...
        // you create a NEW ProductCell and print the value of addtocartbuttonclicked
        //print(ProductCell().addtocartbuttonclicked)
        // then you create ANOTHER NEW ProductCell and set the value of addtocartbuttonclicked
        //ProductCell().addtocartbuttonclicked = "Yes"
        // closure ends,and your NEW ProductCell goes away
        
        // instead,you want to update your data
        // something like
        self.products[indexPath.row].isInCart = true
        
    }
,

根据您的代码，我假设您的“产品”类似于：- 

struct Product {
    var url: String?
    var title: String?
    var price: String?
    var quantity: String?
    var isAddedInCart: Bool? // I have added extra varible to resolve your issue
}

现在，我必须借助“ iwegoInCart”变量来修改您现有的代码，以解决您的问题。

按如下方式使用它：- 

import Foundation
import UIKit
import Firebase
import FirebaseAuth
import FirebaseDatabase
import SDWebImage

class ProductListScreen: UITableViewController {


    var dbRef: DatabaseReference!
    var tempProducts: [Product] = []
    var imagesurlslist = [String]()



    let activityIndicatorView = UIActivityIndicatorView(style: UIActivityIndicatorView.Style.gray)
    var products: [Product] = []
    override func viewDidLoad() {
        super.viewDidLoad()
        activityIndicatorView.transform = CGAffineTransform(scaleX: 3,y: 3);
        tableView.backgroundView = activityIndicatorView
        activityIndicatorView.startAnimating()
         dbRef = Database.database().reference().child("xxxxx").child("0").child("xxxxxxx")
        dbRef.observe(DataEventType.value) { (snapshotAA) in
            for snapshotchild in snapshotAA.children.allObjects as! [DataSnapshot] {
                let snapshotchildobj = snapshotchild.value as? [String: AnyObject]
                let image:String  = snapshotchildobj?["imageurl"] as? String ?? ""
                let title:String  = snapshotchildobj?["name"] as? String ?? ""
                let price:String  = snapshotchildobj?["price"] as? String ?? ""
                let units:String  = snapshotchildobj?["units"] as? String ?? ""
                let quantity:String  = snapshotchildobj?["quantity"] as? String ?? ""
                let quantityunits:String  = quantity + " " + units as? String ?? ""
                self.tempProducts.append(Product(url: image,title: title,price: price,quantity: quantityunits,isAddedInCart: false))
                self.imagesurlslist.append(image)
            }
            self.products = self.tempProducts
            self.tableView.reloadData()
        }
    }



    var showImageIndex : Int?
    override func tableView(_ tableView: UITableView,numberOfRowsInSection section: Int) -> Int {
        print(products.count)
        return products.count
    }

    override func tableView(_ tableView: UITableView,cellForRowAt indexPath: IndexPath) -> UITableViewCell {


        let product = products[indexPath.row]
        let cell = tableView.dequeueReusableCell(withIdentifier: "ProductCell",for: indexPath) as! ProductCell
        showImageIndex = indexPath.row
        cell.setProduct(product: product)
        let image = imagesurlslist[indexPath.row]
        cell.productImage!.sd_setImage(with: URL(string: image),placeholderImage: UIImage(named: "xxxxxxxx"))

        cell.cartButtonOutlet.tag = indexPath.row

        cell.tapCartButton = {
            print(indexPath.row)
            print(ProductCell().addtocartbuttonclicked)
            ProductCell().addtocartbuttonclicked = "Yes"
            product.isAddedInCart = true
            self.tableView.reloadData()

        }
        return cell;
    }
}





//*******************************


import Foundation
import UIKit

class ProductCell: UITableViewCell {
    var index: IndexPath?
    var isAddToCartVisible: Bool?

    var addtocartbuttonclicked:String = "No"

    @IBOutlet weak var productImage: UIImageView!
    @IBOutlet weak var productTitle: UILabel!
    @IBOutlet weak var productPrice: UILabel!
    @IBOutlet weak var productQuantity: UILabel!

    var tapCartButton: (() -> Void)? = nil

    let productImageView: UIImageView = {
        let productImage = UIImageView()
        productImage.image = UIImage(named: "nammadukhaninkannada")
        productImage.translatesAutoresizingMaskIntoConstraints = false
        productImage.layer.cornerRadius = 20
        productImage.layer.masksToBounds = true
        return productImage
    }()

    override init(style: UITableViewCell.CellStyle,reuseIdentifier: String?) {
        super.init(style: .subtitle,reuseIdentifier: reuseIdentifier)
        addSubview(productImageView)
//        ios 9 constraints
        productImageView.leftAnchor.constraint(equalTo:self.leftAnchor,constant: 10).isActive = true
        productImageView.centerYAnchor.constraint(equalTo:self.centerYAnchor).isActive = true
        productImageView.widthAnchor.constraint(equalToConstant: 40)
        productImageView.heightAnchor.constraint(equalToConstant: 40)

    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }



    func setProduct(product: Product){
        productTitle.text = product.title
        productPrice.text = product.price
        productQuantity.text = product.quantity
        if product.isAddedInCart == true {
           cartButtonOutlet.isHidden = true
           postiveButtonLabel.isHidden = false
           negativeButtonLabel.isHidden = false
           selectedQuantity.isHidden = false
        }
        else{
            cartButtonOutlet.isHidden = false
            postiveButtonLabel.isHidden = true
            negativeButtonLabel.isHidden = true
            selectedQuantity.isHidden = true
        }
    }


//    **************** Objects Initialization ****************




    @IBOutlet weak var postiveButtonLabel: UIButton!

    @IBOutlet weak var negativeButtonLabel: UIButton!


    @IBAction func positiveButton(_ sender: Any) {
    }


    @IBAction func negativeButton(_ sender: Any) {
    }

    @IBOutlet weak var selectedQuantity: UILabel!
    @IBOutlet weak var cartButtonOutlet: UIButton!
    @IBAction func cartClick(_ sender: Any) {
        addtocartbuttonclicked = "Yes"
        print(addtocartbuttonclicked)
        if( addtocartbuttonclicked == "Yes" ) {
        tapCartButton?()
        }
        addtocartbuttonclicked = "Yes"
    }

}

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

导入项目后报错问题
依赖报错 idea导入项目后依赖报错，解决方案：https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错：更换其他版本 无法下载依赖可参考：https://blog.csdn.net/weixin_42628809/a
idea不能识别yaml文件
使用mybatis plus常见错误
错误1：代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
gradle常见问题与错误
错误1：gradle项目控制台输出为乱码 # 解决方案：https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
Mybatis Plus传入参数0不起作用
错误还原：在查询的过程中，传入的workType为0时，该条件不起作用 <select id="xxx"> SELECT di.id, di.name, di.work_type, di.updated... <where> <if test=&qu
linux中make编译源码包失败
报错如下，gcc版本太低 ^ server.c:5346:31: 错误：‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
微服务启动错误：Command line is too long. Shorten command line for
解决方案1 1、改项目中.idea/workspace.xml配置文件，增加dynamic.classpath参数 2、搜索PropertiesComponent，添加如下 <property name="dynamic.classpath" value="tru
vue常见错误
删除根组件app.vue中的默认代码后报错：Module Error (from ./node_modules/eslint-loader/index.js): 解决方案：关闭ESlint代码检测，在项目根目录创建vue.config.js，在文件中添加 module.exports = { lin
spark常见错误
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
matplotlib报错：AttributeError: module 'backend_interagg' has no attribute 'FigureCanvas'. Did you mean: 'FigureCanvasAgg'?
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams['font.sans-serif'] = ['SimHei'] # 能正确显示负号 p
gitlab登录失败，报错：This challenge page was accidentally cached by an intermediary and is no longer available.
设置时间 控制面板
后端开发常见错误
错误1：Request method ‘DELETE‘ not supported 错误还原：controller层有一个接口，访问该接口时报错：Request method ‘DELETE‘ not supported 错误原因：没有接收到前端传入的参数，修改为如下 参考 错误2：cannot r
docker常见错误
错误1：启动docker镜像时报错：Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法：重启docker -> systemctl r
idea常见错误
错误1：private field ‘xxx‘ is never assigned 按Altʾnter快捷键，选择第2项 参考：https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2：启动时报错，不能找到主启动类 #
pip安装依赖失败
报错如下，通过源不能下载，最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
maven常见错误
错误1：maven打包报错 错误还原：使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
cloud项目中常见错误
错误1：服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping("/hires") public class FeignControl
springboot常见错误
错误1：运行项目后报如下错误 解决方案 报错2：Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案：在pom.
springmvc拦截器中使用redisTemplate报空指针异常
参考 错误原因 过滤器或拦截器在生效时，redisTemplate还没有注入 解决方案：在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate<String
vite报错：npm ERR! command C:WINDOWSsystem32cmd.exe /d /s /c C:UsersychenAppDataLocalTempnpx-dde1c848.cmd
使用vite构建项目报错 C:\Users\ychen\work>npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot