@IBAction func selectPhotoClicked(_ sender: UIButton) {\r\n\r\n}<\/pre>\nAlso Ctrl+drag from the two text fields and the button to the code and create three outlets:<\/p>\n
@IBOutlet weak var name: UITextField!\r\n@IBOutlet weak var message: UITextField!\r\n@IBOutlet weak var selectPhotoButton: UIButton!<\/pre>\nNow let\u2019s start with the most interesting part, choosing a photo. The user will be given a choice to take a photo using the camera or to choose one from the photo library. For this we will use an action sheet.<\/p>\n
Edit the selectPhotoClicked<\/code> method to add the code for this:<\/p>\n@IBAction func selectPhotoClicked(_ sender: UIButton) {\r\n let picker = UIImagePickerController()\r\n picker.delegate = self\r\n let alert = UIAlertController(title: nil, message: nil, preferredStyle: .actionSheet)\r\n alert.addAction(UIAlertAction(title: \"Camera\", style: .default, handler: {action in\r\n picker.sourceType = .camera\r\n self.present(picker, animated: true, completion: nil)\r\n }))\r\n alert.addAction(UIAlertAction(title: \"Photo Library\", style: .default, handler: { action in\r\n picker.sourceType = .photoLibrary\r\n self.present(picker, animated: true, completion: nil)\r\n }))\r\n alert.addAction(UIAlertAction(title: \"Cancel\", style: .cancel, handler: nil))\r\n self.present(alert, animated: true, completion: nil)\r\n}<\/pre>\nTo make this code work we need to make our ViewController<\/code> a delegate for both UIImagePickerControllerDelegate<\/code> and UINavigationControllerDelegate<\/code>. To do this change the line defining the ViewController<\/code> class to the following:<\/p>\nclass ViewController: UIViewController, UIImagePickerControllerDelegate, UINavigationControllerDelegate {<\/pre>\nIf you test now the app will crash with an error like \u201cThis app has crashed because it attempted to access privacy-sensitive data without a usage description\u2026<\/em>\u201d. That\u2019s because the app has to ask the user\u2019s permission to access the photo library or the camera and we have to provide a reason for this, reason that will be presented to the user. To do this open the Info.plist<\/code> file and add a two new items:<\/p>\n\nPrivacy - Photo Library Usage Description<\/code> with a string value of Access to the photo library is needed in order to be able to choose a photo to be shared by the app<\/code>.<\/li>\nPrivacy - Camera Usage Description<\/code> with a string value of Access to the camera is needed in order to be able to take a photo to be shared by the app<\/code>.<\/li>\n<\/ul>\nAlso, if you try to choose the \u201ccamera\u201d option in the simulator, the app will crash again because the simulator has no camera (\u201cSource type 1 not available<\/em>\u201d). We need to add a test for this and only present the option if the camera is available:<\/p>\nif UIImagePickerController.isSourceTypeAvailable(.camera) {\r\n alert.addAction(UIAlertAction(title: \"Camera\", style: .default, handler: {action in\r\n picker.sourceType = .camera\r\n self.present(picker, animated: true, completion: nil)\r\n }))\r\n}<\/pre>\nOne more thing to fix before we start handling the actual images: try to run the app on an iPad (in the simulator or on a real device). The app crashes one more time\u00a0\ud83d\ude41<\/p>\n
Your application has presented a UIAlertController of style UIAlertControllerStyleActionSheet. The modalPresentationStyle of a UIAlertController with this style is UIModalPresentationPopover. You must provide location information for this popover through the alert controller\u2019s popoverPresentationController. You must provide either a sourceView and sourceRect or a barButtonItem. If this information is not known when you present the alert controller, you may provide it in the UIPopoverPresentationControllerDelegate method -prepareForPopoverPresentation.<\/em><\/p>\nThat\u2019s because the UIAlertController<\/code> on an iPad is presented like a popover (UIModalPresentationPopover<\/code>) and it needs a position to be shown at. To do this we will have to test if we have a popoverPresentationController<\/code> in the alert<\/code> and, if true, set it\u2019s sourceView<\/code> and sourceRect<\/code> (we are using an Swift optional<\/code> for this, as the code after the question mark will be executed only if the popoverPresentationController<\/code> is not nil<\/code>):<\/p>\nalert.addAction(UIAlertAction(title: \"Cancel\", style: .cancel, handler: nil))\r\n\/\/ on iPad this is a popover\r\nalert.popoverPresentationController?.sourceView = self.view\r\nalert.popoverPresentationController?.sourceRect = selectPhotoButton.frame\r\nself.present(alert, animated: true, completion: nil)<\/pre>\nWe also need to make the photo selection from the library to be shown as a popover on an iPad:<\/p>\n
alert.addAction(UIAlertAction(title: \"Photo Library\", style: .default, handler: { action in\r\n picker.sourceType = .photoLibrary\r\n \/\/ on iPad we are required to present this as a popover\r\n if UIDevice.current.userInterfaceIdiom == .pad {\r\n picker.modalPresentationStyle = .popover\r\n picker.popoverPresentationController?.sourceView = self.view\r\n picker.popoverPresentationController?.sourceRect = self.selectPhotoButton.frame\r\n }\r\n self.present(picker, animated: true, completion: nil)\r\n}))<\/pre>\nNow everything should be fine. Let\u2019s see how to handle the image the user chooses.<\/p>\n
We already added a View Controller in the Main.storyboard to show the final image to the user but we need an associated view controller class for it so we have a place to write the code involved in the process.<\/p>\n
From the File<\/strong> menu select New -> File\u2026<\/strong> then choose the Cocoa Touch Class<\/strong> option and click Next<\/strong>. Name the new class ShareViewController<\/code> and be sure to set it as a subclass of UIViewController<\/code>, no XIB<\/code>, Swift<\/code> language.<\/p>\n![\"\"](\"https:\/\/intelligentbee.com\/blog\/wp-content\/uploads\/2017\/07\/1-75SbWYZ0VeagbRlR-f1N9Q.png\")
<\/p>\n
Click Next<\/strong> one more time and be sure to have the PicTravel<\/code> Group<\/strong> selected and PicTravel<\/code> target<\/strong> checked. Then Create<\/strong> the file.<\/p>\nGo back to the Main.storyboard<\/code> and select the second view controller and set it\u2019s class to the new ShareViewController<\/code> we just created (you can do this from the Identity inspector, the Class<\/strong> dropdown).<\/p>\n![\"\"](\"https:\/\/intelligentbee.com\/blog\/wp-content\/uploads\/2017\/07\/1-rYCc5ogQJ4IIflprjDb8rQ.png\")
<\/p>\n
Now, with the view controller still selected, open the assistant editor and make sure it is set to automatically open the associated file. This should be the ShareViewController<\/code> class. Ctrl+drag from the Image View, Activity Indicator and the Label to the class to create outlets for them:<\/p>\n@IBOutlet weak var imageView: UIImageView!\r\n@IBOutlet weak var activityIndicator: UIActivityIndicatorView!\r\n@IBOutlet weak var titleLabel: UILabel!<\/pre>\n![\"\"](\"https:\/\/intelligentbee.com\/blog\/wp-content\/uploads\/2017\/07\/1-CW-2PDM76PGGiQBpvBe7Hw.png\")
<\/p>\n
Also add some new variables for the user\u2019s image, name and message:<\/p>\n
var image: UIImage!\r\nvar name: String!\r\nvar message: String!<\/pre>\nSo, here\u2019s what we will do next: when the user chooses an image, we instantiate the ShareViewController, set its image<\/code>, name<\/code> and message<\/code> properties to the user\u2019s data then present the ShareViewController<\/code>.<\/p>\nTo do this we need to create a segue<\/code> (transition). Close the assistant editor then, in the Main.storyboard<\/code>, Ctrl+drag from the first \u201cView Controller\u201d (click on the yellow symbol from the top-right) to the \u201cShare View Controller\u201d and define a \u201cPresent Modally\u201d segue. then click on the created segue and set it\u2019s identifier to showImageSegue<\/code> (we will need this later in the code to identify this specific segue).<\/p>\n![\"\"](\"https:\/\/intelligentbee.com\/blog\/wp-content\/uploads\/2017\/07\/1-dcJS6EZfdNrquRiePw5gaA.png\")
<\/p>\n
Now open our ViewController<\/code> class. Add a new method to be called when the user selects an image (this is part of the UIImagePickerControllerDelegate<\/code>):<\/p>\n
![\"\"](\"https:\/\/intelligentbee.com\/blog\/wp-content\/uploads\/2017\/07\/1-2Z4Yx76tQdCBL7Xr-m0boQ-769x1024.jpeg\")
<\/p>\n