Apple Xcode with Swift Demo Week 04 Apple Xcode with Swift Demo

iOS app to display an image Click Launchpad from Mac to launch Apple Xcode. Click Xcode version 8.1 (for iOS 11.x) Click “Create a new Xcode project”. Choose: iOS – Application – Single View Application; then click “Next” button. Enter the following information: Product Name: ShowImage Organization Identifier: com.yourname Bundle Identifier: com.yourname.ShowImage Language: Swift Devices: iPhone Click “Next” Save project to “Desktop” – Click “Create”.

iOS app to display an image Left upper corner should show the project name “ShowImage”. We only care about two modules: ViewController.swift and Main.Storyboard. Click “Main.Storyboard” from the left hand side; Click “View Controller” in the middle screen to see the design screen. On the top right hand side, click the “Show the Assistant editor” to put the design screen and the program screen side by side. (Adjust the screens if possible). Control Key + Click the “ShowImage” project icon on the upper left hand side, then click the “Add Files to ShowImage”. Click “all my files” to see all my image files. Select “swift.png” file; click “option”; check “copy if needed”; then click “Add”. Make sure swift.png file copy inside the project.

iOS app to display an image Click “Main.Storyboard”, click “view” to adjust the design screen. On bottom right hand corner, click “show the media library” (icon likes a film). Drag and drop swift.png to design screen. Adjust size if possible. Highlighted the swift.png in the design screen, check the “Hidden” button from “Drawing” property on the right hand screen. Next to the “media library”, click the “show the object library” (icon likes an eye). Search for button object, drag and drop button object to design screen. Adjust it if possible. Highlighted the button, enter “Display Image” into Title property on the right hand screen.

Start codeing Control key + Click the swift.png, click the “New Referencing Output”, drag and drop to ViewController.swift which is next to the design screen on the right. This object should put it after the “Class” and before the “Override Func”. Name: swiftImage Click “Connect” to complete. Control key + Click the “Display Image” button, click and drop the “New Referencing Output” to ViewController.swift after the above object. Name: displayButton

Start coding Continue from the above step, from “Sent Event”, Click + drop the event “Touch up Inside” to “ViewController.swift” after the above objects. Name: actionDisplayImage Click “Connect” to complete Inside the “actionDisplayImage function” in the “ViewController.swift”, add the following single statement: swiftImage.isHidden = false;

Testing and Debugging Click “Play” to build and test the program. Click the simulator to see the output, click the “Display Image” button to see the swift image. Click the “stop” simulator button. Quit Simulator Quit Xcode Note: next time, click the “ShowImage” icon, click “ShowImage.Xcodeproj” to open the Xcode again.