Benutzerdefinierte dreieckige UICollectionviewCell in collectionview

Question

Normalerweise UICollectionviewcell ist von rechteckigen Box geformt und wir können das Aussehen in benutzerdefinierten UICollectionViewCell, aber in meinem Fall möchte ich die Zelle dreieckig oder eine andere Form als einfache rechteckige sein, wie kann ich erreichen diese Funktion?

Answer 1

override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 
    let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) 
    var path = UIBezierPath(); 
    var mask = CAShapeLayer(); 




      path.moveToPoint(CGPoint(x: 0,y: 0)) 
      path.addLineToPoint(CGPoint(x: cell.bounds.size.width-(cell.bounds.size.width/2), y:cell.bounds.size.width-(cell.bounds.size.width/2))) 
      path.addLineToPoint(CGPoint(x: cell.bounds.size.width, y: 0)) 
      path.addLineToPoint(CGPoint(x: 0, y: 0)) 

      mask.frame = cell.bounds 
      mask.path = path.CGPath 
      cell.layer.mask = mask 




    cell.backgroundColor = UIColor.redColor() 
    return cell 
} 

Es wäre besser, diese Maskierung Code, um benutzerdefinierte Zelle zu bringen und als erkennen, wo eine Boolesche Eigenschaft berühren und veränderte das ist eine einfache Lösung, ja Sie für einen besseren gehen können.

Code in benutzerdefinierter Zelle.

override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) { 
    super.touchesBegan(touches, withEvent: event) 
     let touch : UITouch! = touches.first 

     self.clickedLocation = touch.locationInView(touch.view) 

     print(self.clickedLocation.x) 
     print(self.clickedLocation.y) 

    //put condition on x and y here and get controller and change boolean property . 
    if self.clickedLocation.y < 100 
    { 

    ((UIApplication.sharedApplication().keyWindow?.rootViewController) as? collectionViewController)?.boole = true 
    } 
    else 
    { 
     ((UIApplication.sharedApplication().keyWindow?.rootViewController) as? collectionViewController)?.boole = false 
    } 
} 


} 

Code in ViewController.

override func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) { 

     if boole == false{ 
      print("hello") 
     } 
     else{ 
      print("bello") 
     } 
    } 

wo Boole eine einfache Boolesche Variable in der Steuerung ist.

vollständiger Code für benutzerdefinierte Zelle als Referenz.

import UIKit 

    class CollectionViewCell: UICollectionViewCell { 
     var clickedLocation = CGPoint() 
     var path : UIBezierPath! 
     var mask : CAShapeLayer! 

     override func drawRect(rect: CGRect) { 
      super.drawRect(rect) 

      path = UIBezierPath(); 
      mask = CAShapeLayer(); 

      path!.moveToPoint(CGPoint(x: 0,y: 0)) 
      path!.addLineToPoint(CGPoint(x: self.bounds.size.width-(self.bounds.size.width/2), y:self.bounds.size.width-(self.bounds.size.width/2))) 
      path!.addLineToPoint(CGPoint(x: self.bounds.size.width, y: 0)) 
      path!.addLineToPoint(CGPoint(x: 0, y: 0)) 

      mask!.frame = self.bounds 
      mask!.path = path!.CGPath 
      self.layer.mask = mask 


     } 
     override func awakeFromNib() { 
      super.awakeFr 

omNib() 
     // Initialization code 
    } 
    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) { 
    super.touchesBegan(touches, withEvent: event) 
     let touch : UITouch! = touches.first 

     self.clickedLocation = touch.locationInView(touch.view) 

      if  path.containsPoint(self.clickedLocation) 
     { 
       ((UIApplication.sharedApplication().keyWindow?.rootViewController) as? collectionViewController)?.boole = true 
     } 
      else{ 
       ((UIApplication.sharedApplication().keyWindow?.rootViewController) as? collectionViewController)?.boole = false 
     } 



    } 


}