Sunday, December 4, 2022

Storyboard in iOS

 Disclaimer - I am in the process of learning iOS and SWIFT application development. These are my learning notes with the hope that it can be useful to someone out there.

storyboard is a xml document representation of UI view. Here I have broken it down to very basic elements. As you can see a storyboard consists of one or more scenes. Each scene has a ViewController which contains view with subviews. Some of the views such as StackView can further nest other views. There you go, it is simplified now.

<document>

<dependencies>...</dependencies>

<scenes>

<scene>

<objects>

<viewController>

<view>

<subviews>

<imageView>..</imageView>

<stackView>

<subviews>

<label>..</label>

<stackView>..</stackView>

<slider>..</slider>

..

</subviews>

</stackView>

<button>..</button>

..

</subviews>

</view>

</viewController>

<placeholder>..</placeholder>

</objects>

</scene>

</scenes>

<resources>

<image>..</image>

..

</resources>

</document>

No comments: