http://www.google.com/search?sourceid=navclient&ie=UTF-8&rls=RNWN,RNWN:2006-39,RNWN:en&q=Animal+Kingdom+%2d+Tree+of+Life+

I am trying to add the ability of skinning through AS like:

window1.setStyle(”lBarSkin”, leftbarsilver);

leftbarsilver being a movieclip in the library exported for as. Any help is greatly appreciated. Thanks.

Basically this code builds a windows message window.

package {
import fl.controls.ScrollBar;
import fl.controls.UIScrollBar;
import fl.controls.ScrollPolicy;
import fl.controls.ScrollBarDirection;
import fl.controls.TextInput; //Only for ASDocs
import fl.core.InvalidationType;
import fl.core.UIComponent;
import fl.events.ComponentEvent;
import fl.events.ScrollEvent;
import fl.managers.IFocusManager;
import fl.managers.IFocusManagerComponent;
import flash.display.DisplayObject;
import flash.events.Event;
import flash.events.TextEvent;
import flash.events.KeyboardEvent;
import flash.events.MouseEvent;
import flash.events.FocusEvent;
import flash.system.IME;
import flash.text.TextField;
import flash.text.TextFieldType;
import flash.text.TextFormat;
import flash.text.TextLineMetrics;
import flash.ui.Keyboard;

import flash.display.*;
import flash.events.*;
import flash.text.*;
import flash.xml.*;
import flash.net.*;
import flash.filters.*;
import flash.geom.*;
import fl.controls.UIScrollBar;
import fl.core.UIComponent;

import fl.controls.ScrollBar;
import fl.controls.ScrollPolicy;

[Event(name="change", type="flash.events.Event")]

[Event(name="textInput", type="flash.events.TextEvent")]

[Event(name= "enter", type="fl.events.ComponentEvent")]

[Event(name="scroll", type="fl.events.ScrollEvent")]

[Style(name="upSkin", type="Class")]

[Style(name="disabledSkin", type="Class")]

[Style(name="textPadding", type="Number", format="Length")]

[Style(name="embedFonts", type="Boolean")]

[Style(name="lBarSkin", type="Class")]
[Style(name="rBarSkin", type="Class")]
[Style(name="tHSkin", type="Class")]
[Style(name="tLSkin", type="Class")]
[Style(name="bBarSkin", type="Class")]
[Style(name="mBodySkin", type="Class")]
[Style(name="rCSkin", type="Class")]
[Style(name="lCSkin", type="Class")]

public class XpMessageWindow extends UIComponent {

protected var _editable:Boolean = true;

protected var _wordWrap:Boolean = true;

protected var _verticalScrollPolicy:String = ScrollPolicy.AUTO;

protected var _windowsThemeColor:String = “Blue”;

protected var _verticalScrollBar:UIScrollBar;

protected var _html:Boolean = false;

protected var _savedHTML:String;

protected var textHasChanged:Boolean = false;

private var defaultIt:TextFormat = new TextFormat(”Arial”, 12, 0×006600, false, false, false, “”, “”, “left”, 0, 0, 0, 0);

private static var defaultStyles:Object = {
upSkin:”TextArea_upSkin”,
disabledSkin:”TextArea_disabledSkin”,
focusRectSkin:null,
focusRectPadding:null,
textFormat:”defaultIt”, disabledTextFormat:null,
textPadding:3,
embedFonts:false
};

protected static var winDefaultStyles:Object = {
lBarSkin:”leftbar”,
rBarSkin:”rightbar”,
tHSkin:”toplevelblue”,
tLSkin:”lowlevelblue”,
bBarSkin:”bottombar”,
mBodySkin:”mBodyWin”,
rCSkin:”rightcorner”,
lCSkin:”leftcorner”
};

protected static const SCROLL_BAR_STYLES:Object = {
downArrowDisabledSkin:”downArrowDisabledSkin”,
downArrowDownSkin:”downArrowDownSkin”,
downArrowOverSkin:”downArrowOverSkin”,
downArrowUpSkin:”downArrowUpSkin”,
upArrowDisabledSkin:”upArrowDisabledSkin”,
upArrowDownSkin:”upArrowDownSkin”,
upArrowOverSkin:”upArrowOverSkin”,
upArrowUpSkin:”upArrowUpSkin”,
thumbDisabledSkin:”thumbDisabledSkin”,
thumbDownSkin:”thumbDownSkin”,
thumbOverSkin:”thumbOverSkin”,
thumbUpSkin:”thumbUpSkin”,
thumbIcon:”thumbIcon”,
trackDisabledSkin:”trackDisabledSkin”,
trackDownSkin:”trackDownSkin”,
trackOverSkin:”trackOverSkin”,
trackUpSkin:”trackUpSkin”,
repeatDelay:”repeatDelay”,
repeatInterval:”repeatInterval”
};

public static function getStyleDefinition():Object {
return UIComponent.mergeStyles(defaultStyles, ScrollBar.getStyleDefinition());
return winDefaultStyles;
}

public static var createAccessibilityImplementation:Function;

public function XpMessageWindow() {
super();
trace(”new window”);
}
//my variables
public var windowMC:MovieClip;
public var choiceBtnMC:MovieClip;
public var closeBtn:MovieClip;

private var mBody:MovieClip;
private var blueHigh:MovieClip;
private var blueLow:MovieClip;
private var rCorner:MovieClip;
private var lCorner:MovieClip;
private var bBar:MovieClip;
private var rBar:MovieClip;
private var lBar:MovieClip;
private var x_close:MovieClip;

private var backDrop:Sprite;

public var msgTxt:TextField;

private var whiteTitle:TextFormat = new TextFormat();

private var blackTitle:TextFormat = new TextFormat();

private var blackBody:TextFormat = new TextFormat();

private var bodyTxtFormat:TextFormat = new TextFormat();

private var titleTxtFormat:TextFormat = new TextFormat();

//end my variables

//my inspectables
[Inspectable(name="Body Width",type="Number",defaultValue=300)]
public var bodyWidth:Number=300;

[Inspectable(name = "Main Body Height", type="Number", defaultValue=100)]
public var bodyHeight:Number = 100;

[Inspectable(name = "Message Title Text", type="String", defaultValue="Message Window Title")]
public var titletext:String = “Message Window Title”;

[Inspectable(name = "Window Response Button Text", type="String", defaultValue="OK")]
public var btnTxt:String = “OK”;

/*[Inspectable(name = "Windows Theme Color", defaultValue="Blue", enumeration="Blue,Silver,Olive Green")]
public function get windowsThemeColor():String {
return _windowsThemeColor;
}*/

//backdrop or not
[Inspectable(name="Backdrop?",type="Boolean",defaultValue="false")]
public var backDropVar:Boolean = false;

[Inspectable(name="Backdrop Alpha Value",type="Number",defaultValue=.75)]
public var bDAlpha:Number = .75;

[Inspectable(name="BackDrop Color",type="uint",defaultValue=0x000000)]
public var bDColorVal:uint = 0×000000;

//body text format options
[Inspectable(name = "Message Text Font", type="String", defaultValue="Arial")]
public var txtFont:String = “Arial”;

[Inspectable(name = "Message Text Color", type="uint", defaultValue=0x000000)]
public var txtColor:uint = 0×000000;

[Inspectable(name = "Message Text Size", type="Number", defaultValue=12)]
public var txtSize:Number = 12;

//title text format options
[Inspectable(name = "Title Text Font", type="String", defaultValue="Arial")]
public var titleTxtFont:String = “Arial”;

[Inspectable(name = "Title Text Color", type="uint", defaultValue=0x000000)]
public var titleTxtColor:uint = 0xFFFFFF;

[Inspectable(name = "Title Text Size", type="Number", defaultValue=12)]
public var titleTxtSize:Number = 14;
//end my inspectables

public function get verticalScrollBar():UIScrollBar {
return _verticalScrollBar;
}

[Inspectable(defaultValue=true, verbose=1)]

override public function get enabled():Boolean {
return super.enabled;
}

override public function set enabled(value:Boolean):void {
super.enabled = value;
mouseChildren = enabled; //Disables mouseWheel interaction.
invalidate(InvalidationType.STATE);
}

[Inspectable(name="Non-HTML Text",defaultValue="")]

public function get text():String {
return msgTxt.text;
}

public function set text(value:String):void {
if (componentInspectorSetting && value == “” {
return;
}

msgTxt.text = value;
_html = false;
invalidate(InvalidationType.DATA);
invalidate(InvalidationType.STYLES);
textHasChanged = true;
}

[Inspectable(name="Message Body Text")]

public function get htmlText():String {
return msgTxt.htmlText;
}

public function set htmlText(value:String):void {
if (componentInspectorSetting && value == “” {
return;
}
if (value == “” {
text = “”;
return;
}
_html = true;
_savedHTML = value;
msgTxt.htmlText = value;
invalidate(InvalidationType.DATA);
invalidate(InvalidationType.STYLES);
textHasChanged = true;
}

[Inspectable(defaultValue="auto", enumeration="auto,on,off")]

public function get verticalScrollPolicy():String {
return _verticalScrollPolicy;
}

public function set verticalScrollPolicy(value:String):void {
_verticalScrollPolicy = value;
invalidate(InvalidationType.SIZE);
}

public function get verticalScrollPosition():Number {
return msgTxt.scrollV;
}

public function set verticalScrollPosition(value:Number):void {
// We must force a redraw to ensure that the size is up to date.
drawNow();
msgTxt.scrollV = value;
}

public function get textWidth():Number {
drawNow();
return msgTxt.textWidth;
}

public function get textHeight():Number {
drawNow();
return msgTxt.textHeight;
}

public function get length():Number {
return msgTxt.text.length;
}

public function get maxVerticalScrollPosition():int {
return msgTxt.maxScrollV;
}

[Inspectable(name="Word Wrap?",defaultValue="true")]

public function get wordWrap():Boolean {
return _wordWrap;
}

public function set wordWrap(value:Boolean):void {
_wordWrap = value;
invalidate(InvalidationType.STATE);
}

public function getLineMetrics(lineIndex:int):TextLineMetrics {
return msgTxt.getLineMetrics(lineIndex);
}

public function appendText(text:String):void {
windowMC. msgTxt.appendText(text);
invalidate(InvalidationType.DATA);
}

override protected function configUI():void {
super.configUI();
tabChildren = true;

windowMC=new MovieClip();
backDrop=new Sprite();
stage.addChild(backDrop);
stage.addChild(windowMC);

msgTxt = new TextField();
windowMC.addChild(msgTxt);
updateTextFieldType();

_verticalScrollBar = new UIScrollBar();
_verticalScrollBar.name = “V”;
_verticalScrollBar.visible = false;
_verticalScrollBar.focusEnabled = false;
copyStylesToChild(_verticalScrollBar, SCROLL_BAR_STYLES);
_verticalScrollBar.addEventListener(ScrollEvent.SCROLL,handleScroll,false,0,true);
windowMC.addChild(_verticalScrollBar);

msgTxt.addEventListener(TextEvent.TEXT_INPUT, handleTextInput, false, 0, true);
msgTxt.addEventListener(Event.CHANGE, handleChange, false, 0, true);
msgTxt.addEventListener(KeyboardEvent.KEY_DOWN, handleKeyDown, false, 0, true);

_verticalScrollBar.scrollTarget = msgTxt;
addEventListener(MouseEvent.MOUSE_WHEEL, handleWheel, false, 0, true);
}

protected function updateTextFieldType():void {
with(windowMC) {
msgTxt.type = (enabled && _editable) ? TextFieldType.INPUT : TextFieldType.DYNAMIC;
msgTxt.selectable = enabled;
msgTxt.wordWrap = _wordWrap;
msgTxt.multiline = true;
}
}

protected function handleKeyDown(event:KeyboardEvent):void {
if (event.keyCode == Keyboard.ENTER) {
dispatchEvent(new ComponentEvent(ComponentEvent.ENTER, true));
}
}

protected function handleChange(event:Event):void {
event.stopPropagation(); // so you don’t get two change events
dispatchEvent(new Event(Event.CHANGE, true));
invalidate(InvalidationType.DATA);
}

protected function handleTextInput(event:TextEvent):void {
event.stopPropagation();
dispatchEvent(new TextEvent(TextEvent.TEXT_INPUT, true, false, event.text));
}

protected function handleScroll(event:ScrollEvent):void {
dispatchEvent(event);
}

protected function handleWheel(event:MouseEvent):void {
if (!enabled || !_verticalScrollBar.visible) { return; }
_verticalScrollBar.scrollPosition -= event.delta * _verticalScrollBar.lineScrollSize;
dispatchEvent(new ScrollEvent(ScrollBarDirection.VERTICAL, event.delta * _verticalScrollBar.lineScrollSize, _verticalScrollBar.scrollPosition));
}

protected function setEmbedFont() {
var embed:Object = getStyleValue(”embedFonts”);
if (embed != null) {
msgTxt.embedFonts = embed;
}
}

override protected function draw():void {
trace(’Message Window : draw’);
if (isInvalid(InvalidationType.STATE)) {
updateTextFieldType();
}

if (isInvalid(InvalidationType.STYLES)) {
setStyles();
setEmbedFont();
}

if (isInvalid(InvalidationType.STYLES, InvalidationType.STATE)) {
drawTextFormat();
invalidate(InvalidationType.SIZE, false);
}

if (isInvalid(InvalidationType.SIZE, InvalidationType.DATA)) {
drawLayout();
}

super.draw();

}

protected function setStyles():void {
copyStylesToChild(_verticalScrollBar, SCROLL_BAR_STYLES);
}

protected function drawTextFormat():void {
// Apply a default textformat
var uiStyles:Object = UIComponent.getStyleDefinition();
var defaultTF:TextFormat = enabled ? uiStyles.defaultTextFormat as TextFormat : uiStyles.defaultDisabledTextFormat as TextFormat;
msgTxt.setTextFormat(defaultTF);

var tf:TextFormat = getStyleValue(enabled?”textFormat”:”disabledTextFormat” as TextFormat;
if (tf != null) {
msgTxt.setTextFormat(tf);
} else {
tf = defaultTF;
}
msgTxt.defaultTextFormat = tf;

setEmbedFont();
if (_html) {
msgTxt.htmlText = _savedHTML;
}
}

protected function drawLayout():void {
trace(’Message Window : drawLayout’);
if (backDropVar == true) {
backDrop.graphics.beginFill(bDColorVal, bDAlpha);
backDrop.graphics.drawRect(0,0,stage.stageWidth,stage.stageHeight);
backDrop.graphics.endFill();
}
mBody = new mBodyWin();
blueHigh = new toplevelblue();
blueLow = new lowlevelblue();
rCorner = new rightcorner();
lCorner = new leftcorner();
rBar = new rightbar();
lBar = new leftbar();
bBar = new bottombar();
x_close = new xclose();
windowMC.addChild(mBody);
windowMC.addChild(blueHigh);
windowMC.addChild(blueLow);
windowMC.addChild(rCorner);
windowMC.addChild(lCorner);
windowMC.addChild(bBar);
windowMC.addChild(rBar);
windowMC.addChild(lBar);
windowMC.addChild(x_close);
whiteTitle.color = 0xFFFFFF;
whiteTitle.font = “Arial”;
whiteTitle.size = 14;

blackTitle.color = 0×000000;
blackTitle.font = “Arial”;
blackTitle.size = 14;

blackBody.color = 0×000000;
blackBody.font = “Arial”;
blackBody.size = 12;

bodyTxtFormat.color = txtColor;
bodyTxtFormat.font = txtFont;
bodyTxtFormat.size = txtSize;

titleTxtFormat.color = titleTxtColor;
titleTxtFormat.font = titleTxtFont;
titleTxtFormat.size = titleTxtSize;

with(windowMC) {
mBody.x = 0;
mBody.y = blueLow.y+blueHigh.height+blueLow.height;
mBody.width = bodyWidth;
mBody.height = bodyHeight;
//top half of top blue bar
blueHigh.x = 6.8;
blueHigh.y = 0;
blueHigh.width = mBody.width - rCorner.width - lCorner.width;
//low half of top blue bar
blueLow.x = 0;
blueLow.y = blueHigh.height+blueHigh.y;
blueLow.width = mBody.width;
//Right corner top
rCorner.x = blueHigh.x+blueHigh.width;
rCorner.y = 0;
//left corner top
lCorner.x = 6.8;
lCorner.y = 0;
//bottom blue bar
bBar.x = mBody.x;
bBar.y = mBody.y + mBody.height - bBar.height;
bBar.width = mBody.width;
//left blue bar
lBar.x = mBody.x;
lBar.y = mBody.y;
lBar.height = mBody.height;
//right blue bar
rBar.x = mBody.x+mBody.width;
rBar.y = mBody.y;
rBar.height = mBody.height;
//red x close button
x_close.x = blueLow.width - 25.2;
x_close.y = 5;
//text block
msgTxt.multiline = true;
msgTxt.wordWrap = true;
msgTxt.defaultTextFormat = bodyTxtFormat;
msgTxt.mouseEnabled = false;
msgTxt.x = mBody.x+10;
msgTxt.y = mBody.y+10;

var availHeight:Number = msgTxt.height;
var vScrollBar:Boolean = needVScroll();

// Size and move the scrollBars
if (vScrollBar) {
_verticalScrollBar.visible = true;
_verticalScrollBar.x = msgTxt.width+5;
_verticalScrollBar.y = msgTxt.y;
_verticalScrollBar.height = availHeight;
_verticalScrollBar.visible = true;
_verticalScrollBar.enabled = enabled;
msgTxt.width = mBody.width - 20 - _verticalScrollBar.width;
msgTxt.height = mBody.height - 40;
} else {
_verticalScrollBar.visible = false;
msgTxt.width = mBody.width - 20;
msgTxt.height = mBody.height - 40;
//msgTxt.autoSize = TextFieldAutoSize.CENTER;
msgTxt.defaultTextFormat = bodyTxtFormat;
}
//Title Text Block
var titleTxt:TextField = new TextField();
addChild(titleTxt);
titleTxt.defaultTextFormat = titleTxtFormat;
titleTxt.mouseEnabled = false;
titleTxt.x = 1.8;
titleTxt.y = 4.0;
titleTxt.width = blueLow.width - x_close.width - 25.2;
if (titletext != “” {
titleTxt.htmlText = ““+titletext+”“;
titleTxt.defaultTextFormat = titleTxtFormat;
} else {
titleTxt.text = “”;
titleTxt.defaultTextFormat = titleTxtFormat;
}
//choice button
var newBtn:choicebtn = new choicebtn();
windowMC.addChild(newBtn);
choiceBtnMC = new MovieClip();
choiceBtnMC = newBtn;
choiceBtnMC.x = (mBody.width/2) - (choiceBtnMC.width/2);
choiceBtnMC.y = mBody.height;
choiceBtnMC.choiceTxt.text = btnTxt;
choiceBtnMC.mouseChildren = false;
choiceBtnMC.addEventListener(MouseEvent.ROLL_OVER, mouseOverHandler);
choiceBtnMC.addEventListener(MouseEvent.ROLL_OUT, mouseOutHandler);
choiceBtnMC.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
//Red X Button
closeBtn = new MovieClip();
closeBtn = x_close;
closeBtn.mouseChildren = false;
closeBtn.addEventListener(MouseEvent.ROLL_OVER, mouseOverHandler);
closeBtn.addEventListener(MouseEvent.ROLL_OUT, mouseOutHandler);
closeBtn.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler);
//}
blueHigh.addEventListener(MouseEvent.MOUSE_DOWN, windowStartDrag);
blueLow.addEventListener(MouseEvent.MOUSE_DOWN, windowStartDrag);
lCorner.addEventListener(MouseEvent.MOUSE_DOWN, windowStartDrag);
rCorner.addEventListener(MouseEvent.MOUSE_DOWN, windowStartDrag);
blueHigh.addEventListener(MouseEvent.MOUSE_UP, windowStopDrag);
blueLow.addEventListener(MouseEvent.MOUSE_UP, windowStopDrag);
lCorner.addEventListener(MouseEvent.MOUSE_UP, windowStopDrag);
rCorner.addEventListener(MouseEvent.MOUSE_UP, windowStopDrag);
}
windowMC.x = (stage.stageWidth-bodyWidth)/2;
windowMC.y = (stage.stageHeight-bodyHeight)/2;
windowMC.swapChildren(msgTxt, mBody);
windowMC.swapChildren(msgTxt, _verticalScrollBar);

updateScrollBars();

addEventListener(Event.ENTER_FRAME, delayedLayoutUpdate, false, 0, true);
}

protected function delayedLayoutUpdate(event:Event):void {
if (textHasChanged) {
textHasChanged = false;
drawLayout();
return;
}
removeEventListener(Event.ENTER_FRAME, delayedLayoutUpdate);
}

protected function updateScrollBars() {
_verticalScrollBar.update();
_verticalScrollBar.enabled = enabled;
_verticalScrollBar.drawNow();
}

protected function needVScroll():Boolean {
if (windowMC._verticalScrollPolicy == ScrollPolicy.OFF) { return false; }
if (windowMC._verticalScrollPolicy == ScrollPolicy.ON) { return true; }
return (msgTxt.maxScrollV > 1);
}

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//my functions
private function mouseOverHandler(evt:Event):void {
evt.target.gotoAndStop(2);
}
private function mouseOutHandler(evt:Event):void {
evt.target.gotoAndStop(1);
}
private function mouseDownHandler(evt:Event):void {
evt.target.gotoAndStop(3);
evt.target.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
}
private function mouseUpHandler(evt:Event):void {
evt.target.gotoAndStop(1);
stage.removeChild(windowMC);
stage.removeChild(backDrop);
}
private function closeHandler(evt:Event):void {
stage.removeChild(windowMC);
stage.removeChild(backDrop);
}//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
private function windowStartDrag(evt:Event):void {
evt.target.parent.startDrag();
}
private function windowStopDrag(evt:Event):void {
evt.target.parent.stopDrag();
}
//end my functions
}
}

Also, I know you can skin an FLA based component, how would I add skinning to this?

[Inspectable(name="Main Body Width", type="Number", defaultValue=300)];
public var bodyWidth:Number = 300;

[Inspectable(name = "Main Body Height", type="Number", defaultValue=100)];
public var bodyHeight:Number;

[Inspectable(name = "Scroll Bar Value", type="Number", defaultValue="0")];
public var scrollBarVal:Number;

[Inspectable(name = "Stage Height", type="Number", defaultValue="400")];
public var stageHeight:Number;

[Inspectable(name = "Stage Width", type="Number", defaultValue="750")];
public var stageWidth:Number;

[Inspectable(name = "X Position", type="Number", defaultValue="225")];
public var xPosVal:Number;

[Inspectable(name = "Y Position", type="Number", defaultValue="116")];
public var yPosVal:Number;

[Inspectable(name = "Message Text", type="String", defaultValue="Message Text in Window")];
public var msgText:String;

[Inspectable(name = "Message Title Text", type="String", defaultValue="Message Window Title")];
public var titletext:String;

Dinesh