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 
}