MobileUIToolkit1 Samples

Below are overviews and screenshots of samples included in the product's zip archive.

• AlertDialogExample01 - A sample of the PopUp.makeAlert() method which creates a modal AlertDialog.
• Dialog Example 1 - A sample of the PopUp class adding IDialog instances with custom contentRenderers.
• MobileButtonExample01 - A sample of the Button#longClick event.
• PopUpExample01 - A sample of the PopUp#show() method.
• PopUp Example 2 - A sample of the PopUp#makeText() method.
• PopUp Example 3 - A sample of the PopUp#makeContent() method.
• PopUp Example 4 - A sample of the PopUp#layoutPlacement() method.
• PopUp Example 5 - A sample of the Toast#makeText() method with over flow text the spans multiple lines.
• ProgressBar Sample 1 - A sample of the com.teotigraphix.ui.components.ProgressBar.
• ProgressBar Sample 2 - A sample of the com.teotigraphix.ui.components.ProgressBar.
• Picker Example 1 - A sample of the Picker component.
• RatingBar Example 1 - A sample of the RatingBar component.
• WebViewBrowser Example 1 - A sample of WebViewBrowser.
• WebView Example 1 - A sample of the WebView component.

You can also follow along by clicking on the asdoc link.

AlertDialogExample01

A sample of the PopUp.makeAlert() method which creates a modal AlertDialog.

Tips:

• Use the PopUp.makeAlert(title, icon, message, messageIcon) to quickly show modal Alert popups.
• The ButtonBar can be replaced as well as new skins created for the buttons as would be done on a regular spark.components.ButtonBar (say if you wanted all corners 0).
• Listen for the AlertDialogEvent.ACCEPT_CLICK and AlertDialogEvent.ACCEPT_CLICK events of the dialog.
• Completly restyle the AlertDialog with using just CSS.

Information

• ASDoc documentation
• Source Code

Dialog Example 1

A sample of the PopUp class adding IDialog instances with custom contentRenderers.

Tips:

• Use the contentRenderer to easily create custom content for a PopUp dialog.

Information

• ASDoc documentation
• Source Code

MobileButtonExample01

A sample of the Button#longClick event.

Tips:

• Use the longClickDelay style to adjust how long it takes on a press to dispatch the Button#longClick event.

Information

• ASDoc documentation
• Source Code

PopUpExample01

A sample of the PopUp#show() method.

Tips:

• Initialize a PopUp instance in MXML Declaration or ActionScript code.

Information

• ASDoc documentation
• Source Code

PopUp Example 2

A sample of the PopUp#makeText() method.

Tips:

• Use the PopUp.makeText() method to show quick textual notifications to the user.

Information

• ASDoc documentation
• Source Code

PopUp Example 3

A sample of the PopUp#makeContent() method.

Tips:

• Use the PopUp.makeContent() method to show quick textual and iconic notifications to the user.

Information

• ASDoc documentation
• Source Code

PopUp Example 4

A sample of the PopUp#layoutPlacement() method.

Tips:

• Use the layoutPlacement to tell the PopUp where to be located on the screen.
• Use the layoutOffset to offset the PopUp away from the bounds of the screen.

Information

• ASDoc documentation
• Source Code

PopUp Example 5

A sample of the Toast#makeText() method with over flow text the spans multiple lines.

Information

• ASDoc documentation
• Source Code

ProgressBar Sample 1

A sample of the com.teotigraphix.ui.components.ProgressBar.

Tips:

• Use the indeterminate property for non-percentage loading.
• Use setProgress() to update the current value of progress.
• Use the direction property to switch the layout direction of the determinate bar.
• Use the PROGRESS and COMPLETE events to monitor progress status.

Information

• ASDoc documentation
• Source Code

ProgressBar Sample 2

A sample of the com.teotigraphix.ui.components.ProgressBar.

Tips:

• Use setProgressSecondary() to update the current value of progress.
• Use the PROGRESS and COMPLETE events to monitor progress status.
• Use the primaryColors, primaryAlphas, secondaryColors and secondaryAlphas styles to differentiate the primary and secondary progress bars.
• Use the cornerRadius style to round the ProgressBar's corners.

Information

• ASDoc documentation
• Source Code

Picker Example 1

A sample of the Picker component.

Tips:

• Use the autoRepeat property to allow the user to hold the buttons down and have the value change.
• Use the cycleData property to allow the Picker to cycle data from start to end and end to start.
• Use the repeatInterval style to adjust the duration it takes the Picker to select the next item when a user holds down a button.

Information

• ASDoc documentation
• Source Code

RatingBar Example 1

A sample of the RatingBar component.

Tips:

• Use the snapInterval to lock rating divisions.
• Use media quiries to set different iconWidth and iconHeight for DPIs.
• Use the numItems property to set the amount of visible ratings.

Information

• ASDoc documentation
• Source Code

WebViewBrowser Example 1

A sample of WebViewBrowser.

Information

• ASDoc documentation
• Source Code

WebView Example 1

A sample of the WebView component.

Information

• ASDoc documentation
• Source Code

Updated : Thu Dec 15 10:21:29 EST 2011