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.
Continue Reading »
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.
Continue Reading »
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.
Continue Reading »
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.
Continue Reading »
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.
Continue Reading »
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.
Continue Reading »
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.
Continue Reading »
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:
Continue Reading »
Aug
13
2009
Here is a live demo featuring the uiBTabView component from the Aspire UI library:
- uiBTabView places tabs at the bottom. To place tabs at the top, use the uiTabView component.
- The mini tab scroller is built-in and appears if there is not enough space to display all the tabs.
- The tab focus order is automatically set up so it flows from top (content area) to bottom (active tab).
- When a tab has focus, the arrow keys can be used to change the active tab.
Continue Reading »
Aug
12
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 “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 »