F3 v. F4: Using ViewStack, TabNavigator and Accordion
Tuesday, March 9th, 2010You have probably used mx:ViewStack, mx:TabNavigator and mx:Accordion somewhere in your Flex development efforts over the last 5+ years and had code that looks like this:
1234567891011121314151617181920212223<mx:TabNavigator width="400" height="200" horizontalCenter="0" y="15">
<mx:VBox label="Tab 1">
<mx:Label text="This is tab 1"/>
</mx:VBox>
<mx:VBox label="Tab 2">
<mx:Label text="This is tab [...]
F3 v. F4 Tile v TileGroup
Tuesday, February 9th, 2010Here are two applications that perform the same task. They layout 9 custom button components in a grid. One is Flex 3 and the other is Flex 4.
Main Application (Flex 3):
123456789101112131415161718<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
xmlns:local="*">
[...]
F3 v. F4: Repeater v DataGroup
Monday, January 11th, 2010Ah, good old repeaters. Well if you have used repeaters in the past you are more likely to say, good riddance Mr. repeater. Repeaters were not only pretty heavy components, but also just a general pain in the butt. So, what does Flex 4 have to help us? DataGroups!
The following examples both use the [...]
F3 v. F4: Boxes v Groups
Wednesday, January 6th, 2010Layouts are something that has changed a lot with Flex 4. There are several ways to accomplish your layout. Here is a simple Flex 3 example where we wanted to horizontally layout two vertical groupings of Label and TextInput components.
12345678910<mx:HBox horizontalCenter="0" verticalCenter="0">
<mx:VBox>
<mx:Label text="First name:"/>
<mx:TextInput />
[...]
F3 v. F4: New Series Overview
Tuesday, January 5th, 2010There have been many changes to the way you use the Spark (xmlns:s) components of Flex 4 vs the older Halo (xmlns:mx) components of Flex 3. My plan of this series is to release a simple comparison post every couple of days comparing the way you would do something in Flex 4 vs Flex 3.
Lets [...]