By using our website you agree with ourPrivacy Policy.

Post Details

Monday Hero ↔Storyboard Support, it’s here!

B
Burcu Geneci

14 Jan 2020

cover

The Storyboard…

There are different ways in iOS to create a screen design: fully in code, both using interface builder files and doing extras in code, using only interface files unless there is a need for adding/removing views dynamically.Interface builder files also know as xib files, are the common way of building an interface via Xcode. Aligning and styling items by seeing have many advantages.Apple announced Storyboards in mid-2016 along with Scenes, Segues between scenes and controls used to trigger the segues. iOS Developers were familiar with interface builder design which can be used by xib files. Each scene in the storyboard represents a screen the application will show, and storyboards can show multiple scenes and relations among them.

Layout in Code or Interface Builder?

There is an ongoing debate between Storyboard and Code lovers in years. 851 developers participated in the Antoine’s twitter poll, the numbers are nearly close, and using visual design files & interface builder for doing design is more common.

Antonie v.d. Swiftlee’s Tweet

Antonie v.d. Swiftlee’s Tweet

There are advantages to use Interface Builder, you can see layout rules, views/controls, connections between them and easily add new ones.

A Storyboard scene built with Monday Hero from the Sketch design.

A Storyboard scene built with Monday Hero from the Sketch design.

Every new design of a mobile app, or new additional screens that will be added to existing mobile app, developers repeat same set of actions. They analyze the screen design, get the measures of paddings 📐, fonts 🖋, colors 🎨, export assets 🖼, deal with pixels and implement those bunch of tiny details to their project source code.

Monday Hero converts Sketch designs into UI code in swift and now Storyboards.

The new Storyboard support…

With the new update, Creating UI into Storyboard files are default. You can always change this setting under Code Preferences > Layout > UIDesign section.

Code Preferences for Suffixes, Layout, Spacing and Comment options

Code Preferences for Suffixes, Layout, Spacing and Comment options

// Storyboard Lovers!

Monday Hero automatically generates IBOutlets and some styling in code, manages view creations and layout rules in storyboard side, when you turn storyboard support on.

// Code Lovers!

Although Layout in Storyboard files is default, you can turn off this setting anytime. Monday Hero manages view creations, styling and layout rules in swift side.

Artboard to Storyboard Scene, created by Monday Hero platform

Artboard to Storyboard Scene, created by Monday Hero platform

We have a great roadmap full of features. Wait for the rest! Did you think that Monday Hero should definitely have that feature? Let us know in the comments.

Find the idea interesting? Check our website, sign up and start using for free.

Do you know more about us? Here is why Monday Hero exists.

See you next feature. 👋

— Burcu Geneci, Cofounder & CTO at Monday Hero.

Related Blog Posts