Scenario 3 - Creating Custom Widgets
For scenario #3 - 5, we will build
story boards for a very basic painting program. Notice that
Window
1 in the Canvas Navigator has been re-linked to Layer1.
The
purpose
for this is the following: this is the default introductory window
seen when beginning the painting program. If the user selects
Cancel,
then decides not to cancel when prompted, that button will return the user
back to this window (Layer1).
In this scenario, it is assumed
that the user has created the PainterApp 1.1 window (as seen below)
with
the drawing tools. Now the user would like to add a complicated scroll
button, but doesn't want to have to continually recreate it each time it's
needed (which would be many). This is a good example of a need for
creating custom widgets to add to the Widgets toolbar. At
this time,
we are only creating basic widgets that do not have any advanced characteristics
such as animation.
Screen 1:
Screen 2:
Now the user selects the Make Widget button on the Widgets
toolbar.
This throws the Canvas Navigator in the background.
Screen 3:
The Make Widget window is now in the foreground. All
drawing
tools are active and can be used with the Make Widget drawing
canvas.
Screen 4:
The user has finished creating the scroll button. Notice
the size of the drawing. Its dimensions are approximately 15 x 10
pixels.
The user has also selected Save from the File menu.
This allows
the user to save the drawing to the Widget toolbar.
Screen 5:
The Save window is now in the foreground. Notice the
available
options. The user can navigate the file hierarchy to the desired
location to save to. Also, the user may name the image, determine
whether to display it as its text name or image, and determine whether
cascading is allowed. Cascading would allow the user to create each
image and have them cascade across the screen when that particular widget
button is clicked. When cascading is allowed, a small black triangle
appears in the lower right corner.
Screen 6:
Notice that the new widget has been added to the Widget toolbar.
Screen 7:
The user has now added the scroll buttons to the PainterApp
1.1
window.
