programming4us
 
Graphics
 

Adobe Flash Catalyst CS5 : Set Up Design-time Data

5/30/2013 9:13:47 PM

When showing the initial design to your client or boss, you likely added different items to represent the data. In the Magazines Now design, five magazine titles were displayed. When you convert the artwork to a data list, you will have the same item — whichever piece of the artwork you designated as the repeating item — displaying multiple times in the list.

If you need to show the design comp to a client or boss at some point before handing the comp off to your Flex developer, you will likely want to have the list continue to display varying data as it did initially. Fortunately, Catalyst includes a Design-time Data panel that allows you to simulate the actual data that will eventually be used in the application.

  1. If necessary, double-click the data list component so that you in its editing mode.

  2. Click the Design-time Data panel's tab to display it (see Figure 1). The panel shares the same space as the Timeline. The panel displays the information from the repeating item in the data list in a spreadsheet-like table.

    Figure 1. The Design-time data panel
  3. Click on any cell that contains text to edit the text directly. This example data list only contains images. Changing the images involves loading a new image from the library.

  4. Click the image in the second row to display the library dialog box, select the appropriate image (see Figure 2).

  5. Click OK.

    Figure 2. The library dialog box launched from the design-time data panel

    NOTE

    If you do not have an image you need in the library, you can load it by clicking the Import button at the bottom of the dialog box.

  6. Repeat Step 5 to change each of the other images (see Figure 3).

    Figure 3. The design-time data panel, showing the different images
  7. Click the name of the application to exit editing of the data list.

  8. Choose File => Run Project. The project opens in Flash Player, allowing you to scroll through the data list and view the sample data (see Figure 4).

Figure 4. The project running in Flash Player, showing the sample data

Your data list is now set up. You have a set of repeating items, laid out horizontally, with a custom scrollbar.
 
Others
 
- Adobe Flash Catalyst CS5 : Configuring the Repeating Item's Appearance
- Adobe After Effects CS5 : Expressions - Using a Layer’s Index
- Adobe After Effects CS5 : Expressions - Linking an Effect Parameter to a Property
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 4) - Adding to the skyline, Adding windows to the building
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 3) - Using the Compound Shape tool, Working with compound shapes
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 2) - Customizing the stroke, Importing and resizing a vector object
- Adobe Fireworks CS5 : Working with Vector Graphics - Customizing fills and strokes (part 1) - Adding a gradient fill
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Setting General Preferences
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Creating Keyboard Shortcuts
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Creating a Workspace
 
 
REVIEW
 
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- Sigma 24mm f/1.4 DG HSM Art

- Canon EF11-24mm f/4L USM

- Creative Sound Blaster Roar 2

- Alienware 17 - Dell's Alienware laptops

- Smartwatch : Wellograph

- Xiaomi Redmi 2
 
VIDEO TUTORIAL
 
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
 
Top 10
 
- How To Install Android Market & Google Apps On Kindle Fire
- How To Make Ubuntu Look Like Windows 7
- How To Add A New Account in MS Outlook 2013
- Get Android & Mac OS X Style Gadgets For Windows 7 & Windows 8 With XWidget
- How To Activate Microsoft Office 2013
- How To Install Actual Facebook App On Kindle Fire
- How To Create, View And Edit Microsoft Office Files On Kindle Fire
- Download Attractive Business PowerPoint Templates For Free At SlideHunter
- How To Use And Enable Hibernate & Sleep Mode In Windows 8
- How To Get Microsoft Office 2013 Trial Product Key From Microsoft