Browsing Category

Flex

Design a Panoramio Thumbnail Viewer in Flex

During this tutorial I’ll take you through the ways in which Flex customizes interface controls. Specifically, we’ll be looking at the TileList element, styling it with Flex’s GUI toolkit.

To pull this all together, we’ll make use of the Panoramio API and build a dynamic thumbnail image viewer.

Create a 3D Flickr Photo Gallery with Flex and Away3D

In this tut I’ll demonstrate how to build a dynamic photo gallery using the Flickr API. To add a little extra flair, we’ll harness the power of Away3D and display the photos in a 3D environment.

There’s plenty to discuss, so let’s get on with it!

videos

Control a Flex Video Application Using Mouse Gestures

Almost all PC user interfaces are designed around the notion of moving a cursor and clicking on objects. Buttons, menus, combo boxes, lists and every other standard UI control work in this way. The mouse is used to position the cursor, and the position of the cursor is used to perform an action.

It’s a design paradigm that has worked well, but lately new technologies like touch screens and motion sensors (think the Wii) have challenged the notion of using a mouse, or even having a cursor on the screen at all..

Build a Photo Viewer Using Flex and the Flickr API

In this tutorial you will learn how to use the as3flickrlib library to create a Flash Flickr photo viewer.

Popular Posts this Month

Working with the Flex DataGrid and Nested Data Structures

It often happens that the data which needs to be viewed/presented in a Flex DataGrid comes from an XML file or JSON with more than one level of nesting. Unfortunately, by default, the Flex DataGrid allows you to display only single level nested object arrays.

This tutorial shows how you can extend the Flex DataGrid class to accomodate more complicated data structures. It will also show you how to make all the columns sortable, even when using nested data structures.

Working with the Debugger in Adobe Flex Builder

Many Flash developers use either the Alert class for debugging, or trace statements due to associations with Flash. Flex does have a true debugger and it’s a great tool. I’m going to demonstrate how to get to grips with it in this tutorial.

Creating a Feed Reader Widget with Adobe Flex 3

In this tutorial you’ll learn how to create your own Flex feed reader application. In this case, the final result will be a simple feed reader which can be used in your blog or site to display your favorite feeds.

Dynamic Advanced Long Lists with Flex

This tutorial demonstrates how a developer can easily extend the prepackaged Flex library classes to achieve superior user interface results.

In this case, we’ll be creating an advanced datagrid which can make insanely long lists into manageable chunks and display them as paged lists. This tutorial deals with primarily AS3, but has a dose of php and mySQL to support back end functionality. The application will be able to store and recall the list’s shown columns, current page, sort orders and sort fields. Let’s go..

Build a Multi-Purpose Contact Form With Flex

In this tutorial we’ll be creating a custom Flex-built contact form. We’ll be implementing many of the fantastic built-in features of the Flex framework, such as the validation methods, the alert box and datefield components to give our contact form added functionality. We’ll also look into adjusting the CSS properties to give our application a unique look and style.

Build an XML Driven Contact List Using Flex 3

The goal in this tutorial is to built a contact list which loads dynamically from an external XML file. When the user selects a different contact, the data will automatically update to display properly. We’ll also be applying some basic stylesheet changes to the results and give the project a more customized touch.