Short Demo on How to Create Scrolling Regions in GUI Design Studio

Jonathan — Tue, 12 May 2009 09:55:16 +0000

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!

GUI Design and Software Prototyping » video

Short Demo on How to Create Scrolling Regions in GUI Design Studio