Swift iOS-如何将按钮添加到CollectionView单元的外部

Question

1. 我想获得一个deleteButton，它是一个删除图像，位于一个collectionViewCell的外部（它可以部分位于内部）。

我看着其他SO答案和他们说只是与我没有按钮的帧的矩形的x & y值播放。当我设置了x & y值0,0我得到：

class CustomCell: UICollectionViewCell { 

@IBOutlet weak var imageView: UIImageView! 
var deleteButton: UIButton! 
var deleteButtonImg: UIImage! 

override func awakeFromNib() { 
    super.awakeFromNib() 

deleteButton = UIButton(frame: CGRect(x: 0, y: 0, width: frame.size.width/4, height: frame.size.width/4)) 

deleteButtonImg = UIImage(named: "delete-icon")!.withRenderingMode(.alwaysTemplate) 
deleteButton.setImage(deleteButtonImg, for: .normal) 
deleteButton.tintColor = UIColor.red 

contentView.addSubview(deleteButton) 
} 

当我尝试设置了矩形的x & y到-10,-10的deleteButton变剪切在单元格的imageView中。我没有clipsToBounds设置。

deleteButton = UIButton(frame: CGRect(x: -10, y: -10, width: frame.size.width/4, height: frame.size.width/4)) 

我甚至试着设置clipToBounds到false但我得到的PIC＃同样的效果3.

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
     let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "CustomCell", for: indexPath) as! CustomCell 

     cell.imageView.image = myImageArray[indexPath.row] 
     cell.imageView.clipsToBounds = false 

     return cell 
    } 

我要去哪里错了？

Answer 1

问题是故事板里面我有一个：

CollectionView 
     -CustomCell (type collectionViewCell) 
      -imageView 

在属性检查器中，在牵引部，所有这3具有这样的性质clipsToBounds。

我忽略了一个事实，即clipToBounds在imageView上设置为false（未选中），但在CustomCell和CollectionView上设置为true（选中）。

如果任何人有这个问题做出了的CollectionView，collectionViewCell务必uncheck clipsToBounds和ImageView的。

Answer 2

好u能做到像下面，首先创建一个XIB文件，并替换集合视图细胞缺省视图，设置如下图所示，

上述图像中设置的类名CustomCell（在我的情况），并放置图像视图（绿色）和按钮（蓝色）。

和View controller，

override func viewDidLoad() { 
    super.viewDidLoad() 
    // Do any additional setup after loading the view, typically from a nib. 
    //register the nib to collectionview 
    self.aColectionView.register(UINib(nibName: "CustomCell", bundle: nil), forCellWithReuseIdentifier: "CUSTOM_CELL") 
} 

override func didReceiveMemoryWarning() { 
    super.didReceiveMemoryWarning() 
    // Dispose of any resources that can be recreated. 
} 

func numberOfSections(in collectionView: UICollectionView) -> Int { 
    return 1 
} 

func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
    return 40 
} 

//cell creation as u are doing 
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell { 
    let cell:CustomCell = collectionView.dequeueReusableCell(withReuseIdentifier: "CUSTOM_CELL", for: indexPath) as! CustomCell 
    //set the image for custom cell 

    return cell 
} 

//return the required size 
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { 
    return CGSize(width: 200, height: 150) 
} 

和输出象下面，

和定制细胞类中，u添加像一个按钮动作和其它视图相关的代码的任何其它特征

class CustomCell:UICollectionViewCell { 

    @IBOutlet weak var deleteButton: UIButton! 
    @IBOutlet weak var imageView: UIImageView! 


    //other view related code 
}