Skip to content

Commit ce8680d

Browse files
estelukdaniellevass
authored andcommitted
Update earlier steps for Xcode 11 (#28)
Updates some screenshots which were seen as confusing by students who were using Xcode 11. Adds an additional image to clarify the Run button.
1 parent 3b3887f commit ce8680d

File tree

4 files changed

+17
-13
lines changed

4 files changed

+17
-13
lines changed
Loading
Loading
Loading

src/docs/cookie-clicker-storyboard.md

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,8 @@ Download and install Xcode from the App Store. This may take a while — its
2828
* Team: None
2929
* Organization Name: Whatever you want — your name is always a good fill-in
3030
* Organization Identifier: com.(OrganizationName)
31-
32-
Make sure Swift is selected as the language, and Devices is set to Universal.
31+
* Language: Swift
32+
* User interface: Storyboard
3333

3434
Untick the 3 boxes at the bottom.
3535

@@ -49,11 +49,15 @@ Download and install Xcode from the App Store. This may take a while — its
4949
5050
![step4](assets/cookie_clicker_storyboard/step4.gif)
5151

52-
### 2. Now, click on the **Object Library** next to the **Standard Editor**. In the search box, find a button, and drag it to the bottom of the view shown in the storyboard.
52+
### 2. Now, click on the **Object Library** next to the **Standard Editor**. In the search box, find Button, and drag it to the bottom of the view shown in the storyboard.
53+
54+
![You can open the object library by clicking the plus button towards the top right of the Xcode window](assets/cookie_clicker_storyboard/object-library.png)
55+
56+
### 3. Run your app on a Simulator.
5357

54-
![step5](assets/cookie_clicker_storyboard/object-Library.png)
58+
![The run button is in the top left of the screen](assets/cookie_clicker_storyboard/run-button.png)
5559

56-
### 3. Run your app on the iPhone 7 Plus Simulator. See your button, there in all its glory at the bottom of the screen. Go ahead - press it!
60+
This might take a minute or so to complete, so be patient! But eventually your button should be there in all its glory at the bottom of the screen. Go ahead - press it!
5761

5862
Celebrate appropriately.
5963

@@ -113,7 +117,7 @@ Download and install Xcode from the App Store. This may take a while — its
113117
}
114118
```
115119

116-
### 9. Run your app in the iPhone 7 Plus simulator again, and tap on the button.
120+
### 9. Run your app in the simulator again, and tap on the button.
117121

118122
![step8](assets/cookie_clicker_storyboard/step8.gif)
119123

@@ -152,17 +156,17 @@ Download and install Xcode from the App Store. This may take a while — its
152156
Your `ViewController` should now look like this:
153157

154158
```swift
155-
import UIKit
156-
157-
class ViewController: UIViewController {
159+
import UIKit
158160

159-
@IBOutlet weak var counterLabel: UILabel!
161+
class ViewController: UIViewController {
160162

161-
@IBAction func buttonTapped(_ sender: Any) {
162-
print("Hello, world")
163-
}
163+
@IBOutlet weak var counterLabel: UILabel!
164164

165+
@IBAction func buttonTapped(_ sender: Any) {
166+
print("Hello, world")
165167
}
168+
169+
}
166170
```
167171

168172
### 14. Next we want to get actions on our button changing the appearance of our label.

0 commit comments

Comments
 (0)