Action Script custom components

You can create custom components by define Action Script class.

Action Script custom components

Flex Custom Components using Action Script:-

You can create custom components by define Action Script class. User can create two type of custom components. First is visual custom components like Button, LinkButton, CheckBox, ComboBox etc. components  and second is nonvisual components like formatter, validators subclasses. In this tutorial we have create a custom ButtonBar component. The process is that you will create a subclass of the Action Script component class and methods for the these custom components. If user want to used properties for that components then declear variable name and create setter and getter method for that custom components.

Example:-

buttonbar.as class code

package custocumponent

{

import flash.events.MouseEvent;

import mx.controls.Alert;

import mx.controls.Button;

import mx.controls.ButtonBar;

public class buttonBar extends ButtonBar {

public function buttonBar() {

super();

var mybutton1:Button = new Button();

mybutton1.label = "Submit";

this.addChild(mybutton1);

var mybutton2:Button = new Button();

mybutton2.label = "Login";

this.addChild(mybutton2);

var mybutton3:Button = new Button();

mybutton3.label = "Register";

this.addChild(mybutton3);

}

}

}

mainapplication.mxml code:

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"

xmlns:MyComp="custocumponent.*"> 0

<MyComp:buttonBar/>

</mx:Application>

User download this code and run the output is: 1

Download this code

Tutorials

  1. Action Script custom components
  2. Flex Tutorials
  3. Login.mxml
  4. Performing Object Introspection
  5. For..in loop
  6. How to display on textbox using ObjectUtil class
  7. Introducing Flex
  8. Downloading and Installing Flex
  9. Flex Example
  10. Flex Combo Box example
  11. Flex wipe behavior example
  12. Flex Validator example
  13. Flex Tab Navigator example
  14. Flex Cascading Style Sheets example
  15. Flex Alert Box example
  16. Flex Remove Event Listener example
  17. Flex dispatch event example
  18. Flex Custom mxml tags example
  19. Flex current target property example
  20. Flex Circle drawing example
  21. Flex adding single event on varied components Example
  22. Flex Add Event Listener example
  23. Action Script 'source' attribute example
  24. Action Script 'include' statement example
  25. Flex combobox selecteditem
  26. Flex data binding example
  27. Compiling MXML files with FlexBuilder
  28. Flex Handling KeyboardEvents
  29. Flex checkbox control example
  30. Flex event phase detection example
  31. Explore key & mouse with Flex
  32. Flex KeyboardEvent Listener
  33. Flex KeyboardEvent properties
  34. Flex target property example
  35. Flex terminating event flow example
  36. Downloading and Installing Flex Builder
  37. Eclipse flex ant coding example
  38. Flex Container
  39. Flex Introduction
  40. What are Flex Containers