jump to navigation

Tour de Flex sitemap June 4, 2010

Posted by Tournas Dimitrios in Flex.
trackback

Step-in 🙂 and read a short description of all Flex-components that are showcased in TourDeFlex page

  • Flex Core Components
    • UI Controls
      • Data Entry Controls
        • CheckBox – The CheckBox control consists of an optional label and a small box that can contain a check mark or not. You can place the optional text label to the left, right, top, or bottom of the CheckBox. When a user clicks a CheckBox control or its associated text, the CheckBox control changes its state from checked to unchecked or from unchecked to checked. CheckBox controls gather a set of true or false values that are not mutually exclusive.
        • ComboBox – The ComboBox control contains a drop-down list from which the user can select a single value. Its functionality is very similar to that of the SELECT form element in HTML. The ComboBox can be editable, in which case the user can type entries into the TextInput portion of the ComboBox that are not in the list.
        • DateChooser – The DateChooser control displays the name of a month, the year, and a grid of the days of the month, with columns labeled for the day of the week. The user can select a date, a range of dates, or multiple dates. The control contains forward and back arrow buttons for changing the month and year. You can let users select multiple dates, disable the selection of certain dates, and limit the display to a range of dates.
        • DateField – The DateField control is a text field that shows the date with a calendar icon on its right side. When the user clicks anywhere inside the bounding box of the control, a DateChooser control pops up and shows the dates in the month of the current date. If no date is selected, the text field is blank and the month of the current date is displayed in the DateChooser control. When the DateChooser control is open, the user can scroll through months and years, and select a date. When a date is selected, the DateChooser control closes, and the text field shows the selected date. The user can also type the date in the text field if the editable property of the DateField control is set to true.
        • Label – The Label control displays a single line of noneditable text. Use the Text control to create blocks of multiline noneditable text.
        • NumericStepper – The NumericStepper control lets the user select a number from an ordered set. The NumericStepper control consists of a single-line input text field and a pair of arrow buttons for stepping through the possible values. The Up Arrow and Down Arrow keys also cycle through the values.
        • RadioButton – The RadioButton control lets the user make a single choice within a set of mutually exclusive choices. A RadioButton group is composed of two or more RadioButton controls with the same groupName property. The RadioButton group can refer to a group created by the RadioButtonGroup tag. The user selects only one member of the group at a time. Selecting an unselected group member deselects the currently selected RadioButton control within that group.
        • RichTextEditor – The RichTextEditor control lets users enter and format text. The text characteristics that users can vary include the font family, color, size, and style, and other properties such as text alignment, bullets and URL links.
        • Text – The Text control displays multiline, noneditable text. Use the Label control if you need only a single line of text. The Text control does not support scroll bars. If you need scrolling, you should use a non-editable TextArea control. You can format the text in a Text control using HTML tags, which are applied after the control’s CSS styles are applied. You can also put padding around the four sides of the text.
        • TextArea – The TextArea control is a multiline text field with a border and optional scroll bars. The TextArea control supports the HTML rendering capabilities of Flash Player and AIR.
        • TextInput – The TextInput control is a single-line text field that is optionally editable. All text in this control must use the same styling unless it is HTML text. The TextInput control supports the HTML rendering capabilities of Flash Player and AIR.
      • Buttons
        • Button – The Button control is a commonly used rectangular button. Button controls look like they can be pressed. They can have a text label, an icon, or both on their face.
        • PopUpButton – The PopUpButton control adds a flexible pop-up control interface to a Button control. It contains a main button and a secondary button, called the pop-up button, which pops up any UIComponent object when a user clicks the pop-up button.
        • ToggleButtonBar – The ToggleButtonBar control defines a horizontal or vertical group of buttons that maintain their selected or deselected state. Only one button in the ToggleButtonBar control can be in the selected state. This means that when a user selects a button in a ToggleButtonBar control, the button stays in the selected state until the user selects a different button.
        • ButtonBar – The ButtonBar control defines a horizontal or vertical group of logically related push buttons with a common look and navigation.
        • LinkBar – A LinkBar control defines a horizontal or vertical row of LinkButton controls that designate a series of link destinations. You typically use a LinkBar control to control the active child container of a ViewStack container, or to create a stand-alone set of links.
        • LinkButton – The LinkButton control is a borderless Button control whose contents are highlighted when a user moves the mouse over it. These traits are often exhibited by HTML links contained within a browser page. In order for the LinkButton control to perform some action, you must specify a click event handler, as you do with a Button control.
        • TabBar – The TabBar control lets you create a horizontal or vertical group of tab navigation items by defining the labels and data associated with each tab. Use the TabBar control instead of the TabNavigator container to create tabs that, by default, are not associated with multiple views.
      • List Controls
        • List – The List control displays a vertical list of items. Its functionality is very similar to that of the SELECT form element in HTML. If there are more items than can be displayed at once, it can display a vertical scroll bar so the user can access all items in the list. An optional horizontal scroll bar lets the user view items when the full width of the list items is unlikely to fit. The user can select one or more items from the list, depending on the value of the allowMultipleSelection property.
        • HorizontalList – The HorizontalList control displays a horizontal list of items. If there are more items than can be displayed at once, it can display a horizontal scroll bar so the user can access all items in the list.
        • TileList – The TileList control displays a number of items laid out in tiles. It displays a scroll bar on one of its axes to access all items in the list, depending on the direction property. You can set the size of the tiles by using rowHeight and columnWidth properties. Alternatively, Flex measures the item renderer for the first item in the dataProvider and uses that size for all tiles.
      • Tree and Grid Controls
        • Tree – The Tree control lets a user view hierarchical data arranged as an expandable tree. Each item in a tree can be a leaf or a branch. A leaf item is an end point in the tree. A branch item can contain leaf or branch items, or it can be empty.
        • DataGrid – The DataGrid control is like a List except that it can show more than one column of data making it suited for showing objects with multiple properties.
        • AdvancedDataGrid – The AdvancedDataGrid control expands on the functionality of the standard DataGrid control to add data visualization features to your Adobe Flex application. These features provide greater control of data display, data aggregation, and data formatting. The AdvancedDataGrid control is like a List control except that it can show more than one column of data, making it suited for showing objects with multiple properties.
        • OLAPDataGrid – The OLAPDataGrid control expands on the functionality of the AdvancedDataGrid control to add support for the display of the results of OLAP queries. Like all Flex data grid controls, the OLAPDataGrid control is designed to display data in a two-dimensional representation of rows and columns.
      • Other Controls
        • Alert – The Alert control is a pop-up dialog box that can contain a message, a title, buttons (any combination of OK, Cancel, Yes, and No) and an icon. The Alert control is modal, which means it will retain focus until the user closes it.
        • ColorPicker – The ColorPicker control provides a way for a user to choose a color from a swatch list. The default mode of the component shows a single swatch in a square button. When the user clicks the swatch button, the swatch panel appears and displays the entire swatch list.
        • HSlider, VSlider – The Slider class is the base class for the Flex slider controls. The slider controls let users select a value by moving a slider thumb between the end points of the slider track. The current value of the slider is determined by the relative location of the thumb between the end points of the slider, corresponding to the slider’s minimum and maximum values. The Slider class is subclassed by HSlider and VSlider.
        • Image – The Image control lets you import JPEG, PNG, GIF, and SWF files at runtime. You can also embed any of these files and SVG files at compile time by using @Embed(source=’filename’).
        • ProgressBar – The ProgressBar control provides a visual representation of the progress of a task over time.
        • SWFLoader – The SWFLoader control loads and displays a specified SWF file. You typically use SWFLoader for loading one Flex application into a host Flex application.
    • Containers
      • Accordion – An Accordion navigator container has a collection of child containers, but only one of them at a time is visible.
      • ApplicationControlBar – The ApplicationControlBar container holds components that provide global navigation and application commands.
      • Box, HBox, VBox – A Box container lays out its children in a single vertical column or a single horizontal row.
      • Canvas – A Canvas layout container defines a rectangular region in which you place child containers and controls. It is the only container that lets you explicitly specify the location of its children within the container by using the x and y properties of each child.
      • DividedBox, HDividedBox, VDividedBox – A DividedBox container measures and lays out its children horizontally or vertically in exactly the same way as a Box container, but it inserts draggable dividers in the gaps between the children. Users can drag any divider to resize the children on each side.
      • Form – The Form container lets you control the layout of a form, mark form fields as required or optional, handle error messages, and bind your form data to the Flex data model to perform data checking and validation.
      • Grid – A Grid container lets you arrange children as rows and columns of cells, similar to an HTML table. The Grid container contains one or more rows, and each row can contain one or more cells, or items.
      • Panel – A Panel container consists of a title bar, a caption, a border, and a content area for its children. Typically, you use Panel containers to wrap top-level application modules.
      • Repeater – Repeater creates multiple instances of its subcomponents based on its dataProvider.
      • TabNavigator – The TabNavigator container extends the ViewStack container by including a TabBar container for navigating between its child containers.
      • Tile – A Tile container lays out its children in a grid of equal-sized cells.
      • TitleWindow – A TitleWindow layout container contains a title bar, a caption, a border, and a content area for its child.
      • ViewStack – A ViewStack navigator container consists of a collection of child containers stacked on top of each other, where only one child at a time is visible.
    • Effects
      • AddItemActionEffect – The AddItemAction class defines an action effect that determines when the item renderer appears in the control for an item being added to a list-based control, such as List or TileList, or for an item that replaces an existing item in the control.
      • AnimateProperty – The AnimateProperty effect animates a property or style of a component.
      • Blur – The Blur effect lets you apply a blur visual effect to a component. A Blur effect softens the details of an image.
      • Dissolve – Animate the component from transparent to opaque, or from opaque to transparent.
      • Effect – The Effect class is an abstract base class that defines the basic functionality of all Flex effects.
      • Fade – The Fade effect animates the alpha property of a component, either from transparent to opaque, or from opaque to transparent.
      • Glow – The Glow effect lets you apply a visual glow effect to a component.
      • Iris – The Iris effect animates the effect target by expanding or contracting a rectangular mask centered on the target.
      • Move – The Move effect changes the position of a component over a specified time interval.
      • Parallel – The Parallel effect plays multiple child effects at the same time.
      • Pause – The Pause effect is useful when sequencing effects. It does nothing for a specified period of time.
      • RemoveItemActionEffect – The RemoveItemAction class defines an action effect that determines when the item renderer disappears from the control for the item renderer of an item being removed from a list-based control, such as List or TileList, or for an item that is replaced by a new item added to the control.
      • Resize – The Resize effect changes the width, height, or both dimensions of a component over a specified time interval.
      • Rotate – The Rotate effect rotates a component around a specified point.
      • Sequence – The Sequence effect plays multiple child effects one after the other, in the order in which they are added.
      • SoundEffect – The SoundEffect class plays an MP3 audio file.
      • WipeDown, WipeLeft, WipeRight, WipeUp – The Wipe classes define a bar wipe effect.
      • Zoom – The Zoom effect zooms the object in or out on a center point.
    • Formatters
      • CurrencyFormatter – The CurrencyFormatter class formats a valid number as a currency value. It adjusts the decimal rounding and precision, the thousands separator, and the negative sign; it also adds a currency symbol.
      • DateFormatter – The DateFormatter class uses a format String to return a formatted date and time String from an input String or a Date object. You can create many variations easily, including international formats.
      • Formatter – The Formatter class is the base class for all data formatters. Any subclass of Formatter must override the format() method.
      • NumberFormatter – The NumberFormatter class formats a valid number by adjusting the decimal rounding and precision, the thousands separator, and the negative sign.
      • PhoneFormatter – The PhoneFormatter class formats a valid number into a phone number format, including international configurations.
      • SwitchSymbolFormatter – The SwitchSymbolFormatter class is a utility class that you can use when creating custom formatters. This class performs a substitution by replacing placeholder characters in one String with numbers from a second String.
      • ZipCodeFormatter – The ZipCodeFormatter class formats a valid number into one of many formats, based on a user-supplied formatString property.
    • Validators
      • CreditCardValidator – The CreditCardValidator class validates that a credit card number is the correct length, has the correct prefix, and passes the Luhn mod10 algorithm for the specified card type.
      • CurrencyValidator – The CurrencyValidator class ensures that a String represents a valid currency expression.
      • DateValidator – The DateValidator class validates that a String, Date, or Object contains a proper date and matches a specified format.
      • EmailValidator – The EmailValidator class validates that a String has a single @ sign, a period in the domain name and that the top-level domain suffix has two, three, four, or six characters.
      • NumberValidator – The NumberValidator class ensures that a String represents a valid number.
      • PhoneNumberValidator – The PhoneNumberValidator class validates that a string is a valid phone number.
      • RegExpValidator – The RegExpValidator class lets you use a regular expression to validate a field.
      • SocialSecurityValidator – The SocialSecurityValidator class validates that a String is a valid United States Social Security number.
      • StringValidator – The StringValidator class validates that the length of a String is within a specified range.
      • Validator – The Validator class is the base class for all Flex validators.
      • ZipCodeValidator – The ZipCodeValidator class validates that a String has the correct length and format for a five-digit ZIP code, a five-digit+four-digit United States ZIP code, or Canadian postal code.
    • Charting
      • Controls
        • AreaChart – The AreaChart control represents data as an area bounded by a line connecting the values in the data.
        • BarChart – The BarChart control represents data as a series of horizontal bars whose length is determined by values in the data.
        • BubbleChart – The BubbleChart control represents data with three values for each data point.
        • CandlestickChart – The CandlestickChart control represents financial data as a series of candlesticks representing the high, low, opening, and closing values of a data series.
        • ColumnChart – The ColumnChart control represents data as a series of vertical columns whose height is determined by values in the data.
        • HLOCChart – The HLOCChart (High Low Open Close) control represents financial data as a series of elements representing the high, low, closing, and optionally opening values of a data series.
        • LineChart – The LineChart control represents a data series as points connected by a continuous line.
        • PieChart – The PieChart control represents a data series as a standard pie chart.
        • PlotChart – The PlotChart control represents data with two values for each data point.
      • Effects
        • SeriesInterpolate – The SeriesInterpolate effect moves the graphics that represent the existing data in a series to the new points.
        • SeriesZoom – The SeriesZoom effect implodes and explodes chart data into and out of the focal point that you specify.
        • SeriesSlide – The SeriesSlide effect slides a data series into and out of the chart’s boundaries.
    • Coding Techniques
  • Flex Data Access
  • Cloud APIs
    • Cloud APIs
      • Amazon – Amazon Book Search
      • AOL Instant Messager – Amazon Book Search
      • Cocomo – Cocomo (‘Common Collaboration Model’) consists of a Flex-based SDK and a hosted service. Its goal is to allow developers to quickly build multi-user real time collaboration (RTC) applications such as ConnectNow. The Cocomo SDK is supported by Adobe’s Hosted Services which provides streaming real-time data, audio, and video from client to client, across a globally deployed infrastructure.
      • Ebay (3) – Ebay Find Products
      • Flickr – Access Flickr’s online photo sharing and management platform
      • Google Language – Google Language API
      • Google Search – Google Search API
      • LastFM – LastFM Query
      • Salesforce.com – Connect to Salesforce.com CRM and other applications built on the force.com platform.
      • Yahoo Weather – Yahoo Weather API Demo
  • Data Visualization
  • Mapping
  • Other Components

Comments»

No comments yet — be the first.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s