Scribd
Upload
40 views13 pages

Skinning Components in Flex 4 (GUMBO)

This document discusses skinning in Flex 4. Skinning allows complete customization of a visual component's look and feel. Flex 4 skinning is different than previous versions, allowing skins to be composed of multiple elements like text, images, filters, transitions, and states. Skins can now be defined in separate MXML or ActionScript components. The document provides examples of a simple button skinning and using filters, states, and transitions in Flex 4 skinning. Additional resources for learning more about Flex 4 skinning are also listed.

Uploaded by

rajesh_flex
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
40 views13 pages

Skinning Components in Flex 4 (GUMBO)

This document discusses skinning in Flex 4. Skinning allows complete customization of a visual component's look and feel. Flex 4 skinning is different than previous versions, allowing skins to be composed of multiple elements like text, images, filters, transitions, and states. Skins can now be defined in separate MXML or ActionScript components. The document provides examples of a simple button skinning and using filters, states, and transitions in Flex 4 skinning. Additional resources for learning more about Flex 4 skinning are also listed.

Uploaded by

rajesh_flex
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

Skinning Components in Flex 4 (GUMBO)

Our Agenda
Introductions What Is Skinning? Flex 3 vs Flex 4 - Skinning Differences? Flex 4 Skinning Examples Summary Additional Resources

Introductions
Me: Theo Rushin, Jr. (rushint@yahoo.com)
Senior Web Application Developer @ TwinTechnologies

Application Developer and Trainer Since 85 ColdFusion Developer Since 99 Flash Developer Since 99 Flex Developer Since 05 Deploying Flex application to AIR Since 07

What Is Skinning?
Skinning is the process of completely customizing the look and feel of a visual component. Adobe provides several tools that enable you to produce skinning assets, such as:
Flash Professional Fireworks Photoshop Illustrator

Flex 3 vs Flex 4 Skinning Diffs


Skinning in previous versions of Flex was a simple graphic-only process. Skinning in Flex 4 is very different from the way we did it in previous versions of Flex. Skins can be composed of multiple elements such as: Text, Images, FXG images, Filters, Transitions, States Skins can be created in a separate MXML or ActionScript component FXG is a way of describing vector graphics in XML like SVG The GUMBO component model will be merged with the existing Halo component model backward compatibility

Flex 4 Skinning Advantages


All visual aspects, including layout, can be controlled by the custom skin component. The new framework provides a single, consistent mechanism for all skins the process of skinning a Button is the same as skinning a List item. You can control of all visual aspects of your components so it can be easily manipulated by other tools.

Flex 4 Skinning Advantages


http://opensource.a dobe.com/wiki/disp lay/flexsdk/Gumbo +Skinning

Flex 4 Skinning Examples


A Simple Button Example
[Flex4Example01]

Flex 4 Skinning Examples


Defining Filters in the Button Example
[Flex4Example02]

Flex 4 Skinning Examples


Defining States in the Button Example
[Flex4Example03]

Flex 4 Skinning Examples


Defining Transitions in the Button Example
[Flex4Example04]

Summary
Download - Learn - Participate!
GUMBO Skinning - Adobe Open Source Docs http://opensource.adobe.com/wiki/display/flexsdk/Gumbo+Skinning Jumping Into Skinning with Flex 4 http://scalenine.com/blog/2008/07/17/jumping-into-skinning-with-flex-4/ Gumbo (Flex 4) Skin with Transitions http://scalenine.com/blog/2008/07/20/gumbo-flex-4-skin-with-transitions/

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy