Xu Cui

 

   



496 Stories by Xu Cui

Learning Employee Directory 3.3 Component

Return to table of contents 1. CustomAutoComplete This component can be very useful. It pops up a list of suggestions based on characters entered by the user. This is a very simple example on how to use it: <controls:CustomAutoComplete id="se
0 30 sec read

Learning Employee Directory 4. Flow

Return to table of contents After the application is initialized, Event “applicationComplete” is dispatched and the following function is called: // in employeedirectory.mxml ui.init(); Go to ApplicationUI.mxml, we find ui.init() issues t
0 10 sec read

Learning Employee Directory 5.1 Event bubble

Return to table of contents In ApplicationUI.mxml (init()), you will find the following two lines: // in ApplicationUI.mxml, in init() titleControls.addEventListener( "showHelp", showHelpScreen ); addEventListener( "close", closeP
0 24 sec read

Learning Employee Directory 3.2 Size

Return to table of contents Which line(s) in the code determines the size of the application? This seemingly simple question did take me some time. The answer lines in the following two lines: // in ApplicationUI.mxml <mx:vbox id="contentBox&
0 18 sec read

Learning Employee Directory 2.1 Singleton pattern

Return to table of contents While reading ED code, I frequently encounter singleton pattern. A singleton class is a class you can only instantiate once and it is useful to store application-wide data (say window position). ApplicationModel and all ma
0 41 sec read

Learning Employee Directory 3.1 Style

Return to table of contents CSS is very convenient to control the appearance of the user interface. Let’s see the following code snippet inside employeedirectory.css too see how to use styling. .appHelpButton { up-skin: Embed("/embed_asset
0 25 sec read

Learning Employee Directory 3. UI

Return to table of contents When I downloaded and launched ED, I was impressed by its elegant user interface. So how is implemented? The relevant files are: And the hierarchy of UI is shown below. I expand each custom component (except EmployeeView a
0 2 min read

Learning Employee Directory 2. Structure

Return to table of contents While most other Adobe AIR sample applications have only a single mxml file, ED has many folders and files. Here is the structure of the source code: We can see that the codes are grouped in different folders. The hierarch
0 3 min read

Learning Employee Directory 1. Introduction

Return to table of contents When I ran Employee Directory (ED) for the first time I was instantly impressed by its elegance. But when I started to read the code I found myself totally lost. While most other sample or tutorial applications provided by
0 54 sec read