0

TL;DR I want to copy the UI and implementation of the iOS platform's Rich Notifications peek in my app, without reinventing the wheel if possible.

I’m trying to implement UI pretty much identical to Apple’s Rich Notifications on the iOS platform. I want to use it for my own notification listing in my app. They seem to have a custom implementation of the peek UI of Peek and Pop which differs in the following ways as far as I can tell:

  • After you triggered the peek using 3D touch the UI is not dismissed when you lift your finger.
  • The preview actions are shown immediately rather than requiring the user to swipe up.
  • There is a dismissal icon in the form of a circle with a cross

I’ve been trying to see whether I could customize the Peek and Pop implementation in UIKit to mimic this behavior but it seems pretty uncustomizable.

I've found some guidance here but I want the rows in my tableview to dynamically be represented in the preview UI, exactly how it work with the various types of iOS notifications, matching the position of the row in the tableview and scaling accordingly.

Am I missing something or do I have to do as the link above states and make an entirely custom view controller that copies the Rich Notifications UI, including the preview action buttons? This would mean I'd have to deal with positioning and scaling the view controller as well. If at all possible I'd like to rely on things already implemented in the platform as much as possible since I’d hate to reinvent the wheel. I am using Swift 4.

For clarity I’ve added two screenshots of Apple’s Rich Notifications implementation to show what I’m talking about:

enter image description here enter image description here

  • Can you summarize what you want to achieve? – Orkhan Alikhanov Dec 24 '18 at 12:03
  • @OrkhanAlikhanov done –  Dec 24 '18 at 12:10
  • Isn't [this](https://www.raywenderlich.com/6794-peek-and-pop-with-3d-touch) what you want? – Orkhan Alikhanov Dec 24 '18 at 12:14
  • No unfortunately not. That is the default peek and pop implementation which doesn't (as far as I can tell) support the key differences I've listed in my post. Most importantly, it disappears when lifting your finger and you have to swipe up for the preview actions. I would love to use it if it does support the behavior described above though :) –  Dec 24 '18 at 12:22
  • https://medium.com/@lucasgoesvalle/custom-push-notification-with-image-and-interactions-on-ios-swift-4-ffdbde1f457 You can use this tutorial!! – Abhishek Jadhav Dec 24 '18 at 12:34
  • I’m not actually trying to implement push notifications, I’m trying to create UI similar to what Apple uses for their rich notifications when using 3D Touch, in my app. –  Dec 24 '18 at 12:55
  • @user2877036 Hmm, it seems you have to implement it yourself – Orkhan Alikhanov Dec 24 '18 at 13:03
  • Yea that’s probably my only option. Thanks for your help though! –  Dec 24 '18 at 13:44

0 Answers0