Creating iOS Custom Views In UIkit

Scalable Path
11 min readMar 27, 2018

Originally published at www.scalablepath.com by Andres on October 17, 2017.

I first started working with iOS fresh out of university. Working with an unfamiliar platform and programming language was challenging. What really made me nervous though; were the designs that would come through from the creative team. A great design can breathe new life into a website, but the more unique it is, the more likely it will require the creation of iOS custom views in UIKit. As a new developer, this can be pretty daunting.

The aim of this article is to explain how you can convert any design into a functional user-interface element.

IOS CUSTOM VIEWS

Views are the fundamental building blocks of your app’s user interface. Normally, you create views in your storyboards by dragging them from the library to your canvas. But, sometimes you need to create an element that is not available using the standard ‘label’ or ‘button’ elements in UIKit. This is when you need a custom view.

By the way, if any of the terminology in this article sounds unfamiliar, you might want to check out Apple’s UIKit documentation. I’ll be assuming you have a working knowledge of UIKit and Swift for the rest of this article.

THE INITIAL DESIGN

--

--

Scalable Path
Scalable Path

Written by Scalable Path

Curated network of premium technical talent with experienced U.S. based project leaders. Visit us at www.scalablepath.com