IT tutorials
 
Graphics
 

Adobe Flash Catalyst CS5 : Components with Built-in View States

5/24/2013 7:35:06 PM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire

Many of the standard user interface components have default view states. Buttons, for example, have the following states:

  • Up

  • Over

  • Down

  • Disabled

Radio buttons have these states:

  • Up

  • Over

  • Down

  • Disabled

  • Selected Up

  • Selected Over

  • Selected Down

  • Selected Disabled.

These states define the appearance of the component during various expected user interactions. View state changes within these components are automatic; you need not specifically add the ability for a button to change from the Up to the Over state when the user interacts with it.

  1. Click a button component.

  2. From the HUD, click either Up, Over, Down, or Disabled. Regardless of which button you click, you will switch to editing mode for the component. The state that is initially selected depends on which button in the HUD you click, but you can always simply select a different state in the Pages/States panel (see Figure 1).

  3. Edit the appearance of the button as desired. In this example, a drop shadow is being added to the button in the Over state (see Figure 2).

    Figure 1. Using the HUD to go into editing mode on a button
    Figure 2. Changing the appearance of a button in the Over state
  4. Click the name of the application in the navigation bar to exit editing mode on the button.

You now have a button component that provides visual clues to the user during interaction, an important aspect of usability. If you wish, you can test the project at this point by pressing Ctrl-Enter on your keyboard. While the button will not actually do anything, you will be able to see that its appearance changes when you mouse over it.

 
Others
 
- Adobe Flash Catalyst CS5 : Create New States within a Component
- Adobe After Effects CS5 : Animating Text - Adding motion blur, Exporting to Adobe Flash Professional CS5
- Adobe After Effects CS5 : Animating Text - Animating a nontext layer along a motion path
- Adobe After Effects CS5 : Animating Text - Cleaning up the path animation
- Adobe Fireworks CS5 : Working with Vector Graphics - Drawing the shape
- Adobe Fireworks CS5 : Working with Vector Graphics - Editing paths
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Docking and Undocking Panels, Grouping and Ungrouping Panels
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Working with Panels
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Using the Tools Panel
- QuarkXPress 8 : Pictures - Working with Photoshop files
 
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
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
Celebrity Style, Fashion Trends, Beauty and Makeup Tips.