Coolest Flex

We moved!

2010-10-19T17:20:00.000+08:00

http://wp.nealmi.com

So long time since last update.

2009-07-09T14:29:00.001+08:00

Only reason is the blogger.com has been blocked in our country. It means I cannot access it directly, MUST break The Great Firewall. What is The Great Firewall? http://en.wikipedia.org/wiki/Golden_Shield_Project

Writing secure Flex apps with help from SWFScan

2009-04-19T22:35:00.002+08:00

HP SWFScan, a free tool developed by HP Web Security Research Group, will automatically find security vulnerabilities in applications built on the Flash platform.

Download Now!

Resources:

http://www.hp.com/go/swfscan

Using Tweener for Scripted Animations

2009-03-16T10:13:00.001+08:00

Andrew Trice

Whenever adding effects to Flex applications, I usually user the built-in Flex effects. They work with most flex components, are consistent, and are reliable. However, in cases where you want your application to be very expressive, they don't always act like you want them to. In those cases, I use Tweener, an animation "tween" library for ActionScript. In this post, we'll walk through a basic example using Tweener.

Resources:

IMAGE:

TweenLite (AS3) - A Lightweight (3K) and FAST Tweening Engine

2009-02-24T16:49:00.000+08:00

TweenLite is an extremely lightweight, FAST, and flexible tweening engine that serves as the core of the GreenSock tweening platform. There are plenty of other tweening engines out there to choose from, so here's why you might want to consider TweenLite:

Download source code

Resources:

http://blog.greensock.com/tweenliteas3/

IMAGE:

Making Components Work Together

2008-12-19T22:19:00.001+08:00

Andrew Trice:

In this example, we'll create a Flex application that uses the Google Maps API for Flash, which communicates with the Google Street View API to create a seamless experience.

The Google Street View components are available directly in the Google Maps javascript API, however they are not directly available through the Flash API. Even though they aren't available directly in the Flash API, that doesn't mean that you can't use them together. Through ExternalInterface, you can still make those the two work together seamlessly.

Take a look at this example. Any time you click on the Flash-based map, the street view below it will update to show the location that you clicked on. Go ahead and try it out... If you click on an area that doesn't support street view, then you'll get a message stating that the panorama is not available.

Resources:

IMAGE:

Efflex - Designer effects for Flex

2008-11-26T15:19:00.000+08:00

Efflex is a set of designer effects for Adobe Flex created by Stephen Downs (aka "Tink"). Stephen presented Efflex at the recent Flash on the Beach conference and has a background in building applications for the Flash platform.

Example:

Resources:

IMAGE：

URLKit - Advanced Flex Deep Linking Library

2008-11-21T15:26:00.000+08:00

UrlKit supports Adobe Flex applications that need to expose URLs and window titles in the browser to represent their state. These URLs can be bookmarked, accessed via the Back button, etc. Such states typically represents some notion of location within the app, but in general can be mapped to any aspect of the application.
Specifically, UrlKit provides:

a Javascript library for deep linking in Flex 2 (in Flex 3, this is provided by the platform)

a library of declarative rule objects that describes the lexical elements of the application's URL and bidirectionally binds them to variables

a sample application

Joe Berkovitz developed UrlKit in collaboration with Todd Rein of Adobe. To find out why, read the Rationale.

The example:
Click change state button, and look at your browser back button. NOTE: IE 6 user, please View example in a new window

Resources:

http://www.insideria.com/2008/09/advanced-flex-deep-linking-wit-1.html http://code.google.com/p/urlkit/

IMAGE:

Making Things More Interactive

2008-11-20T15:48:00.000+08:00

Andrew Trice

Notice that there are two things going on here... 1. Animate the opacity to semi-transparent 2. Animate the distance of the drop shadow Applying these two effects creates an illusion of depth within the application. It appears as though the object that you click on is lifted off of the plane of the application, and is dropped back onto the application when you release it. I hope this gives you a few ideas to help you make your own applications more interactive.

Resources:

http://www.insideria.com/2008/02/making-things-more-interactive.html

IMAGE:

Tweener - create tweenings and other transitions

2008-11-13T09:45:00.000+08:00

Tweener (caurina.transitions.Tweener) is a class used for creating tweenings and other transitions via actionscript code. The general idea is that dynamic animation and transitions (created by code) is easier to maintain and control, and more stable than timeline animation (since you can control it by time rather than by frames). Tweener is the spiritual successor to MC Tween. It follows Actionscript’s more strict OOP rules, and is released and maintained for both AS2 and AS3. Aimed both for designers and advanced developers, it still keeps the “one-line” design mentality used on MC Tween, but with a different, more fluid syntax (by way of an static class) that allows a wider control of how transitions are performed. Such characteristics weren’t possible on MC Tween due to the way the available parameters (and its order) were fixed by its syntax. Tweener downloads and documentation are hosted at Google Code.

Example from MC Tween:
Resources:

Screenshot

Organization Chart - OrgChart

2008-10-28T17:40:00.002+08:00

Excellent open source components that be used:
FlexLib - http://flexlib.googlecode.com
TipBubble - http://www.connectstudios.com/?section=6
This is an conceptual component, Use it in production is unwise decision, but you could make some customize to fit your requirements.

View example in a new window

Resources:

IMAGE:

FlexMonkey - Flex UI test

2008-10-14T10:16:00.000+08:00

Busy, busy, busy work... black September for me.

FlexMonkey is a unit testing framework for Flex apps that provides for automating the testing of Flex UI functionality. FlexMonkey can record and play back Flex UI interactions, and generates ActionScript-based testing scripts that can easily be included within a continuous integration process. It uses the Flex Automation API and was created by adapting Adobe's sample application, AutoQuick.
See the Getting Started Guide for a quick overview of installing, recording, and running tests with FlexMonkey.
FlexMonkey has been donated to the Flex community by Gorilla Logic, who developed FlexMonkey because of their belief that only a monkey would develop code without being able to automate their unit testing.

Try Demo!

View example in a new window

Resources:

http://code.google.com/p/flexmonkey/

IMAGE:

Actionscript 3 Layout Organizers Examples and Source Code

2008-08-28T09:31:00.000+08:00

www.somerandomdude.net Said:

A while back, I posted a basic example of layout organizers and layout organizers applied to video. I kept talking about how cool I considered this idea to be, yet I had yet to truly explain the idea and (more importantly) the source code for people to download. I wanted to make sure the code was at a good spot before releasing it; I believe that is now the case. You will find examples, the basic gist on how it works and some possible reasons why layout organizers may just make your life easier.

Resources:

http://www.somerandomdude.net/blog/flash/actionscript-3-layout-organizers-source-code/

IMAGE:

Flex Calendar Component

2008-08-15T23:01:00.000+08:00

This project strives to provided flex components for crating calendar components. (Timeline, day, week, month and agenda view)

Resources:

http://code.google.com/p/flexcalendar/

Relative Posts:

Interactive Calendar - From quietlyscheming.com

IMAGE:

RIA Benchmark

2008-07-24T18:03:00.000+08:00

James Ward:

The goal of this application is to demonstrate various methods of loading data in RIAs and see how those methods impact performance, bandwidth, and client memory usage. These benchmarks aim to be honest and unbiased. Thus they are open source and anyone can submit patches to have new tests added or to have the existing tests improved. Yet, these tests should always fairly represent real world uses of these technologies.

Resources:

IMAGE:

Customize DataGrid - (2)

2008-07-12T13:52:00.000+08:00

Thanks Alex!

Thinking About Item Renderers(Strong recommended)

BackgroundColor Changes When Data Changes

Text Color and Styles in Item Renderers

Split Columns/Grouped Columns

Custom Header Renderers (ComboBox)

This ad just for leave blank. Take your eyes a rest.

Customize DataGrid - (1)

2008-07-12T13:27:00.000+08:00

Thanks Alex!

Flex 3 DataGrid Footers

DataGrid Double-Click To Edit

Custom ArrayCollections, Adding New Items to DataGrid

Custom ILists, CheckBoxDataGrid, Merged Arrays

3D Charts Using PaperVision3D - By Andrew Trice

2008-06-26T08:59:00.000+08:00

Andrew Trice wrote:

This example shows a really basic rotating 3D chart. There are two important things that it shows.

1) A three dimensional scatter plot.

2) A three dimensional line chart

The data points between the scatter plot and line chart are exactly the same. The combined effect is a 3D scatter plot with lines connecting each data point.

Resources:

http://www.insideria.com/2008/06/3d-charts-using-papervision3d.html

Degrafa - Buttong loader (ProgressBar like)

2008-06-25T16:59:00.000+08:00

Try it by click "Sign In" button.

Resources:

http://www.degrafa.com/

Relative Posts:

Amazing Effect - WebCam (Need a web camera)

2008-06-22T18:09:00.000+08:00

Click Play... following.

Resources:

Google Earth with Flex (IE + Firefox on Windows only)

2008-06-22T18:03:00.000+08:00

Andrew Trice wrote:

You can type in a location, and it will go there. You can also toggle the nav controls, and the grid overlay. This example requires the Google Earth plugin, and only works in browsers that are supported by Google Earth (IE + Firefox on Windows only).

Resources:

http://cynergysystems.com/blogs/page/andrewtrice?entry=google_eath_flex_source_code

Geocode with Papervision3D and Adobe Flex Sample

2008-06-12T09:36:00.000+08:00

Mark Walters wrote:

Representing exact geographic locations on the earth, or geocoding, has become a popular topic lately. All the mapping service providers, such as Google, MapQuest, and Yahoo!, geocode addresses on their respective maps so you can easily see a specific location and get directions between multiple locations. With each of these services now providing public APIs, anyone can create mashups showcasing data of all types (such as photos, videos, and RSS feeds) on maps to link the data visually to a geographic location. Allowing people to so easily associate data geographically has opened up new realms of information visualization on the web. RSS feeds not only provide news from around the world, but they can also display exactly where the news is coming from. Family and friends can follow along with you on your vacation as you post pictures and tag them with each city you visit. Geocoding opens up all kinds of possibilities. Plotting the points in 2D on the maps provided by the different service providers is the most common way to view the information. But you can also view geodata on a globe of the earth in 3D via Adobe Flash by using the open-source 3D library Papervision3D. Papervision3D is an open-source, real-time 3D engine for Flash. Using this library, you can get up to speed quickly and easily with a fully interactive 3D environment.

For more details please check out Learn how to geocode with Papervision3D and Adobe Flex

Resources:

http://www.adobe.com/newsletters/edge/june2008/articles/article2/index.html?trackingid=DEKYF

Relative Posts:

YAHOO! Astra - AutoCompleteManager Advanced Example

2008-06-04T17:34:00.000+08:00

AutoCompleteManager manages a set of input controls, popping up suggestions when a user types into one of the fields. Instead of replacing TextInput fields with a specific AutoComplete control, you can simply point the manager to one or more TextInputs, and you'll get a slick pop-up or auto-fill interaction.

Resources:

http://developer.yahoo.com/flash/astra-flex/

AS3 Library and LibraryManager for Assets and Other AS3 Utilities

2008-05-26T13:28:00.000+08:00

Tink:

The classes enabled you to create multiple libraries of embedded (retaining and giving access to code) or loaded SWF’s. You can create instance of Library wherever you want, but you can also create them through the LibraryManager giving you a single class to gain access to all your Library instances. Here’s a quick example creating 2 Library instances using the LibraryManager. Each Library contains 2 SWF’s, each containing a BitmapData and MovieClip which are created using the Library. One Library instance embeds the SWF’s the other loads them. Not shown in the example, but you can also have a mix of loaded and embedded SWF’s in the same Library, and they contain fonts as well as custom classes.

Resources:

http://www.tink.ws/blog/library-librarymanager/

Google Maps API for Flash - Photo Flip Map exmaple

2008-05-20T09:54:00.000+08:00

This API lets Flex developers embed Google Maps in Flash applications. Similar to the JavaScript version, this ActionScript API provides a number of utilities for manipulating and adding content to maps through a variety of services, enabling you to embed robust, interactive maps applications on your website.

Resources:

http://code.google.com/apis/maps/documentation/flash/

Relative Posts:

Yahoo! Maps for ActionScript 3.0 - WeatherMap example