Application Model Hierarchy

When using the PSD import feature, understanding the Storyboard Application Model Hierarchy is helpful for naming and organizing content in Photoshop to better control how a Storyboard application looks and behaves.

Photoshop content names and organization will dictate the name of model elements such as Screens, Layers, Groups, Controls and as well as the image file names in the project image directory. How content is named can also control how it is placed within the Application Model.

Below is how the new project is laid out after the PSD file is imported into Storyboard.

storyboard_app_model_psd_import.png
storyboard_app_model_psd_import_sb.png

Note

Photoshop group folders that contain additional group folders need to follow the Application Model hierarchy. Layers, Groups, and Controls cannot contain model elements of the same type, e.g., Controls cannot contain other Controls.

Common Photoshop Elements

Content from Photoshop like text layers, image layers, and smart objects will import to Storyboard as individual controls when they are not part of a group folder. Text layers from Photoshop have the option to import as controls with image or text render extensions. Group folders and layers that are empty in Photoshop will be discarded, so importing an empty layer to Storyboard will not occur and blank images can not be created from Photoshop layers that have no pixels being drawn. Notes created in the Photoshop file will be imported and applied as application level annotations in Storyboard.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.