Flex 4

Two-way Bindings

John Lindquist — Wed, 24 Jun 2009 08:26:55 +0000

Binding between two properties in Flex 4 is insanely easy now. Instead of just using “{}”, now you can add an @ to make it go both ways: “@{}”. In this example, you’ll see the @ in the text property of the second TextArea which will two-way bind with the text property of the first TextArea.

You can test this out by typing the the two TextAreas below:

<?xml version="1.0" encoding="utf-8"?>
<s:Application 
	xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark" 
	xmlns:mx="library://ns.adobe.com/flex/halo" 
	>
	<s:layout>
		<s:VerticalLayout/>
	s:layout>
 
	<s:TextArea 
		id="firstTextField" 
		width="100%" 
		height="50%"
		fontSize="20"
		/>
	<s:TextArea 
		id="secondTextField" 
		text="@{firstTextField.text}" 
		width="100%" 
		height="50%"
		/>
s:Application>

Flex 4 Layouts

John Lindquist — Wed, 24 Jun 2009 07:56:32 +0000

This video covers how to use the new layouts in Flex 4 as well as how to create custom layouts

Click to view the video in a pop-up. Right-click and “save as” to download the video to your hard drive.

Watch Flex 4 Layouts Video Tutorial

Flex 4 States

John Lindquist — Tue, 23 Jun 2009 05:58:02 +0000

I’m going on a bit of a Flex 4 kick this week so I decided to put out a few video tutorials on the new features of Flex 4 and FlashBuilder. Tonight’s video covers the changes to Flex 4 states.

Click to view the video in a pop-up. Right-click and “save as” to download the video to your hard drive.

Watch Flex 4 States Video Tutorial

After watching the video, try out the new states markup on the Application backgroundColor style

Welcome to Flex4.org

John Lindquist — Mon, 22 Jun 2009 07:57:15 +0000

Hi, it’s me, John Lindquist, from pv3d.org. I’ve been doing a lot of Flex at work recently, so I decided to share what I know here. Enjoy.