Scripts

Sunday, January 9, 2011

10th jan-monday

Effects-, fade for image . For that put the <mx:fade id= "fade" duration="5000" /> above an image tag<mx:image>
and in image tag add " : ---> onCreationCompleteEffect="{fade}"

Friday, January 7, 2011

Model

The model contains the actual data, and for our example it should a class that hold list values. As I pointed out earlier we could use an ArrayCollection to store the list. For this we make an actionscript class named ListModel

The view should display model's changes and for this we mark the model class as [Bindable]. This is nice feature of ActionScript, no such thing in Java Swing.

Now, to add a new item in the list we simply nee an addElement function. In this example we make the model a singleton. This means that if we make more than one list they will share the same data.

01package org.bserban.flex.simplemvc.model
02 {
03     import mx.collections.ArrayCollection;
04     /**
05     * Model class used to store list data and to
06     * provide access to the list content.
07     *
08     * For demo purposes, we have only addElement.
09     */
10     [Bindable]
11     public class ListModel
12     {
13         public var items :ArrayCollection = new ArrayCollection();
14         private static var instance:ListModel;
15         public function ListModel(){
16             instance=this;
17         }
18         /**
19          * For this demo we treat this class as singletone.
20          * If list is reused the component that reuse it
21          * must keep reference to model and controler.
22          */
23         public static function getInstance():ListModel{
24             if(instance == null){
25                 instance = new ListModel();
26             }
27             return instance;
28         }
29 
30         /**
31          * Add a new element to the list, the model is bindable,
32          * no further actions are required, the view
33          * is notified automatically.
34          */
35         public function addElement(itm:String): void{
36             items.addItem(itm);
37             trace(" item added, now we have:"+items.length);
38         }
39     }
40 }

Controller

The controller is responsible for the interaction between view and model. In our case will make the validation of the text, it doesn't allow the view to add empty text into the list. Let's make a new class named Controller. As an exercise add also a sort function.

The controller holds a reference to the model and provides functions to the view. In a more advanced implementation the Controller would listen for events from the view and the decides what action should do.

01package org.bserban.flex.simplemvc.controller
02{
03import org.bserban.flex.simplemvc.model.ListModel 
04import mx.utils.StringUtil;
05 
06 public class Controller{
07 
08 private var model:ListModel = ListModel.getInstance();
09 /**
10 * Glue the interaction between view and model.
11 */
12 public function Controller(){
13 }
14 /*** add a new item into the list model.*/
15 public function addPerson(name:String):void{
16   if(name==null || StringUtil.trim(name).length==0){
17      trace("emptyname");
18   }else{           
19      model.addElement(name);
20   }
21 }
22}
23}  
24  

View

The view is the graphical representation of the component. Usually it is a an mxml file but it can be also an actions script file for advanced programmers. It binds his data to the model and use the controller to process the view events. Let's name it SimpleAirMVC.mxml. I added Air to its name because i decided to make an air project in Flex Builder.

01                <?xml version="1.0" encoding="utf-8"?>
02<mx:WindowedApplication
03xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
04height="226" width="235">
05     <mx:Script>
06         <![CDATA[
07         import mx.controls.List;
08         import org.bserban.flex.simplemvc.model.ListModel;
09         import org.bserban.flex.simplemvc.controller.Controller;
10         [Bindable]
11         private var model:ListModel = ListModel.getInstance();
12         private function clickHandler():void
13             {
14                 var controler:Controller = new Controller();
15                 controler.addPerson(personTxt.text);
16                 personTxt.text="";
17             }
18         ]]>
19     </mx:Script>
20     <mx:TextInput x="10" y="10" id="personTxt" text=""
21width="145"/>
22     <mx:Button x="163" y="10" label="Add" id="btnAdd"
23click="clickHandler()"/>
24     <mx:List x="10" y="40" width="218"
25dataProvider="{model.items}"></mx:List>
26</mx:WindowedApplication> 

This is a simple way to implement a MVC in a small application. Things can become more complicated if the application is big. If this is the case then you should look over Pure MVC framework or Cairngorm. They eliminate the dependencies between MVC layer by using events. It is an event driven approach.

You may download the source code here SimpleAirMVC

Certification Adobe Flex

Flex 4 ACE Exam - References - Topic objective-wise

1. Creating a User Interface (UI)

2. Flex system architecture and design

3. Programming Flex applications with ActionScript

4. Interacting with data sources and servers

5. Using Flex in the Adobe Integrated Runtime (AIR)

6. Other references

[Ctrl+Click on item to navigate to topic]

FIAW refer Flex in a Week video training

Docs mostly refer Using Flex 4

Download this document to local to view mouse over on each of the Doc links for reference path if accessed through Adobe Community Help application.

1. Creating a User Interface (UI)

• Identify and describe the basic UI controls used in a Flex application. (UI controls include: NumericStepper, TextInput, CheckBox, RadioButton).

Refer Actionscript API for TextInput, Numeric Stepper, CheckBox, RadioButton, RadioButtonGroup, Button, DataGrid, Image, RichEditableText, TextArea, ScrollBar

• Identify the purpose of UI containers and when to use them. (UI containers include: Group, SkinnableContainer, Application)

[Covered in next topic]

• Change the look and feel of a design by using API styles, style sheets, Spark skins, filters

and blends, and visual customizations by using Halo.

FIAW: Styling the visual display

Docs: Effects

Docs: Styles and themes

Docs: Spark Skinning

• Dynamically change the look of an application by using Spark view states, transitions and effects.

FIAW: Animating components and states

Docs: Spark effects

Docs: View states

Docs: Transitions

• Position UI elements by using constraint-based layout.

FIAW: Using constraints to control component layout

• Implement application navigation by using navigator containers.

FIAW: Creating and navigating "pages" in a UI

Docs: MX navigator containers

• Customize list-based controls. (Customizing includes: using editors, renderers, label

functions)

FIAW: Displaying data with the DataGroup container

FIAW: Displaying data with List-based control

Docs: Spark list-based controls

Docs: Custom Spark item renderers

Docs: MX item renderers and item editors

• Given a layout type, explain the differences and when to use that layout type. (Layout types include: percentage based, constraints based, and custom)

Docs: Laying out components

• Create a custom layout. (Including understanding the differences between container

and layout)

Creating a custom Spark layout

Flex 4 and custom layouts

Book: Flex 4 Cookbook, Chapter 3.7 Create a Custom Layout

2. Flex system architecture and design

• Create and use custom components by using MXML and ActionScript.

FIAW: Creating MXML custom components with ActionScript properties

Docs: Custom Flex components

Docs: Custom ActionScript components

Docs: Simple MXML components

Docs: Advanced MXML components

• Transfer data within an MXML component by using data bindings. (Including two way

binding)

FIAW: Generating an email address using data binding

FIAW: Using a two-way binding

Docs: Data binding

• Create, handle, and dispatch events, including developer created event classes that extend the Event class.

FIAW: Understanding event-driven development

• Identify and describe the implementation and purpose of common software design patterns that are used in Flex. (Design patterns include: Observer, Command, and Data transfer)

Book: Advanced ActionScript 3 with Design Patterns

Book: ActionScript 3.0 Design Patterns

• Understand the skinning architecture and the role of the SkinnableContainer class.

FIAW: Skinning Spark components

Docs: The Spark Group and Spark SkinnableContainer containers

Docs: Spark Skinning

Docs: Skinning MX components

• Given a method in the component lifecycle explain the purpose of and when to use that

method. (Methods include: CreateChildren, UpdateDisplayList)

Docs: About the component instantiation life cycle

Docs: Implementing the component

Flex 4 Component Lifecycle (Mrinal's Session)

The Flex Component Lifecycle

• Explain how modules are used in the development of a Flex application.

Docs: Modular applications

Docs: Comparing loaded applications to modules

• Explain the use case and development workflow for building a custom preloader.

Docs: Showing the download progress of an application

Creating a preloader in Flash

Custom Preloader in Flex 4?

Flex 4 Custom Preloader

3. Programming Flex applications with ActionScript

• Define and extend an ActionScript class.

• Implement an ActionScript interface.

• Use access modifiers with classes and class members.

• Implement data transfer objects.

• Implement accessor methods in ActionScript. (Methods include: explicit and implicit getter and setter)

Declaring class methods

[Currently link to original document is broken, so I uploaded it in Google Docs]

• Use an ArrayCollection to sort, filter, and provide data.

Docs: Working with data views

• Implement data validation.

Docs: Validating Data

• Manipulate XML data by using E4X.

Docs: Working with XML

• Implement events that function properly in the Flex event framework. (Including:

extends the Event class, call super(), override clone())

FIAW: Understanding event-driven development

FIAW: Extending events

Event handling example: Alarm Clock

4. Interacting with data sources and servers

• Implement real-time messaging by using producers and consumers.

Using the Message Service

• Explain the importance of and implement data paging on data sets.

[References needed]

Managing the access of data from the server

Built in Data Paging using Flash Builder 4

Adobe TV: Data Paging in Flash Builder 4

• Understand synchronization and online/offline use cases using data management.

[References needed]

• Interact with remote data and services by using Remote Procedure Call (RPC) services.

(Services include: HTTPService, WebService, RemoteObject, URLRequest)

FIAW: Sending remote data

Accessing server-side data

HTTP services and web services

Remote objects

Data Management Service clients

Refer Actionscript API for URLRequest

• Read, write, and upload local files from the local file system by using Flash Player 10 API.

(Including: the use of file filters)

Using the FileReference class

Refer Actionscript API for FileReference, FileReferenceList, FileFilter

AIR Doc references can be obtained from http://help.adobe.com/en_US/AIR/1.5/devappsflex/index.html

Or http://livedocs.adobe.com/flex/3/html/help.html

There is no difference in actual content apart from formatting.

Doc link from Adobe Developer Connection / AIR Developer Center / Adobe AIR documentation http://help.adobe.com/en_US/air/build/index.html is not comphrehensive.

5. Using Flex in the Adobe Integrated Runtime (AIR)

• Given a scenario, compile and export a release build of an AIR application. (Scenarios

include: Using Flex Builder, from the command line)

Developing AIR applications with Flash Builder

Creating an AIR application using the command-line tools

• Create, populate, and delete files and directories on a local file system.

Developing AIR applications with Flex / Files and data / Working with the file system

• Create and customize native windows and menus.

Developing AIR applications with Flex / Windows, menus, and taskbars / Working with native windows, Working with native menus

• Adding drag-and-drop functionality to and from the desktop.

Developing AIR applications with Flex / Files and data / Drag and Drop

• Install, uninstall, and update an AIR application.

Developing AIR applications with Flex / Distributing and updating applications

• List and describe the AIR security contexts.

Developing AIR applications with Flex / Application development essentials / AIR security

• Create, connect to, and define a local database.

• Add, update, and remove records from local database.

Developing AIR applications with Flex / Files and data / Working with local SQL databases

SQL support in local databases

6. Other references:

[Helpful in solving questions from Attest]

Docs: LCDS Application directory structure

Docs: Improving startup performance

Docs: About Spark and MX containers

Docs: Keywords and reserved words

Docs: Custom validators

Docs: Embedding assets

Docs: Using the Repeater component

Docs: The Spark DataGroup and Spark SkinnableDataContainer containers

Docs: Formatting Data

Create pdf

create pdf

Thursday, January 6, 2011

blogs i visited for flex

http://blog.saurabhnarula.com/
   super blog for flex ....
http://sdflex.org/blog/category/flex/page/2
            need to have a lot to read...........
http://blog.binaryneuron.com/samples/flex/video-player/
           got examples for flex
http://weblog.mrinalwadhwa.com/2009/12/01/custom-components-in-flex-4/
            mrinal-custom components
http://debabrataa.blogspot.com/
           lot of books and materials i found
http://www.jamesward.com/
             a very good blog from where i got paint application in flex :)
http://blog.anupamshah.net/

http://saumyaray.wordpress.com/2009/12/12/flex-basics-difference-and-similarities-with-flash/
      from where i got link to make a page to pdf

JAN-15-2011
graphics

dEGRAFA
http://www.juanchez.com/2010/07/30/using-spark-skins-for-flex-3-components/

graphics

wave
http://www.senthilvelan.com/apps/FlexWave/FlexWave.html

spotlit
http://www.senthilvelan.com/apps/SpotLight/SpotLight.html

Quotes!!!!!!!!!!! Listen

Failure is an option, but fear is not!

curiosity is the most powerful thing you own.

imagination is the force that can manifest the reality.

respect of your team is more important than all the laurels in the world.

do not put limitations on yourself, others will do it for you, dont do it to yourself, take risk.

failure is not an option?, failure has to be an option, in art and exploration coz its a leap of faith, no important endeavorer involving innovation has been done without taking a risk, you hav to be willing to take risk.

Monday, December 27, 2010

OUR LIFE

When the journey began the eyes of my mind was so small it could not forsee waht is going t o happen next .
But i was happy ........,iam happy nw because i know hat ever hapens in my life its because of my thoughts ,
what i thinks most will definitely come to our life , no had came to my life .

life is a strange mystery but that statemet itself is foolish ......why i say is life is like a folded thing but we can make it open in our way ,use your heart to open your way of life........

my heart my soul decides where i belongs i had done mistakes but that also is a part of my life... i love it i love it.... i am loving me i love me alot . do you love your self if not you cannot love anything any one.......
Stay alive enjoy this life........