how can I load in flex spark Image control and wait for complete loading? MX:image have method load() and listen COMPLETE event this is not in spark Image...is there only source?? or how can i listen when image is complete loading??
View 1 RepliesI have no experience with Object Oriented Programming, so I wonder about the following:
1) Will the code past the .LOAD line (in red) be executed only after the image completes loading?
2) Can I nest several listeners as seeing in my code below?
[Code]...
I'm currently creating a website with AS3 in FlashDevelop, so it's code only no timeline stuff.
I have a class that loads images with a method that I call from my main source. I was wondering how I go about making sure that the images are loaded before executing more code outside of the class. I know how to do it using Event.COMPLETE in the image class, but I am unsure how to get the main class to wait.
I've created a Flex website that plays a video using the Spark VideoDisplay component. When selected, the VideoDisplay loads in the PopUpManager.
This works fine in all the browsers, except Google Chrome take significantly longer to start playing, during which the CPU usage peaks, then goes back down once video starts playing.
I've traced the player states it goes through and they are as follows:
Loading ready (hangs for ages with high cpu) buffering playing (immediately after buffering, CPU usage goes down, video plays smoothly)
What could be causing this to temporarily hang for so much longer in Chrome? I thought I could expect the same functionality and behaviour throughout all the browsers, as Flash is simply a plugin that runs as a separate process?
Edit: It seems that it's the same in Opera too. Is there any commonality between the two that would explain this behaviour?
[Code]....
I have a script that takes lots of content and builds 1000s of MovieClips on the stage, does lots of drawing etc. Due to the high amount of work needed when the frame first loads this can sometimes be delayed by a second or two. The more the user uses the application the longer and longer this is likely to be (more data to siphon through and build). My question to you is how do I make sure the frame doesn't show (serve a loading image or something) until it is built? I don't want the user to see the skeleton of the page and then everything appear a second or two later.
View 1 RepliesI have an application that I'm migrating from flex 3 to flex 4.5. In this application, there is some mx Image components that load a simple swf file (image). Spark image doesn't load swf files, so I was wondering, should I keep the mx Image, or should I change it to SWFLoader? Is there any advantages to using one or the other?
View 1 RepliesMy flash app (as3, flash9) needs to load images from multiple servers.
When running the site on localhost, the loading of images works, regardless of which address it was loaded from. I can load it from
[URL]
But what does NOT work is to have a "Event.COMPLETE" triggered from the Loader that I use, if the Url of the image is not the same address as the one where I load the flash file from. The image loads and displays, but no COMPLETE or even an ioError event is triggered.
I have the following code
var sender:URLLoader = new URLLoader();
sender.load(post_request); // load the php file and send it the data
[code].....
I'm building a mobile app, using spark list control. When user tap on a list item, i want it to navigate to that correspondence page
<s:List id="list" width="100%" height="100%" labelField=" label">
<s:dataProvider>
<s:ArrayList>
[Code].....
how do i code it so that when user tap on item label="Page One" it will navigate to PageOneView.mxml and if it tap on "Page Two" it will go to PageTwoView.mxml and so on.
I have loaded a jpeg image in flash. Now I need the handler after the loading complete. I have used ActionScript Code:
var imageLoader:Loader = new Loader();
var req:URLRequest=new URLRequest(arr[0]);
imageLoader.load(req);
mc.addChild(imageLoader);
imageLoader.addEventListener(Event.COMPLETE, image_func);
function image_func(e:Event):void {
trace("image laoded complete");
}
The above code is not working for loading complete.
I have a s:List where I've defined my own itemRenderer, and would like to insert a horizontal line separating items, similar to the way the mx:LinkBar works. I don't want to have a line at the top or bottom of the list, so I can't just include an upper or lower border in the itemRenderer. I was hoping the itemRenderer could be made aware of its index in the list, but I don't see how.
View 2 RepliesHow can I set the scroll position for a Spark List control?
View 1 RepliesIn the MX TabBar component, the iconField property allowed us to display different icons in each tab. In Spark, there does not seem to be an inherent way to add icons to the TabBar.Does anyone have an example of implementing icon support for Spark's TabBar?
View 4 RepliesPossible Duplicate: Flex 4 Group showEffect/hideEffect.I have an existing flex application that uses databinding to show/hide certain elements. It looks a little like this:
<namespace:CustomComponent visible="{modelObject.showCustomComponent}" />
To spruce it up a little bit, I went in and did this:
<s:Move id="ccRollIn" target="{cc}" xFrom="-400" xTo="50" />
...
<namespace:CustomComponent id="cc" visible="{modelObject.showCustomComponent}" show="ccRollIn.play()" hide="ccRollIn.play(null, true)" />
The problem with this is that while the show event plays perfectly, the item disappears from view before the hide effect has a chance to play. Is there a simple way to handle adding animations to this workflow?
I'm using the new Spark Datagrid for a project, but I must confess the scroller is annoying me a little bit, so I would like to have some control over it.
View 1 RepliesI use attachMovie() to create a new instance of a movieclip, then I use loadMovie() to load an external PNG image into the new movieclip. That is working fine.
I want to be able to detect when the image has finished loading into the movie clip container. I need to detect this because I want to check the image width and height.
If I check the width and height right after I call loadMovie() it is returning the default placeholder size, instead of the new loaded image size. It obviously has not finished loading when I check it there.
I use attachMovie() to create a new instance of a movieclip, then I use loadMovie() to load an external PNG image into the new movieclip. That is working fine.I want to be able to detect when the image has finished loading into the movie clip container. I need to detect this because I want to check the image width and height.If I check the width and height right after I call loadMovie() it is returning the default placeholder size, instead of the new loaded image size. It obviously has not finished loading when I check it there.I am using ActionScript 2.0 but I can use 3.0.
View 1 RepliesI use attachMovie() to create a new instance of a movieclip, then I use loadMovie() to load an external PNG image into the new movieclip. That is working fine.
I want to be able to detect when the image has finished loading into the movie clip container. I need to detect this because I want to check the image width and height.
If I check the width and height right after I call loadMovie() it is returning the default placeholder size, instead of the new loaded image size. It obviously has not finished loading when I check it there.
I'm trying to get a spark tab bar to have a selected tab that does not change color on mouseover. I'm trying to implement this by working with a skin based on the skin spark.skins.spark.TabBarButtonSkin, but despite turning off the shadows on the selected and overAndSelected states, it still shows a dark color on mouseover.
Here's the relevant skin:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
I'm trying to load PNG images with ActionScript with a Loader object. This works fine for some of the images (the INIT and COMPLETE events are fired as expected), for some other it doesn't. I've read in this thread that a URLLoader might help, so I tried that, using the loadBytes() function afterwards. Still doesn't work: the URLLoader fires the COMPLETE event, but the LoaderInfo object does not.I've written a sample class that demonstrates the problem with two files (one working, the other one not).
public class LoaderTest extends MovieClip {
var output:TextField;
var loader:Loader;[code].....
All images were generated with the PHP GD library and I'm compiling with SWFTools's as3compile.The two images map_in_big.png and map_us_big.png are in the same folder (not allowed to post more hyperlinks).
I am changing image through flex every time i change it saved into server directory with same name(which i am referring to show). So when i refresh my page my browser didn't send new request to server since it's already in request.so didn't getting new image.Tip:- when i clear browser history it will come with new image
View 2 Replies[Code]....
As you see from the code above I have a loop that loads images on each pass using the same loader. This works, however, it is looping too quick (I believe) and as such the "addBook" function that handles pushing these into an array is pushing them into the array in the wrong order. Two questions: (1) Am I approaching this incorrectly? (2) If not, is there a way to listen to the loader event so the loop proceeds only after the load of that image is complete?
I am loading in binary files with the url class which can be quite large 10mb + and it works fine on my server but another server I am testing on it can sometimes not work. Sometimes it will not load the file and other times it will only load about 20% and it throw a complete event??? Then of course other times it works fine. This server is https maybe that has something to do this it?
View 0 RepliesI'm an experienced AS developer, but this is something very basic about flex that I can't figure out. In the class below, I'm not sure why the function imageLoaded would not be executed when the image loads a url. Is there a race condition happening here? The application is completely loaded by the time this object is created and setPicture is called. How can I get the Event.COMPLETE event to fire properly in this case?The line and Log.info functions are conveniences for me, and they definitely work. Here's my MXML definition:
<?xml version="1.0" encoding="utf-8"?>
<photo:PhotoClass xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:photo="com.xxx.widgets.photo.*">
[code]....
On my air application, I try to load image like this:
var imAc:Image=new Image();
imAc.source=rootFile+value+"-V-"+label+".png";
Sometimes, image source doesn't exist. In this case, broken icon appear but if this error appear I'd like to change image source
[Code]...
I have a spark dropdownlist and I have applied custom skin on it to display images in it instead of labels.
<s:DropDownList id="id_cbLineType"
skinClass="assets.skins.SkinDropDownImageList"
itemRenderer="spark.skins.spark.DefaultComplexItemRenderer"
[code].....
set some filters on the bitmap after it has been loaded.During development (Debug mode), everything worked and the even has been fired just fine.But now I switched to Release mode and the complete event doesn't fire anymore.To load the image, I set the source property of the image to an URL that points to a PNG image. That does still work in release mode, so the image appears correctly.It's just that the "complete" event doesn't fire, no matter what I try.
View 1 Repliesi want to load an image and give it an instance name to control it, i tried the following code
Code:
for (var i:int = 1; i < 4; i++) { var myLoader:Loader = new Loader(); var fileRequest:URLRequest = new URLRequest("myImage_0" + i + ".gif"); myLoader.load(fileRequest); addChild(myLoader); myLoader.name = "myImage_0" + i; myImage_01.x=100}
the following erroe occured:
1120: Access of undefined property myImage_01.
Flex 3 List control had a itemRollOver event. Flex 4 List doesn't have it. Is there an equivalent or a workaround for this issue?
View 2 RepliesI have a Spark TextArea:
<s:TextArea id="editor">
<s:textFlow>
<s:TextFlow id="_tf" >
<s:p>Lorem ipsum etc.</s:p>
[code]...
But still no joy in inserting into the middle. Also, the above code wouldn't replace highlighted text, but that's not the real concern here.Based on Eugene's link the key to this is EditManager.The following code represents the working updated function:
protected function imageBtn_clickHandler(evt:MouseEvent):void {
var em:EditManager = editor.textFlow.interactionManager as EditManager;
em.selectRange(editor.selectionAnchorPosition, editor.selectionActivePosition);
[code]...