Animieren Sie die Zelle, wenn Sie gedrückt werden mittels Swift 3

Mein problem ist wirklich einfach. Ich möchte animieren, um eine Zelle in eine collectionView. In der Tat, ich möchte mit einem grauen hintergrund hinter der Zelle und verkleinern Sie das Bild im inneren.

Wäre es (fast) den gleichen Effekt, als Pinterest:

Animieren Sie die Zelle, wenn Sie gedrückt werden mittels Swift 3

Ich verwendet, um code, der die animation auf den Tasten, aber ich habe nie, dass auf eine Zelle. Wie kann link eine Zelle auf einen touchUpInside oder TouchDown Aktion zum Beispiel ?

  • Ich möchte lauch die Aktion, wenn ich touch Down, und lassen, wenn Touch-up-inside
InformationsquelleAutor KevinB | 2017-08-12
  1. 55

    Wenn Sie möchten, um die animation zu starten, wenn Sie Tippen Sie auf die Zelle, die Sie umsetzen können didHighlightItemAt. Sie wahrscheinlich wollen, um es rückgängig zu machen in didUnhighlightItemAt:

    override func collectionView(_ collectionView: UICollectionView, didHighlightItemAt indexPath: IndexPath) {
    UIView.animate(withDuration: 0.5) {
        if let cell = collectionView.cellForItem(at: indexPath) as? CustomCell {            
            cell.imageView.transform = .init(scaleX: 0.95, y: 0.95)
            cell.contentView.backgroundColor = UIColor(red: 0.95, green: 0.95, blue: 0.95, alpha: 1)
        }
    }
}

override func collectionView(_ collectionView: UICollectionView, didUnhighlightItemAt indexPath: IndexPath) {
    UIView.animate(withDuration: 0.5) {
        if let cell = collectionView.cellForItem(at: indexPath) as? CustomCell {
            cell.imageView.transform = .identity
            cell.contentView.backgroundColor = .clear
        }
    }
}

    Ergibt:

    Animieren Sie die Zelle, wenn Sie gedrückt werden mittels Swift 3

    • Wonderfull ! Das ist genau das was ich wollte !!! Ich danke Ihnen sehr !
    • funktioniert nicht Autolayout-Einschränkung verwendet, für die wrapper-Blick in die Zelle
    InformationsquelleAutor Rob
  2. 4

    Wenn Sie benötigen, implementieren Sie diese Funktionalität nur für die bestimmte Zelle, fügen Sie einfach diesen code, um Sie Zelle Umsetzung: 

    override var isHighlighted: Bool {
  didSet {
    UIView.animate(withDuration: 0.5) {
      let scale: CGFloat = 0.9
      self.transform = self.isHighlighted ? CGAffineTransform(scaleX: scale, y: scale) : .identity
    }
  }
}

    Es ist die gleiche Antwort, dass vorgeschlagen [pgdev][1], aber für isHighlighted

    InformationsquelleAutor Alex Shoshiashvili
  3. 3

    Swift 4.2 innerhalb der UICollectionViewCell

        //MARK:- Events
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesBegan(touches, with: event)
        animate(isHighlighted: true)
    }

    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesEnded(touches, with: event)
        animate(isHighlighted: false)
    }

    override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesCancelled(touches, with: event)
        animate(isHighlighted: false)
    }

    //MARK:- Private functions
    private func animate(isHighlighted: Bool, completion: ((Bool) -> Void)?=nil) {
        let animationOptions: UIView.AnimationOptions = [.allowUserInteraction]
        if isHighlighted {
            UIView.animate(withDuration: 0.5,
                           delay: 0,
                           usingSpringWithDamping: 1,
                           initialSpringVelocity: 0,
                           options: animationOptions, animations: {
                            self.transform = .init(scaleX: 0.96, y: 0.96)
            }, completion: completion)
        } else {
            UIView.animate(withDuration: 0.5,
                           delay: 0,
                           usingSpringWithDamping: 1,
                           initialSpringVelocity: 0,
                           options: animationOptions, animations: {
                            self.transform = .identity
            }, completion: completion)
        }
    }
    • Arbeitete wie ein Charme
    InformationsquelleAutor Brandon Wong
  4. 2

    Versuchen Sie dies:

    In Ihrer benutzerdefinierten UICollectionViewCell ändern Sie die imageView transform wenn die Zelle ausgewählt ist, ich.e 

    class CollectionViewCell: UICollectionViewCell
{
    @IBOutlet weak var imageView: UIImageView!

    override var isSelected: Bool{
        didSet{
            UIView.animate(withDuration: 2.0) {
                self.imageView.transform = self.isSelected ? CGAffineTransform(scaleX: 0.9, y: 0.9) : CGAffineTransform.identity
            }
        }
    }
}
    InformationsquelleAutor PGDev
  5. 1

    Swift : 4 Sie implementieren müssen, um benutzerdefinierte UICollectionViewCell ändern Sie die contentView ODER imageView transform wenn die Zelle ausgewählt ist 

    override var isSelected: Bool {
                didSet{
                       UIView.animate(withDuration: 1.0, animations: 
                        {
                             self.contentView.transform = self.isSelected ? CGAffineTransform(scaleX: 0.95, y: 0.95) : CGAffineTransform.identity
                             self.contentView.backgroundColor = UIColor(red: 0.95, green: 0.95, blue: 0.95, alpha: 1)
                        }) { (true) in
                        UIView.animate(withDuration: 0.5, animations:
                        {
                             self.contentView.transform = self.isSelected ?  CGAffineTransform(scaleX: 1.0, y: 1.0) : CGAffineTransform.identity
                             self.contentView.backgroundColor = UIColor.clear
                        })
                    } 
                 }
             }
    InformationsquelleAutor Furkan Vijapura
  6. 0

    Haben Sie mehrere Möglichkeiten.

    • Können Sie implementieren das collection view delegate-Methode collectionView(:didSelectItemAtIndexPath:) und setzen Sie dort Ihren code.

    • Können Sie einen tap gesture recognizer, um Ihre anzeigen, die Sie möchten, auf Tippen reagiert.

    • Können Sie eine benutzerdefinierte Schaltfläche erstellen und installieren Sie ein Bild in es und verwenden Sie dann die IBAction-Methode der Schaltfläche als normal.

    InformationsquelleAutor Duncan C
Schreibe einen Kommentar