Getting started with Peek and Pop using 3D Touch<\/h2>\n
In the first part of the tutorial, you will create The first obstacle will be to create two views and to combine the view components with ViewControllers using For the next step create In the first To display the objects in the Restaurants table, the next step is to implement the: Then you get Now your iOS application should look as follows:<\/strong><\/p>\n After performing the previous steps you are ready to implement the Peek and Pop<\/strong> functionality in your iPhone app.<\/p>\n In this part of the tutorial you first need to extend the Important: Before implementing the If the device supports force touch, register the The first method you will implement is the method that is invoked when the user presses the source view (that is, the The steps to be taken under this method are:<\/p>\n Below is a description of the steps that need to be taken:<\/p>\n 1. Create 2. Using a previously created 3. Specify the area that will be exposed (the rest of the screen will be slightly fuzzy, in this case, it’s the area of the selected cell).<\/p>\n 4. Create a 5. Create an object for a particular restaurant based on the previously obtained 6. Pass the 7. Specify the dimensions of the 8. Return the How did it go?<\/strong><\/p>\n After you implement the UIViewController<\/code>‘s which you will later use to implement the Peek and Pop functionality<\/em>. To create the application UI, use Storyboard.<\/p>\n@IBOutlets<\/code>.
\n![\"3D](\"https:\/\/zaven.co\/blog\/wp-content\/uploads\/2017\/07\/obraz-1-dwa-widoki.png\")
<\/a><\/p>\nstruct<\/code> which will represent the object Restaurant<\/code>:<\/p>\n\nstruct Restaurant {\n var name: String\n var photo: UIImage\n var description: String\n var address: String\n \n}\n\n<\/code><\/pre>\nUIViewController<\/code> you create a table of objects of the type Restaurant<\/code>, which will later be presented by UITableView<\/code>:<\/p>\n\n fileprivate var restaurants: [Restaurant] = {\n return [\n Restaurant(name: \"Marina\", photo: #imageLiteral(resourceName: \"marina_restaurant\"), description: Decriptions.Marina.rawValue, address: Addresses.Marina.rawValue),\n Restaurant(name: \"Monopol\", photo: #imageLiteral(resourceName: \"monopol_restaurant\"), description: Decriptions.Monopol.rawValue, address: Addresses.Monopol.rawValue),\n Restaurant(name: \"Campo\", photo:#imageLiteral(resourceName: \"campo_restaurant\"), description: Decriptions.Campo.rawValue, address: Addresses.Campo.rawValue),\n ]\n }()\n<\/code><\/pre>\nUITableViewDelegate<\/code>, UITableViewDataSource<\/code> in the first UIViewController<\/code>.<\/p>\n\n func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {\n return restaurants.count\n }\n\n func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {\n let cell = self.restaurantTableView.dequeueReusableCell(withIdentifier: RestaurantCell.identifier) as! RestaurantCell\n cell.configureCellView(withRestaurant: restaurants[indexPath.row])\n return cell\n } \n<\/code><\/pre>\nUIViewController<\/code> as delegate and data source for TableView<\/code>:<\/p>\n\n restaurantTableView.delegate = self\n restaurantTableView.dataSource = self \n<\/code><\/pre>\n![\"3D](\"https:\/\/zaven.co\/blog\/wp-content\/uploads\/2017\/07\/obraz-2-wygladd-apki-1-730x1298.png\")
<\/a><\/p>\nHow to implement 3D Touch Peek and Pop in Swift<\/h2>\n
UIViewController<\/code> to the UIViewControllerPreviewingDelegate<\/code> protocol. This contains methods that will allow:
\n\u2022 a preview of the UIViewController<\/code> containing detailed information about the object in the list
\n\u2022 access to an object in the list by pressing the button more firmly<\/p>\nUIViewControllerPreviewingDelegate<\/code> processes, check if your device supports 3D Touch functionality<\/strong>!<\/p>\n\n guard traitCollection.forceTouchCapability == .available else { return }\n registerForPreviewing(with: self, sourceView: view) \n<\/code><\/pre>\nUIViewController<\/code> to allow it to show a preview (peek) and move on to the next UIViewController<\/code> (pop).
\nAfter checking for 3D Touch support, extend the UIViewController<\/code> to the UIViewControllerPreviewingDelegate<\/code>:<\/p>\n\nextension RestaurantsViewController: UIViewControllerPreviewingDelegate {\n}\n<\/code><\/pre>\nSwift app development: method previewingContext<\/h2>\n
UIView<\/code> managed by the UIViewController<\/code> in which you currently find yourself).<\/p>\n\nfunc previewingContext(_ previewingContext: UIViewControllerPreviewing, viewControllerForLocation location: CGPoint) -> UIViewController? {\n\t\/\/1\n guard let indexPath = restaurantTableView?.indexPathForRow(at: location) else { return nil }\n\t\/\/2\n guard let cell = restaurantTableView?.cellForRow(at: indexPath) else { return nil }\n\n\t\/\/3\n previewingContext.sourceRect = cell.frame\n\n\t\/\/4\n guard let restuarantDetailsViewController = storyboard?.instantiateViewController(withIdentifier: RestaurantDetailsViewController.identifier) as? RestaurantDetailsViewController else { return nil }\n\t\/\/5\n let restaurant = restaurants[indexPath.row]\n\n\t\/\/6\n restuarantDetailsViewController.restaurant = restaurant\n\n\t\/\/7\n restuarantDetailsViewController.preferredContentSize = CGSize(width: 0, height: 500)\n \n\t\/\/8\n return restuarantDetailsViewControlle\n }\n<\/code><\/pre>\nindexPath<\/code> based on the coordinates of the place where the user clicked on the view (the place is represented by the CGPoint<\/code> object and passed in the argument of the method).<\/p>\nindexPath<\/code>, you can create a cell object presented by UITableView<\/code>.<\/p>\nUIViewControlller<\/code> that will display the details of the object presented in this view.<\/p>\nindexPath<\/code>.<\/p>\nRestaurant<\/code> object to the UIViewController<\/code>, which will be able to view it after the view setup.<\/p>\nUIViewController<\/code> preview.<\/p>\nUIViewController<\/code> objects that will be presented in the preview.<\/p>\npreviewingContext<\/code> method, you should get the functionality outlined below:<\/p>\n
![\"3D](\"https:\/\/zaven.co\/blog\/wp-content\/uploads\/2017\/07\/obraz-3-MArina-730x1298.png\")
<\/a><\/p>\n