Saturday, December 31, 2011

Creating a Flex AIR text editor: Part 82

In this tutorial we will add the Zoom In and Zoom Out features which will basically increase or decrease font size using buttons in tabbar, hotkeys and mouse wheel.

Saturday, December 24, 2011

Creating a Flex AIR text editor: Part 75

In this tutorial we will make it so that the page icons in tabs change their color depending on the file's 'saved' flag, as well as make the status bar display the encoding.

Saturday, December 17, 2011

Creating a Flex AIR text editor: Part 68

In this tutorial we will fix a bug with closing tabs that appeared possibly as a result of changes to the code, as well as start working on the "Recent files" feature.

Friday, December 16, 2011

Creating a Flex AIR text editor: Part 67

In this tutorial we will add some protection against feature misuse, specifically - we will enable and disable the cut, copy and paste buttons everywhere in our application when needed.

Tuesday, December 13, 2011

Creating a Flex AIR text editor: Part 64

Today we will add the feature which selects the search results in the text area and lets the user scroll through them using Next and Previous buttons.

Saturday, December 3, 2011

Creating a Flex AIR text editor: Part 54

In this tutorial we will change a lot of things. First of all, we're removing all database placeholders we had. Secondly, we will add 'move up' and 'move down' arrows to the snippets window for the categories and snippets. Thirdly, we will add code which turns these arrows enabled and disabled when needed.

Wednesday, November 30, 2011

Creating a Flex AIR text editor: Part 51

In this tutorial we will make the snippets and categories not just appear in the tree, but sort themselves according to their snippetPosition and categoryPosition values.

Monday, November 28, 2011

Creating a Flex AIR text editor: Part 49

In the previous few tutorials we've started working on the snippets system using SQL and XML. Today we will rethink and redesign the structure of the snippet system.

Saturday, November 26, 2011

Creating a Flex AIR text editor: Part 47

In this tutorial we will work on the SnippetWindow class. We will add the ability to add new snippets and add new categories, as well as drag and drop the items in the tree.

Friday, November 25, 2011

Creating a Flex AIR text editor: Part 46

In this tutorial we continue working on the snippets feature: we will actually add the ability to insert the text into the text area when a snippet is selected, and we will also create a snippet window.

Tuesday, November 22, 2011

Creating a Flex AIR text editor: Part 43

In this tutorial we will do several things: fix the closing multiple tabs problem, add Save and Duplicate features to the context menu when right clicked on a tab, and update the title of the application to display the name of the file that is currently being edited.

Saturday, November 19, 2011

Saturday, November 12, 2011

Creating a Flex AIR text editor: Part 33

In this tutorial we will continue working on the undo/redo functionality and make sure that absolutely all edit commands (inserting text, deleting, cutting, pasting, etc) work fine and are undoable and redoable.

Saturday, November 5, 2011

Friday, November 4, 2011

Monday, October 31, 2011

Creating a Flex AIR text editor: Part 21

In this tutorial we will add more functionality to the list control on the side pane - the user will now be able to select and remove items from the list.

Sunday, October 30, 2011

Creating a Flex AIR text editor: Part 20

In this tutorial we will add a List component to the side pane and make it display the tab data, as well be in synchronisation with the tab bar (have the same item selected as the tab bar does). In this tutorial we will also fix the tab closing problem (it only closed selected tabs when the user uses the "X" button, regardless of which tab the button was on).

Friday, October 28, 2011

Creating a Flex AIR text editor: Part 18

In this tutorial we will do two things - firstly we will make it so that each untitled tab gets numbered, so that there won't be two same tabs. The second thing we're going to do is ask for confirmation for each unsaved tab's closing when the user tries to close the main application.

Wednesday, October 26, 2011

Monday, October 24, 2011

Creating a Flex AIR text editor: Part 14

In this tutorial we will make our application run faster by optimizing the existing code a little, and also add the ability to create new tabs and change/save text and selection data among the tabs.

Sunday, October 23, 2011

Creating a Flex AIR text editor: Part 13

In this tutorial we will add close buttons to our tabs in the tabbar, dispatch and catch events when the user closes a tab and determine which tab exactly was closed by reading its unique personal data from the ArrayCollection.

Friday, October 21, 2011

Creating a Flex AIR text editor: Part 11

In this tutorial we will add functionality to the "Apply" button in the fonts window, as well as make sure that the font settings save and load correctly, and make sure that all the settings we set are actually used on the text area.

Thursday, October 20, 2011

Creating a Flex AIR text editor: Part 10

In this tutorial we will create a new preference variable in our SharedObject that is responsible for font settings, and make all the font components in the FontWindow.mxml document take the values from that variable when the window is opened.

Monday, October 17, 2011

Creating a Flex AIR text editor: Part 7

In this tutorial we will add some functionality to our status bar and make it display status messages, as well as caret position in the text field (only when word wrapping is off).

Thursday, October 13, 2011

Monday, October 10, 2011

Sunday, October 9, 2011

Creating a contact book using Flex, AIR and SQLite database: Part 15

In this tutorial we will do 2 things to our contact book application - make the program remember the backup limit that the user has set, and fix special character issue when importing and exporting XML files.

Friday, September 30, 2011

Creating a contact book using Flex, AIR and SQLite database: Part 6

In this tutorial we will learn how to keep sorting options when updating data in our AdvancedDataGrid and we tweak our contact book a little more.

Thursday, September 29, 2011

Creating a contact book using Flex, AIR and SQLite database: Part 5

Today we continue making our Flex AIR contact book application and specifically in this tutorial we will change the existing List to an AdvancedDataGrid control.

Sunday, September 25, 2011

Creating a contact book using Flex, AIR and SQLite database: Part 1

This is the start of a tutorial series of making an SQLite database powered application with Flex AIR. Today we set the layout for our application and set up the SQL connection.

Saturday, September 24, 2011

Monday, August 29, 2011

Saturday, August 27, 2011

Animation in Flex 4: Part 2

In this tutorial you will continue learning about animations - you will learn how to change the speed of the animation, as well as use pre-defined shorter animation tags.

Monday, August 22, 2011

Tuesday, August 16, 2011

Monday, August 15, 2011

Saturday, August 13, 2011

Skins in Flex: Part 2

In the previous tutorial we've created our first skin for a Button, which only consisted of a Label object. Today we will continue skinning it and learn how to draw shapes programmatically.

Friday, August 12, 2011

Thursday, August 11, 2011

Thursday, August 4, 2011

Saturday, July 30, 2011

Drag and Drop in Flex: Part 5

In today's tutorial we will continue making the Label-to-List drag and drop application from the previous tutorial.

Thursday, July 28, 2011

Drag and Drop in Flex: Part 3

In this tutorial we will learn how to allow the user to drag and drop rows from a DataGrid control into a List control.

Wednesday, July 27, 2011

Drag and Drop in Flex: Part 2

In this tutorial we will learn how to implement the Drag and Drop functionality to work between 2 DataGrid components.

Monday, July 25, 2011

Sunday, July 24, 2011

Saturday, July 23, 2011

Friday, July 22, 2011

Thursday, July 21, 2011

Tuesday, July 19, 2011

AdvancedDataGrid in Flex: Part 1

Today we will start learning about a more advanced and flexible version of DataGrid component, AdvancedDataGrid.

Monday, July 18, 2011

Sunday, July 17, 2011

DataGrid in Flex: Part 4

In today's tutorial we will add a button to each row that removes the respective Object from the ArrayCollection.

Sunday, July 10, 2011

DataGroups in Flex: Part 1 - Introduction, Using the List component

In this tutorial we are going to start learning about DataGroups. Specifically, we will learn about ways of displaying data using the List component.

Friday, July 8, 2011

Saturday, July 2, 2011

Friday, July 1, 2011

XML in Flex: Part 5 - Using XMLListCollection

In the previous tutorials, we have learned how to access the XML data that we load into our application. Once the data is loaded, we need to operate with it and, most of the time, display the information to the user. One way of doing this is using the XMLListCollection class.

Thursday, June 30, 2011

XML in Flex: Part 4 - Using the XML loaded at runtime

In the previous tutorial we've learned how to load external XML data at runtime and today we will learn how to retreive the results.

Wednesday, June 29, 2011

XML in Flex: Part 3 - Loading XML at runtime

In the previous two tutorials we've learned how to use XML in your Flex application using Objects and XML, but in both cases we were embedding the data into the final Flex application. Today we will learn how to use XML that is loaded at runtime.

Monday, June 27, 2011

Sunday, June 26, 2011

Saturday, June 25, 2011

Creating custom events using Actionscript 3: Part 2

Last time we've learned the basics of creating custom events in AS3 - we have the idea on how the process goes. Today we'll learn how to make more complex custom event classes.

Friday, June 24, 2011

Creating custom events using Actionscript 3: Part 1

When I was writing about events in Flex, I realised that I haven't written a tutorial about creating custom events using AS3. In this tutorial, I will show you how to do that.

Thursday, June 23, 2011

Events in Flex: addEventListener() in Flex

In this tutorial we'll learn how to use addEventListener() to add event listeners for Flex components. In other words, we'll add listeners using AS3.

Tuesday, June 21, 2011

Events in Flex: User Events

In Flex - there are 2 types of Events - user events and system events. In this tutorial, we'll learn about handling the user events.

Sunday, June 19, 2011

Wednesday, June 15, 2011

Monday, June 13, 2011

Using Actionscript in Flex

In the last tutorial we created a simple "Hello world" application using just mxml. Let's add some interactivity today.

Wednesday, June 8, 2011