Following on from the GUI Design Studio v3.3 release, here’s a short video (05:52) that demonstrates how the scrolling region shown in the previous post was constructed:
For best viewing quality, click on the HD and Full Screen icons once play has started!
Here’s a quick summary of how to produce a scrolling region:
- Create a large design.
- Create your container design.
- Drag and drop your large design onto your container design as a ‘component’.
- Double-click the component to edit its properties, as follows:
- Check the “Maintain size when component changes” option on the Style tab
- Uncheck “Fixed Width” and “Fixed Height” on the Position tab
- Set an arbitrary small size to make it easier to work with, say 300 for “Width” and “Height” (Position tab)
- Hit “OK”
- Resize the component to the actual desired size.
That’s it!
Tags: example design, GUI Design Studio, software prototyping, video