User interface objects can be connected to code. See how the entire process works in this video where we connect a label to a code variable.
- [Instructor] Now let's look at connecting a variable…to a user interface element.…To do that I'm going to go to Main.storyboard,…click that in the project navigator,…and then you should see this area…called interface builder.…It's a mini app that's built into Xcode…for designing user interfaces.…This left area of interface builder…is called the document outline…and for what we're doing we don't need it.…So I'm going to hide it by clicking this button…right here in the editor,…that's going to hide the document outline.…
You can always get it back by clicking on that button.…We can navigate using the scroll bars,…so I'm going to find the top left, right here,…so I can see this whole area.…This is basically a symbolic…of the layout of my application.…And if you look down here it's saying View as iPhone 6s.…And that actually is the same size as the iPhone 7.…So we're good there.…If it says something else, like another device,…it's okay as well,…so long as we put that Label in the top left.…
And speaking of the Label,…
- Installing Xcode
- Creating an Xcode project
- Configuring the iOS Simulator
- Understanding variables
- Connecting visual objects to variables
- Understanding methods
- Connecting a button to a method
- Using conditional statements
- Setting up the user interface (UI)
- Building a complete iOS app
Skill Level Beginner
1. Set Up Your Coding Environment
Create an Xcode project4m 19s
2. Programming Building Blocks: Variables
3. Programming Building Blocks: Methods
4. Programming Building Blocks: Conditional Statements
5. Plan and Prepare the App
6. Build a Full Application
Next steps3m 11s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.