hey tensioncore,
the ActivityIndicator as everything preloaded including the image that it animates. if you want a custom image, you will have to do the setSkin() method. but i havent done that yet. below is a sample code to test out the feature. There is no need for an IF ELSE statement. the code for it is nice and clean and definitely in my top 5 QNX api list hah
ActivityTest.as:
package
{
import flash.display.Bitmap;
import flash.display.Loader;
import flash.display.LoaderInfo;
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.ErrorEvent;
import flash.events.Event;
import flash.events.IOErrorEvent;
import flash.events.MouseEvent;
import flash.net.URLRequest;
import qnx.ui.buttons.LabelButton;
import qnx.ui.display.Image;
import qnx.ui.progress.ActivityIndicator;
[SWF(width="1024",height="600",backgroundColor="#e8e8e8",frameRate="30")]
public class ActivityTest extends Sprite
{
private var _loader:Loader;
private var _urlRequest:URLRequest;
private var _image:Image;
private var _btn:LabelButton;
private var _activityIndicator:ActivityIndicator;
public function ActivityTest()
{
super();
// support autoOrients
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
/**
* Set up the image placeholder
*/
_image = new Image();
_image.setPosition(10,10);
addChild(_image);
/**
* Set up the activity indicator
* Make sure to do setSize so it gets created
*/
_activityIndicator = new ActivityIndicator();
_activityIndicator.setSize(100,100);
_activityIndicator.setPosition((stage.stageWidth / 2) - (_activityIndicator.width / 2), (stage.stageHeight / 2) - (_activityIndicator.height / 2));
/**
* Sample loader getting google's homepage image
*/
_loader = new Loader();
_urlRequest = new URLRequest("http://www.google.com/images/logos/ps_logo2.png");
_loader.contentLoaderInfo.addEventListener(Event.COMPLETE, onComplete);
_loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, onError);
/**
* Button that starts things
*/
_btn = new LabelButton();
_btn.label = "Load Image";
_btn.setSize(150,52);
_btn.setPosition(10,150);
addChild(_btn);
_btn.addEventListener(MouseEvent.CLICK, onClick);
}
private function onClick(e:MouseEvent):void
{
/**
* Start the animation and show the indicator on screen
*/
_activityIndicator.animate(true);
addChild(_activityIndicator);
/**
* Begin the image loading
*/
_loader.load(_urlRequest);
_btn.enabled = false;
}
private function onComplete(e:Event):void
{
/**
* Stop the animation after image loaded successfully
* and get rid of it
*/
_activityIndicator.animate(false);
removeChild(_activityIndicator);
/**
* set the image to the downloaded image
*/
var bitmap:Bitmap = Bitmap(LoaderInfo(e.target).content);
_image.setImage(bitmap);
}
private function onError(e:ErrorEvent):void
{
/**
* If there was an error. stop the indicator
*/
_activityIndicator.animate(false);
removeChild(_activityIndicator);
trace("error: " + e);
}
}
}
There are comments throughout. Basically this application downloads googles image after you click load image. and then while its downloading, it will display the activity indicator and get rid of it when it finishes / results in an error.
hope that clears a few things up. good luck!
J. Rab
(Blog) (Twitter)--
1. If you liked my post or found it useful please click on the thumbs up and provide a
Like!
2. If my post solved your problem please click on the
Accept as Solution button. Much appreciated!
Approved Apps: OnTrack |
ssShots |
Hangman
