Zoomen in UICollectionView

Question

Ich habe uicollectionview Codes mit CustomCollectionViewLayout, und innerhalb haben a lot of small cells, aber Benutzer kann sie ohne nicht sehen. Auch alle Zellen wählbar.

Ich möchte meine Sammlung Ansicht in Zoom-Funktion hinzufügen!

Meine eindeutigen Codes unten.

class CustomCollectionViewController: UICollectionViewController { 

    var items = [Item]() 


    override func viewDidLoad() { 
     super.viewDidLoad() 


     customCollectionViewLayout.delegate = self 

     getDataFromServer() 

} 

func getDataFromServer() { 

     HttpManager.getRequest(url, parameter: .None) { [weak self] (responseData, errorMessage) ->() in 

      guard let strongSelf = self else { return } 

      guard let responseData = responseData else { 
       print("Get request error \(errorMessage)") 
       return 
      } 

      guard let customCollectionViewLayout = strongSelf.collectionView?.collectionViewLayout as? CustomCollectionViewLayout else { return } 

      strongSelf.items = responseData 
      customCollectionViewLayout.dataSourceDidUpdate = true 

      NSOperationQueue.mainQueue().addOperationWithBlock({() -> Void in 
       strongSelf.collectionView!.reloadData() 
      }) 
     } 
    } 
} 

extension CustomCollectionViewController { 

    override func numberOfSectionsInCollectionView(collectionView: UICollectionView) -> Int { 
     return items.count 
    } 

    override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int { 
     return items[section].services.count + 1 
    } 

    override func collectionView(collectionView: UICollectionView, cellForItemAtIndexPath indexPath: NSIndexPath) -> UICollectionViewCell { 
     let cell = collectionView.dequeueReusableCellWithReuseIdentifier(reuseIdentifier, forIndexPath: indexPath) as! CustomCollectionViewCell 


      cell.label.text = items[indexPath.section].base 


     return cell 

} 

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

    print(items[cellForItemAtIndexPath.section].base) 


} 

} 

auch unter meine UICollectionView Layouteigenschaften unterhalb Sie es sehen können ausgewählt i maxZoom 4 aber doesnt haben keine Aktion!

Vielen Dank!

Answer 1

Sie zoomen keine Sammlung, als würden Sie eine einfache Bildlaufansicht zoomen. Stattdessen sollten Sie eine Pinch-Geste (oder einen anderen Zoom-Mechanismus) hinzufügen und damit das Layout ändern, damit Ihr Raster eine unterschiedliche Anzahl von Elementen im sichtbaren Teil der Sammlung anzeigt. Dies ändert grundsätzlich die Anzahl der Spalten und damit die Artikelgröße (Zellengröße). Wenn Sie das Layout aktualisieren, kann die Sammlung zwischen den verschiedenen Größen animiert werden. Obwohl es sehr unwahrscheinlich ist, dass Sie einen glatten Zoom wünschen, möchten Sie, dass sie direkt von N Spalten zu N-1 Spalten in einem Schritt geht.

Answer 2

Ich denke, was Sie sieht aus wie du fragen, was in der WWDC1012 Video gemacht ist berechtigt Erweiterte Sammlung Ansichten und Erstellen benutzerdefinierter Layouts (Demo beginnt um 20:20) https://www.youtube.com/watch?v=8vB2TMS2uhE

Sie haben grundsätzlich pinchGesture Sie hinzufügen UICollectionView und übergibt die Pinch-Eigenschaften (scale, center) an die UICollectionViewLayout (eine Unterklasse von UICollectionViewFlowLayout). Ihr Layout führt dann die Transformationen durch, die zum Zoomen der gewünschten Zelle erforderlich sind.