Join Todd Perkins for an in-depth discussion in this video Setting up the user interface, part of Programming for Non-Programmers: iOS 7.
…Now we'll create the visual interface for our app.…If you don't have the exercise files, just create a…new Xcode project from the iOS single view application template.…Now let's go to Main.storyboard and we'll look at our view.…So right now it's blank.…I'm going to click in the Object library and drag a button onto the screen.…Remember, in iOS, the default appearance for a…button has no background, and the text is blue.…
So let's add a background color and change the color of the button text.…To do that, with the button selected click on…the Attribute Inspector button at the top of the screen…and scroll down in your button settings until you find…the view section which controls the appearance of your button.…You'll see that background is set to show no color.…Here, I'm going to click the color swatch button.…And then what I'm going to do is click the crayons button in the colors panel.…
For the background color, I'm going to choose a very light gray color.…Then I'll click away to confirm that there is a background color.…
If you find you'd like to learn more, see iOS App Development Essential Training, Foundations of Programming: Fundamentals, or any of the other programming courses in our library.
- Installing Xcode
- Creating an Xcode project
- Configuring the iOS Simulator
- Understanding variables
- Connecting visual objects to variables
- Understanding functions, methods, and selectors
- Connecting a button to a function
- Using conditional statements
- Setting up the user interface
- Connecting code elements to build an app
Skill Level Beginner
1. Setting Up Your Coding Environment
Creating an Xcode project1m 55s
2. Programming Building Blocks: Variables
3. Programming Building Blocks: Functions
4. Programming Building Blocks: Conditional Statements
Using conditional statements5m 21s
5. Building Your First Full Application
- 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.