Wie Instagram 3D Touch auf dem iPhone 6s zum Pop machte

Wenn Sie nach einer App suchen, die Sie mit den revolutionären Fähigkeiten von 3D Touch begeistert, sind Sie bei Instagram genau richtig. Die Foto-Sharing-App hat bereits einige großartige neue Interaktionen mit 3D Touch geschaffen, indem Benutzer mithilfe von drei neuen APIs von Apple Fotos und Profilinformationen einsehen können.

Wir haben 3D-Touch-iPhones erst seit einer Woche, aber die Ingenieure von Instagram haben es bereits geschafft, die Messlatte für andere Apps hoch zu setzen. In einem neuen Engineering-Blogpost gibt das Unternehmen Entwicklern einen Einblick, wie sie die neuen 3D-Touch-APIs implementiert haben nahtlos und zeigen, wie andere Apps 3D Touch viel leistungsfähiger machen können als nur eine 2015er Version des Rechtsklicks.

Hier sind einige der gesammelten Hinweise:

Schnelle Aktionen:

Mit der neuen Quick Action API von 3D Touch können Entwickler Verknüpfungen zum Startbildschirm hinzufügen.

„Alles, was Sie tun müssen, ist ein Array von UIApplicationShortcutItem zu erstellen und sie dem Delegierten Ihrer App hinzuzufügen“, schrieb Nystrom in einem Blog-Beitrag des Unternehmens. „Jedes Element hat einen **Typ**-String und ein optionales UIApplicationShortcutIcon.“

Einblicke

In der Lage zu sein, einen Blick auf Fotos zu werfen, ohne sich dazu verpflichten zu müssen, das Ganze zu laden, ist großartig. Es spart Ihnen wahrscheinlich nur etwa eine Sekunde, aber diese Zeit summiert sich, wenn Sie sich 15 Bilder oder mehr ansehen, während Sie durch die Registerkarte "Erkunden" fahren.

Um den Peek für kleine Fotos und Videos zu erstellen, verwendet Instagram den Peek and Pop-API-Delegaten namens UIViewControllerPreviewingDelegate, der für eine Ansicht registriert ist:

„In Instagram registrieren wir nur die Ansicht eines Controllers, der Berührungen empfangen kann. Wenn eine 3D-Berührung auftritt, entscheidet der Delegierte, ob es einen Blick auf das berührte Element in der Ansicht gibt. Wenn der Delegierte feststellt, dass ein Peek stattfinden kann, ist er auch für zwei Dinge verantwortlich: das Quellrecht der View, die eingesehen wird, festlegen und einen Controller zum Präsentieren zurückgeben.“

Das Unternehmen hat auch detailliert beschrieben, wie es Profil-Peeks für Header implementiert hat oder wann immer Sie in einem Kommentar markiert werden. Es funktioniert ähnlich wie Post-Peeks:

* Finden Sie die Zelle, die einen 3D-Touch erhalten hat, indem Sie den Standort verwenden und den NSIndexPath nachschlagen
* Konvertieren Sie die Position in einen CGPoint relativ zur Textansicht in der Zelle
* Holen Sie sich die Attribute für den NSAttributedString am angegebenen CGPoint
* Wenn ein Benutzername-Attribut vorhanden ist, geben Sie einen IGUserPreviewController zurück

Um einen vollständigen Überblick darüber zu erhalten, wie Sie die meisten der Peek- und Pop-API verwenden können, einschließlich Screenshots des Instagram-Codes, gehen Sie zu deren Engineering Tumblr.