All onscreen elements within the Movie Masher interface are considered controls. The simplest interface controls include buttons, text fields and color pickers,
while more complex widgets include the
Layouts typically contain just one instance of the more complex controls and many instances of the
simpler ones, which might be labeled or
skinned differently depending on their assigned functionality.
For example, the
Icon control can be used to create multiple buttons like
cut, copy and paste with each using different skin graphics that convey their function. There can
actually be up to three graphics related to each button - one for its normal, disabled and selected/hovered
Another all-purpose control is the
which is used to change a numeric property which it's been bound to.
For instance, one slider control could be bound to the
volume property of the
player control and another to its
The look of these sliders can differ because different button graphics can be specified for each.
The slider also has two additional background graphics, the second of which is masked
so that portions appearing after the current button position are invisible.
The timeline control is used to display a whole mash linearly as a sequence of clips within a scrollable view.
Drag and drop allows clips to be rearranged and even trimmed, without the need for additional controls.
As users click on clips, the timeline maintains a 'selection' object which then makes their editable properties
available to the other controls that may be bound to them.
Since so many clip properties are numeric and textual, most editing interfaces
rely heavily on the Slider
But more complex properties like
volume fading require
more advanced controls like the dedicated
Picker, and the
which can also be used to change the
fade of certain effects over time.
Some effects like
have properties which can be edited using the drag and drop