Contents
- Usage
- Using the Library
- Using the Themes
- Using the Demo App
- Components
- Accordion
- AnimatedImage
- AutoComplete
- AutoFitText
- BarCode
- BitmapAdjustments
- ButtonBar
- Calculator
- Calendar
- CAPTCHA
- CarouselLayout
- CarouselList
- Clocks
- Colorizer
- ColorPicker
- ColorSpacePicker
- CompassContainer
- CoverflowLayout
- CoverflowList
- CursorManager
- DatePicker
- DockingCompassContainer
- Donut Chart
- ExpandingContainer
- FieldSet
- Filters
- FlexContextMenu
- FloatPaneControlBar
- Funnel Chart
- GraphicsEditor
- Heatmap
- HtmlDragDrop
- HtmlFrame
- HtmlGeolocation
- iCalendarParser
- iCalendarRecurrence
- IconButton
- Linear Gauges
- Magnifier
- Menu and MenuBar
- MiniViewport
- PackedLayout
- PackedList
- Pane
- PopUpButton
- ProgressDisplay
- Radar
- Radial Gauge
- Rating
- ReflectionContainer
- RichTextEditor
- RotaryField
- SafariMouseWheelFix
- Scroller
- Separators
- SliderField
- Sparklines
- TabPaneNavigator
- TextInput
- TimebarContainer
- Timeline
- TimeMachineLayout
- TimeMachineList
- TimePicker
- ToggleSwitchDesktop
- TransformContainer
- TreeMap
- ViewStack
- WheelList
Using The Demo Application
Setup
To use the demo application:
-
Add all the included files to a project.
-
Copy and paste the code from the ArdisiaDemo.mxml file to the root
application file for your project.
-
Link the Ardisia Library to the project.
This can be accompished by adding the Ardisia.swc file to the /libs directory or linking to the Ardisia.swc file in another project.
-
Direct the compiler to compile all the modules in the "/modules"
directory.
At the very least, direct it to compile the modules that you wish to test.
In Flash Builder, you can accomplish this by right-clicking the project root and selecting Properties -> Flex Modules -> Add.
-
MX components are expected to display text using FTE. To accomplish this,
the frameworks/projects/spark/MXFTEText.css stylesheet should be
included. You can either include the stylesheet directly, or direct the
compiler to include the stylesheet, either via the command line
mxmlc -theme+=frameworks/projects/spark/MXFTEText.css MyApp.mxmlor if you are using Flash Builder, right click on the demo project -> Properties -> Flex Compiler -> Check "Use Flash Text Engine In MX Components".
See http://help.adobe.com/en_US/flex/using/WSda78ed3a750d6b8f-26a13bbf123c441239d-8000.html for more information.
-
Direct the compiler to compile the CSS files in the /themes directory to SWFs.
This is how the themes are changed on the fly.
If you are using Flash Builder, you can accomplish this by right-clicking on the CSS file and selecting the "Compile CSS to SWF" option in the context menu.