GhostWire Studios - Flash/Flex UI Components Development And Consulting Services
Quality User Interface Controls For Flash Application DevelopmentAspireUI Components

Dec 12 2009

uiWindow: Background Drop Shadow + Glow Effect

Published by sunny under Aspire UI, Flash, Tips

The default behavior of the uiWindow container is to cast a drop shadow when it is active in the foreground, and not do so when it is inactive or when it is maximized to fill the stage. This behavior is determined by the component instance’s background property value.

Continue Reading »

No responses yet

Dec 02 2009

Aspire UI Components Theme “vista” Released

Published by sunny under Aspire UI, Flash, News

A new bonus theme, emulating the look of Windows Vista OS, has been added to the Aspire UI components library. Below is a live demo (click on the three buttons to bring up windows):

Continue Reading »

No responses yet

Sep 04 2009

uiDialog: Displaying Custom Dialog Content

Published by sunny under Aspire UI, Flash, Tips

A modal window is a window that must be dismissed before interaction with the other parts of the application can be resumed. This is usually used to draw attention to a certain task at hand.

The uiDialog class helps to display simple modal windows. There are three types of built-in dialogs you can call up using the show() method of the class.

Continue Reading »

No responses yet

Aug 28 2009

uiWindow: Implementing “Confirm Close” Dialog

Published by sunny under Aspire UI, Flash, Tips

A uiWindow container has a title bar that contains a close button if the instance has been set to be closeable by end-users. If closing the window would in turn produce any result that the end-user may regret, for example if closing the window is equivalent to aborting an ongoing task, or data collected from the end-user would be lost, then it is often appropriate to ask the end-user to confirm if he would like to close the window. This is usually done by showing a modal dialog asking the end-user to confirm the action.

Continue Reading »

No responses yet

Aug 12 2009

uiWindow: Setting Minimum Size Of Viewable Area

Published by sunny under Aspire UI, Flash, Tips

When using the Aspire UI library, each component instance will attempt to compute its own “ideal” preferred size if its size is not explicitly set. This “ideal” size typically means the minimum size at which the component may render itself fully (or sufficiently without appearing distorted), taking into account its child display objects such as labels or embedded images, if any.

To be very clear, for any Aspire UI component, if width and height is explicitly set, then this explicit size becomes the preferred size. This means that if you set the size of a component instance explicitly, you are overriding what the component deems to be ideal.

Continue Reading »

No responses yet

Aug 07 2009

Using uiWindow: Implementing Scrollable Content

Published by sunny under Aspire UI, Flash, Tips

The uiWindow container does not automatically embed any scroll pane since this is not always required by its content. For example, the window may be set to be non-resizable and is big enough to show all the content. Or you may decide that the content should be scaled/resized to fit the viewable area.

If scrollable content is required, you may implement it using the uiScrollPane class – create a uiScrollPane instance and add it to the content of the uiWindow instance. You would then add child display objects to the content of the uiScrollPane instance, instead of the content of the uiWindow container itself.

The fillX and fillY properties of the uiScrollPane instance should be set to true to enable automatic resizing when the uiWindow container is resized.

Continue Reading »

One response so far

Apr 27 2009

Using uiWindow: Setting the color and transparency level of the background overlay of modal windows

Published by sunny under Aspire UI, Flash, Tips

What are modal windows?
In user interface design, a modal window is one that commands the end-user’s immediate attention – the user must interact with the window and/or close it before he may return to the main application.

When using the Aspire UI library, a modal window is created by including WINDOW.IS_MODAL in the “mode” parameter of the uiWindow constructor:

Continue Reading »

No responses yet

Apr 10 2009

uiDialog Example

Published by sunny under Aspire UI, Flash

The following SWF features the uiDialog component from Aspire UI Standard Edition:

Continue Reading »

No responses yet

Apr 09 2009

uiWindow Example using “classic” theme

Published by sunny under Aspire UI, Flash

One of the key features of the Aspire UI library is the ease of skinning which is done via external PNG images. These images are loaded during run-time instead of being compiled into the application SWF. Not only does it make it easy to (re)design component skins, it also makes it easy to try out different themes. As long as a theme is designed and developed correctly, an application can switch themes easily.

The following is the exact same SWF shown in the previous uiWindow Example, but this time it is rendered using the “classic” theme (included in the Aspire UI distribution):

Continue Reading »

No responses yet