Wednesday, October 14, 2009
Flex Icons for Alert
alertForm — The internal AlertForm object that contains the text, icon, and buttons of the Alert control.
buttons — An Array that contains any Buttons appearing in the Alert control.
Since this example uses the mx_internal namespace, you can’t always depend on this behavior to work in future versions of the Flex SDK. Use at your own risk.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
creationComplete="showAlert();"
backgroundColor="white" >
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;
[Bindable]
[Embed(source='assets/error.png')]
private var Icon:Class;
[Bindable]
[Embed(source='assets/tick.png')]
private var TickIcon:Class;
[Bindable]
[Embed(source='assets/cross.png')]
private var CrossIcon:Class;
private var a:Alert;
private function showAlert():void {
/* Set button width so it is large enough to accomodate
an icon and default button labels. */
Alert.buttonWidth = 100;
var titleText:String = "WARNING";
var messageText:String = "Are you sure you would like to erase the Internet?\\n\\nPress OK to continue, or Cancel to abort.";
/* Display the Alert, show the OK and Cancel buttons,
and show an icon represented by the Icon binding. */
a = Alert.show(messageText, titleText, Alert.OK | Alert.CANCEL, null, doClose, Icon);
/* Get a reference to the Alert control's internal
buttons array. */
var buttonArray:Array = a.mx_internal::alertForm.mx_internal::buttons;
/* Set the first button to the TickIcon class, and the
second icon to the CrossIcon class. */
buttonArray[0].setStyle("icon", TickIcon);
buttonArray[1].setStyle("icon", CrossIcon);
progressBar.visible = false;
}
private function doClose(evt:CloseEvent):void {
if (evt.detail == Alert.OK) {
progressBar.visible = true;
} else if (evt.detail == Alert.CANCEL) {
// do nothing.
}
}
]]>
</mx:Script>
<mx:Button label="Launch Alert"
click="showAlert();" />
<mx:ProgressBar id="progressBar"
label="Deleting..."
indeterminate="true"
visible="false" />
</mx:Application>
Tuesday, October 13, 2009
Extracting an image(jpeg or png) from a raw ByteArray in actionscript / flex
This is a question I see asked fairly regularly, yet it seems to be a hard one to google for and get an easy answer.
In my current main project I have a need to pre load a large amount of images as quickly as possible, and yet kill any existing preloads immediately should circumstances change. Some casting around lead me to the StreamLoader class which offers all I needed, with the proviso that the result is a raw ByteArray.
So, I needed a means to convert that ByteArray to a bitmap or BitmapData.
Some digging around lead me to the fact that the Loader class will do that for a ByteArray that is read from a jpeg or png file.
The code looked something like this for an existing ByteArray in a variable named “bytes” :
var loader:Loader = new Loader();
loader.loadBytes(bytes);
Now, the bitmap *will* be available in the loaders “content” property, but do not assume that just because you gave it a preloaded bytearray that it will be *immediately* available. Or you will be sad and confused, as was I
No, the bitmap will only be available once the loader.contentLoaderInfo complete event fires.
So, add an event listener for the complete event :
loader.contentLoaderInfo.
Then get the bitmap from the loader at that point in time :
private function loaderCompleteHandler(event:
{
var loader:Loader = event.target as Loader;
var bmp:Bitmap = Bitmap(loader.content);
}
Note that I’ve omitted all the usual removing of event listeners, unloading loaders etc for the sake of brevity.
So there you go, that’s how it’s done. Now I know the answer it makes perfect sense, but initially it did seem to work not quite as I expected it to.
Since then I’ve had occasion to use this a couple more times, such as getting a server side processed image from .NET via fluorine remoting services, and in AIR (grabbing images stored as ByteArray blobs in a sqlite database).
Reference:http://ifeedme.com/