Sep 16 2009
The uiBox is a layout container that automatically organizes its child objects horizontally in a row or vertically in a column based on some pre-defined “layout hints”. In this post, we look at some common simple layouts that you can implement using this component.
Sep 05 2009
This post is a supplement to “uiImage: Resizing While Maintaining Original Aspect Ratio”. In this post, we will look at the maintainAspectRatio property of the uiImage class and see how it affects resizing when it is set to true.
Sep 04 2009
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.
Aug 28 2009
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.
Aug 27 2009
The uiImageButton component is used to render a button that contains a single image/icon. This post shows how the component can be set up so the embedded image is swapped automatically when the visual state of the button changes.
Aug 25 2009
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 preferred 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.
In the case of the uiImage component, its preferred size is simply the size of the original image source. You can override this size by calling the setSize() method.
Aug 24 2009
The Aspire UI library uses bitmap PNG image files for component skinning. This means that the component skins can be easily edited/replaced by using any graphics editing software capable of saving in PNG format.
When using Adobe Fireworks, it is important to remember that the raw file format used by the software is PNG. When you save a Fireworks document, you create/overwrite a PNG file and this resulting file will contain author-time editing settings such as guide lines, layers, paths, symbols, etc. This file is many times bigger than what the actual image itself should be if only the image data is saved, and is unlikely to be what you would want distributed/deployed with your Flash application.
Instead of saving the Fireworks document, use the “Image Preview…” command (CTRL+SHIFT+X) to bring up the Image Preview dialog, then choose “PNG 8″, “PNG 24″ or “PNG 32″ (8, 24, 32 bits) from the Format options. Export from this dialog to get the flattened PNG image file. Once you have chosen the Format from this dialog (and dismissed the dialog by clicking Export or OK), you can subsequently call the “Export…” command (CTRL+SHIFT+R), and the last chosen image file format (and other Export settings) will be used.
Aug 20 2009
The uiToolTips manager implements the use of pop-up tool tips. The contents of these tool tips are placed inside an instance of the uiFrame container class. Since uiFrame containers are skinnable, this basically means that tool tips are also skinnable, albeit indirectly.
Aug 17 2009
The uiFrame container is used when you want to draw a background or border behind a single child display object. The background/border is rendered using skinning, ie determined by the value of the “skin” property.
Aug 14 2009
This demo is the same as that in the previous post uiBTabView Example Using “xp” Theme, but we are using a different theme this time:
Adobe Feeds