Adding Parameters (Inspectable) to a Custom Component?

Question

Hi --
I am attempting to build a custom component just to learn a
little more
about AS 3.0. I can not figure out where / how in my package
declarations I
can "expose" parameters that will be visible to the user in
the Flash IDE
when using my component.
Thanks
Rich

Answer 1

Hi Richard ,
there is a pretty cool livedoc about component creation in as
3 :
http://www.adobe.com/devnet/flash/articles/creating_as3_components.html
setting up the inspectables is the same as it was in as2
i am doing it in my controller :
[as]
package mat3d.yugopReel {
import flash.display.*;
import flash.text.TextField;
import flash.events.Event;
import flash.events.MouseEvent;
import fl.core.InvalidationType;
import fl.core.UIComponent;
import fl.data.DataProvider;
import fl.events.ComponentEvent;
import fl.containers.UILoader;
import mat3d.yugopReel.model.MainModel;
public class ScrollReel extends UIComponent {
public var dataProvider : DataProvider;
public var RIG : Sprite;
public var LeftBTN : Sprite;
public var RightBTN : Sprite;
public var myModel : mat3d.yugopReel.model.MainModel;
private var _background : Sprite;
private var _tf : TextField;
public var _AutoScroll : Boolean;
public var _StepControl : Boolean;
private var _FileType : String;
public var _File : String;
private var _text : String;
public var _ScrollInit : String;
public var _StepBehaviour : String;
public var _PictureSize : String;
public var _ScrollTime : Number;
public var abstand_x : Number = 90.3;
public var abstand_y : Number = 125;
public var ConfigData : Array;
public function ScrollReel() {
super();
alpha = 0;
myModel = new mat3d.yugopReel.model.MainModel(this);
>> start get set INSPECTABLES
AutoScroll start
public function get AutoScroll() : Boolean {
return _AutoScroll;
myPropInit.AutoScroll = true;
public function set AutoScroll(value : Boolean) : void {
_AutoScroll = value;
myPropInit.AutoScroll = true;
[Inspectable(name="AutoScroll",defaultValue="false",type="Boolean")]
AutoScroll end
FileType start
public function get FileType() : String {
return _FileType;
myPropInit.FileType = true;
public function set FileType(value : String) : void {
_FileType = value;
myPropInit.FileType = true;
[Inspectable(name="FileType",defaultValue="XML",type="String")]
FileType end
Filestart
public function get File() : String {
return _File;
myPropInit.File = true;
public function set File(value : String) : void {
_File = value;
myPropInit.File = true;
init();
[Inspectable(name="File",defaultValue="",type="String")]
File end
Width start
public function get Width() : Number {
return width;
myPropInit.Width = true;
public function set Width(value : Number) : void {
width = value;
//trace("setWidth >>>" + width);
myPropInit.Width = true;
[Inspectable(name="Width",defaultValue="250",type="Number")]
Width end
Height start
public function get Height() : Number {
return height;
myPropInit.Height = true;
public function set Height(value : Number) : void {
height = value;
trace("setHeight >>>" + height);
myPropInit.Height = true;
[Inspectable(name="Height",defaultValue="50",type="Number")]
Height end
ScrollTime start
public function get ScrollTime() : Number {
return _ScrollTime;
myPropInit.ScrollTime = true;
public function set ScrollTime(value : Number) : void {
_ScrollTime = value;
myPropInit.ScrollTime = true;
[Inspectable(name="ScrollTime",defaultValue="0.2",type="Number")]
ScrollTime end
ScrollInit start
public function get ScrollInit() : String {
return _ScrollInit;
myPropInit.ScrollInit = true;
public function set ScrollInit(value : String) : void {
_ScrollInit = value;
myPropInit.ScrollInit = true;
[Inspectable(name="ScrollInit",defaultValue="_x",type="String")]
ScrollInit end
PicSize start
public function get PictureRatio() : String {
return _PictureSize;
myPropInit.PictureSize = true;
public function set PictureRatio(value : String) : void {
_PictureSize = value;
myPropInit.PictureSize = true;
[Inspectable(name="PictureSize",defaultValue="",type="String")]
PictureSize end
Step Controll start
public function get StepControl() : Boolean {
return _StepControl;
myPropInit.StepControl = true;
public function set StepControl(value : Boolean) : void {
_StepControl = value;
myPropInit.StepControl = true;
[Inspectable(name="StepControl",defaultValue="false",type="Boolean")]
Step Controll end
Step Behaviour start
public function get StepBehaviour() : String {
return _StepBehaviour;
myPropInit.StepBehaviour = true;
public function set StepBehaviour(value : String) : void {
_StepBehaviour = value;
myPropInit.StepBehaviour = true;
[Inspectable(name="StepBehaviour",defaultValue="easeInOutQuad",type="String")]
Step Behaviour end
DataProviderstart
public function get DataProvider() : Object {
return DataProvider;
public function set DataProvider(value : Object) : void {
DataProvider = value;
myPropInit.StepBehaviour = true;
[Inspectable(name="DataProvider",defaultValue="",type="Collection")]
DataProvider end
>> end get set INSPECTABLES
private function init() : void {
myModel .handleData();
public override function toString() : String {
return super.toString();
[/as]
bw
matthias