IT tutorials

Adobe Flash Catalyst CS5 : Flash Catalyst data lists

11/8/2011 5:08:33 PM
- Free product key for windows 10
- Free Product Key for Microsoft office 365
- Malwarebytes Premium 3.7.1 Serial Keys (LifeTime) 2019
A data list is a special type of component used to retrieve and display a series of related items. You can design a data list using Flash Catalyst. Typically, you’ll include enough sample records to demonstrate the layout and behavior of the list. Once you finalize the look and feel, a Flex developer can use Adobe Flash Builder to connect your Data List component to a web service that retrieves and displays any number of records when the application runs.

A list is not always a list

The name data list is a little misleading. Each unique record in a Flash Catalyst data list can include artwork, text, or a combination of both. It doesn’t need to be a list at all. Traditionally, a data list might look something like a spreadsheet or data table.

Using Flash Catalyst, you can build a Data List component that displays a tiled wall of images.

A list can be a scrolling filmstrip or series of thumbnails, from which you select and view other content or navigate to new locations in the application. By adding a scroll bar, you can extend the list to include any number of items.

Of course, there’s nothing stopping you from making your data list look like an ordinary list if that’s what you want. In fact, there’s even a built-in wireframe Data List component.

By default, the records in a data list can have different Normal, Over, and Selected states. You can use the Over state to reveal more information about a record when a user rolls over an item.

What is design-time data?

When developing an application that’s used to present large amounts of data, it’s not always possible to see the end result until the application is running and connected to a back-end data source. That is unless you’re using a Flash Catalyst Data List component and design-time data. Design-time data allows you to use dummy content, such as sample database records or bitmap images, without having to actually connect to a back-end system. This gives you, the designer, complete control over the final look and feel of the user experience. This also makes it possible for a developer using Adobe Flash Builder to replace the design-time data with real data from a database or web service while maintaining the interactions and pixel-perfect design from Flash Catalyst.

Preview a data list

Before you dive in and start making a new data list, let’s take a moment to preview how a list appears when it’s put together. Seeing a Data List component in action will help you to understand each of its parts and how they relate to one another in a working application.

Start Flash Catalyst. Browse to the Lesson10 folder on your hard drive and open the Restaurants_finished.fxp file.

Run the project in a browser.

When the application starts, it plays a short video and then stops on a horizontal list of restaurants. This is a horizontal data list. If you roll over an item in the list, you see its Over state. Scroll arrows let you move forward and backward through the list.

Click the right scroll arrow to see more restaurants in the data list.

Click any restaurant.

Clicking an item in the data list takes you to a different page in the application. Each restaurant includes a Reviews button.

Click Reviews.

The restaurant reviews are included in a vertical data list. Each item in the list includes an image, the name of the reviewer, a short review, and a star rating.

Roll over and click a few of the reviews in the list.

The reviews have different Normal, Over, and Selected states. In the next exercise, you are going to re-create this data list.

Close the browser and return to Flash Catalyst.

Close the project without saving changes.
- Adobe Illustrator CS5 : Printing from Illustrator (part 3) - Specifying Color Separations
- Adobe Illustrator CS5 : Printing from Illustrator (part 2) - Exploring the Marks and Bleed Print Panel & Exploring the Output Print Panel
- Adobe Illustrator CS5 : Printing from Illustrator (part 1) - Exploring the General Print Panel
- Dreamweaver CS5 : Understanding Templates & Creating Your Own Templates
- Dreamweaver CS5.5 : Using the Open Browser Window Behavior
- Adobe Photoshop CS5 : Fixing Shots with a Dull Gray Sky
- Adobe Photoshop CS5 : When Your Subject Is in the Shadows
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 2) - Individual Channels for Color Matching
- Adobe After Effects CS5 : Color Correction for Image Optimization (part 1) - Levels
- Adobe Fireworks CS5 : Working with Bitmap Images - Managing images on the canvas
Top 10
- How to Monitor Internet data usage on Windows 10
- How to fix the error 0x8007045d on Windows
- The Growth of Game Development Companies in Nevada in Diverse Sectors
- How to install shader in Windows 10 Minecraft Bedrock Edition
- How to rebuild BCD in Windows (fix the error : BOOTMGR is Missing)
- Microsoft Excel 2013 : Converting an Existing Workbook – Convert an Excel 97-2003 to Excel 2013
- How to fix error “WiFi with exclamation mark”
- How to fix the error : Windows Update error 0x800705b4 on Windows 10
- How to change the default audio output in Windows 10
- How to fix the error : “ssl_error_rx_record_too_long” in FireFox
Technology FAQ
- Open new window from gridview hyperlink with no menu or toolbar in new window (also set width and height)
- Internet Usage Tool
- Buffalo Tera Station and Windows Server 2008 Authentification
- BI vs regular report
- Cost of CAT5e cable installation
- iMac Snow Leopard Mouse pointer jitter and always go back to upper left corner
- Click on an item in a list box and have that value populate a text field
- How do  I mount a partition in deft linux?
- vlan isolation - need to keep a vlan from seeing network
- Hyper-V P2V VM Continuous Blue Screen
programming4us programming4us