…files in the project Like a superhero changing his or her clothes in a phone booth, the main editing pane now transforms into the Interface Builder. This tool lets you drag-and-drop user interface components such as buttons to create the UI of your app. (OK, maybe…
Learn how to build your user interface without using Interface Builder. Explore the Visual Format Language (VFL), which you can use to describe a set of constraints. Learn to refactor UIs built with Interface Builder into code…
…will, a world without Auto Layout… You’re in charge of creating a new app for your company. Your design, built with Interface Builder, would look like something like the following: With the view positioned exactly as you want it, you then check its frame in the Size Inspector…
iOS & Swift
Auto Layout Tutorial in iOS: Getting Started
Mar 6 2019 · Article (30 mins)
…important to get acquainted with Auto Layout. Getting Oriented to Auto Layout Before creating a user interface, take a tour of Xcode and Interface Builder. Interface Builder is a graphical tool inside Xcode that allows developers to create UIs using Auto Layout. Here are some of the common features…
iOS & Swift
SwiftGen Tutorial for iOS
Aug 2 2021 · Article (30 mins)
…string directly. Using Additional Basic Templates There are a few additional templates you can take advantage of, without any need for customization. Working With Interface Builder The app you’re working with is using SwiftUI. However, to showcase SwiftGen’s ability to work with Interface Builder, the sample project includes…
Start defining the layout of your collection view using Interface Builder…
Archive
Beginning Auto Layout in iOS 6: Part 2/2
Sep 19 2012 · Article (35 mins)
…others. The bold ones are called user constraints, and unlike the thin ones you can delete them. However, when you delete a user constraint, Interface Builder will often put a non-deletable constraint in its place. You will soon see why. In the Document Outline, user constraints have a blue…
Archive
Beginning Auto Layout Tutorial in iOS 7: Part 1
Oct 16 2013 · Article (50 mins)
…includes right-to-left languages such as Hebrew or Arabic. This Auto Layout tutorial shows you how to get started with Auto Layout using Interface Builder. In iOS 6 by Tutorials, we take this tutorial even further, and then have an entirely new chapter that builds on this knowledge…
iOS & Swift
Adaptive Layout Tutorial in iOS 12: Getting Started
May 1 2019 · Article (30 mins)
…your introduction to Adaptive Layout. You’ll learn about universal storyboards, size classes, and layout and font customizations as well as the improved Interface Builder, which will help you along the way. You’ll create the user interface for a simple weather app, and you’ll build it completely from…
Multiple Domains
Continuous Integration, and Live Rendering in Interface Builder – Podcast S05 E06
Jan 27 2016 · Article (2 mins)
…this episode. Join Mic, Jake, and Andy as they discuss the value of continuous integration, before moving onto live rendering of custom controls in Interface Builder. https://media.blubrry.com/raywenderlich/p/content.blubrry.com/raywenderlich/S5E6.mp3Podcast: Play in new window | DownloadSubscribe: Android | RSS [Subscribe in iTunes] [RSS Feed] Our Sponsor This episode was brought…
macOS
OS X Stack Views with NSStackView
Apr 19 2016 · Article (25 mins)
…that all your views reposition and resize as desired when the user resizes the app window. The fun starts when you add constraints in Interface Builder — things can get complex very quickly. Often, you’ll end up with constraints that contradict each other and you need to retrace your steps…
iOS & Swift
Chapter in Catalyst by Tutorials
Barista Training: Menu Bar
Jun 1 2022 · Chapter
Beyond the Default Menu You’ll start by trimming some unnecessary items from the menu bar. The menu bar can be changed either in Interface Builder or through code. In this section, you’ll use Interface Builder and, later in the chapter, you’ll learn how to do the same…
Archive
Beginning Auto Layout in iOS 6: Part 1/2
Sep 19 2012 · Article (40 mins)
…exciting new feature in iOS 6 but it can be quite tricky to use. This tutorial gets you started with Auto Layout and Interface Builder…
iOS & Swift
Google Maps iOS SDK Tutorial: Getting Started
Mar 4 2020 · Article (30 mins)
…place you can log out and close the Google Developers Console window. Adding a UIView Start by opening Main.storyboard to bring up Interface Builder. Locate the MapViewController scene and drag a simple UIView from the Object Library to the approximate center of MapViewController‘s view. Use View ▸ Show Library…
iOS & Swift
UIKit: Layout
Nov 12 2020 · Video Course (1 hr, 8 mins)
Learn the basics of creating layouts that handle different screen sizes and orientations, using Auto Layout's Stack Views and Constraints, in Interface Builder…
Archive
Beginning Auto Layout Tutorial in iOS 7: Part 2
Oct 16 2013 · Article (35 mins)
…menu to center the yellow button horizontally in the container, and again to align the left edges of both buttons. Playing with this in Interface Builder is all well and good, but let’s see how this works at runtime. Add the following method to ViewController.m: - (IBAction)buttonTapped:(UIButton *)sender…
iOS & Swift
Supporting Dark Mode: Adapting Your App to Support Dark Mode
Jul 20 2020 · Article (20 mins)
…switch to Dark Mode and see the reflected changes. Creating colors in code is fine if you don’t want to use them in Interface Builder. If you plan on using Interface Builder, you’ll need an Asset Catalog. Asset Catalog Since iOS 11, you can save your colors…
macOS
Windows and WindowController Tutorial for macOS
May 17 2017 · Article (30 mins)
In this Windows and WindowController Tutorial for macOS, learn how to create a document based Cocoa app using modal windows and Sierra new tabbed interface…
iOS & Swift
Recreating the Apple Music Now Playing Transition
Jan 22 2018 · Article (30 mins)
…need the following: Xcode 9.2 or later. Familiarity with Auto Layout concepts. Experience with creating and modifying UI and Auto Layout constraints within Interface Builder. Experience with connecting IBOutlets in code to Interface Builder entities. Experience with UIView animation APIs. Getting Started Download the starter project for this tutorial here…
iOS & Swift
Easier Auto Layout: Coding Constraints in iOS 9
May 6 2016 · Article (35 mins)
…find it daunting when you have to modify Auto Layout constraints in code? Never fear! In this Auto Layout tutorial instead of using Interface Builder and storyboards, you’ll create all your constraints in code using layout anchors, a new API delivered as part of iOS 9. Creating constraints…