Flex :: Custom Preloader Images Loading?
Jun 22, 2009I am writing a custom flex preloader which extends the IPreloaderDisplay class. How can I load the images from web in my custom preloader?
View 2 RepliesI am writing a custom flex preloader which extends the IPreloaderDisplay class. How can I load the images from web in my custom preloader?
View 2 RepliesI've been working for a little while now trying to make a portfolio site for myself and I'm almost done but I'm having one little issue with preloaders. (There are more things not finished, but they're just things I haven't gotten around to doing, I think).The thing I'm trying to do is create a custom preloader for an image gallery that loads each image.You can see an example on in the 3D Architecture section on the site here:(Yes, I know the main preloader is working fine, I'm talking about the one in the 3D Architecture section.)Here is the code I'm using for that frame:
Code:
//Specific Actions: Frame 5 (3D Architecture) code:
//All code is 3D Architecture specfic.
[code].....
How do I use a dynamic preloader [say a circular preloader that I've designed myself and not the ProgressBar preloader] to load an external jpg. Obviously, the jpg would be contained within a movie clip, say, 'imageHolder'. In short, I'd like this dynamic preloader to load the external jpg into the movie clip 'imageHolder' placed within my swf.All that needs to be figured out is how to attach any dynamic preloader to load external pics.[code]
View 1 RepliesFirst of I'm using Flash CS4 and AS 3.0 I'm trying to make a photo gallery for my website. I have the gallery all setup and made and now I need a preloader for loading my images. Right now my gallery is setup like this:
-A list of clickable thumbnails. (20 thumbnails)
-A UILoader
-You click a thumbnail and it loads an external image into the UILoader.
Actionscript: I have an array with 20 images. I have 20 different event listeners for each thumbnail.
The eventlistener looks like this:
thumbs.thumbs1.t1_btn.addEventListener(MouseEvent. CLICK, loadP1);
The function looks like this:
[Code]....
The UILoader is inside 2 moveclips because of a transition effect I have. The buttons are also 2 movieclips deep because of motion tweens.specific reason.
I created a flash slideshow which preloads the images. After preloading the images, it proceeds to load an external flash file and then the images. The problem is, very very occasionally, it will fail to actually load the images into view, and I'll just see the preloading animation, but it might still load the external swf. Additionally, it might do the reverse, and load the images and not load the external swf.
Here is the (I think) relevant code:
function onXMLLoadComplete(e:Event):void {
// create new xml with the received data
xmlSlideshow = new XML(e.target.data);
// get total slide count
// misc xml data
[Code] .....
The live site is here: [URL]
I'm building a flash based site for my photography in Flash CS3 with actionscript 2. The swf is almost 700kb so I guess I'll need a preloader right? I thought I could create a preloader scene before the main content scene and apply the following code to the single frame within the preloader:
Code:
ifFrameLoaded ("website", 3){
gotoAndPlay ("website", 1);
}
This doesn't seem to work as the large images in my gallery (contained within a movie clip) won't load unless you leave the gallery page then go back in?
I have a gallery, which loads up all its images from an XML file. So the XML gets loaded, when loaded it calls a function urlLoaded. That in turn puts uses a Thumbnail class for each image in the XML, which then gets placed in an array, so the array can be iterated through to establish X and Y pos of each image when added to the mc Photocontainer.
PHP Code:
var urlRequest:URLRequest = new URLRequest("pics.xml");
var urlLoader:URLLoader = new URLLoader();
var xml:XML;
[Code]......
I'm passing the parameter 'i' through to the tracel function as this traces when each image has finished loading. I have a preloader in the main timeline I want to control. Say there are 20 images, how do I use the info in the tracel function to control that preloader? Would it be best to pass into the Thumbnail class the xmlList.length(), so the number of total images and then from the tracel function add and control a preloader, so when image 10 is complete the tracel function would make a slider its added to stage go to half way.
I'm about to make a preloader of sorts, but have run into a problem because I have multiple SWFs being externally loaded in different locations. [URL]
As of now, it's setup like so:
Main.swf - has the scrollbar, loads body.swf into scrollbar container
Body.swf - has the layout, buttons, etc. Loads illus_finished.swf, illus_sketchbook.swf, etc.
illus_finished (and all other work files).swf - dynamically loads XML and images/info.
So basically, its one big swf that loads the content swf. The content swf loads the work swf's - which load the xml, images/info. I think I might load all the swfs from one file somehow, but I'm having trouble targeting into MC's of loaded swf's.
Should I set up a preloader swf, and somehow preload all the swfs into the browser cache? (I dont know how to do this, esp since I'm loading into a target, and not a level#) This way I wouldn't have to change how my movie is setup.
Should I take all the loading instances out of all my files and load them all from the first movie - and stick the preloader in THAT file? I can't figure THIS out, either, because I can't seem to target movieclips in loaded SWFs.
I'm using TLF text, so there's a RSL involved. I get that there's a way to include the library in my own code, but I'd rather not do that unless there's no other solution.
In Advanced Action Script Settings > Preloader Method, there's a choice between "Preloader SWF" (five black dots, the default thing) and "Custom preloader loop". My first question is then how to use this Custom preloader loop thing? What is it referencing? Do I have to write a special thingy somewhere? What?
And I already made a simple "bar filling up" kind of preloader, which I'm testing by using the aforementioned "Custom preloader loop" setting and simulating download. (My project no longer compiles when not simulating download [VerifyError: Error #1014: Couldn't find flashx.textLayout.container::ContainerController class.] which led to the conclusion that I'm doing something wrong here.) It does fill up, but it starts at about 60%. From my earlier badly worded Google searches, I think my problem is that I am using a bunch of external .as files which are loading before the preloader. Is there any way to tie the .as files later, or something?(That, or my preloader actually takes up 60% of the project's data, which would surprise me but isn't impossible because it's still very bare.
I'm making a game and I'm sorta kinda using tiles to render the map screen. So I have a bunch of sprites on screen, for which I created a Refresh() method that I call whenever necessary. In this method, I use a Loader object to load desired bitmaps (which aren't in the project's Library), then add this Loader as a child. The main reason I did it that way is because I could then reference the images to load with a string, and so include arguments in there.
(I don't know if I'm clear, so let my try to be more descriptive. I basically have an array containing the map data. I'll read that array and pass some properties as arguments to my Refresh() method to draw the screen correctly. I'll then be able to load the image ["sprite" + arg1 + arg2 + ".png"] by using that string to create a new URLRequest (and then use that in the Loader).If I understand the way this works correctly (and I probably don't ), I'm downloading the images all over again each time I call Refresh instead of having them "cached" somewhere, which is inefficient (because they're tiles and I'm reusing them multiple times). Am I correct in that assumption?
I thought the more "efficient" way would be to import my tiles in the project Library and export these for ActionScript. (They're PNGs, so they inherit from BitmapData.) My problem with this method is that to use these images, I now have to instantiate a class, so there's no string involved, and so I can't concatenate variables with a string anymore to fetch the right PNG to display, which is really, really annoying.
So I'd like to have the best of both worlds: cache images while still being able to refer to them with a string. Is that possible? And more generally, what's the "right" way to dynamically render images in the context of a tile-based map?
EDIT:public vars vs. getters and setters I have classes with properties. I've gathered that it's good programming practice to declare these properties as private vars and then define getter and setter functions to access them. It's easier to just declare these variables as public and move on. What are the pros and cons of both methods?
I'm very new to flash and have a question for you wizards
I've created a simple slideshow displaying images which are being loaded from a XML file. I wish to have a preloader which displays the % loaded , if possible, while it's preloading the images from the xml file.
[code]Whenever im preloading images, i get a NaN Error everytime. Sometimes all i see is a NaN error, not even load numbers like 89% or so. I got the swf online at url...If you go to any section in the designs menu (3d design, 2d design or webdesign) and click a image you get the script that gives the NaN.I only get NaN in Firefox, Internet Explorer just gives 0. But either way i would like to see percentages rather than 0 or NaN.
View 1 RepliesI am following this page to create a custom preloader extending Sprite to load an animation SWF, but it is not working (the animation SWF is not displaying): [URL]. I know the Animation.swf file is okay, because if I load it into the main app it displays and runs. The preloader works if an image is loaded by the preloader instead of the animation SWF.
test.mxml (main app)
BTW, I typically have many more lines of ComboBox in the app to force the preloader to display, but limiting number of lines here.
CustomPreloaders.SparkAnimationProgressBar.as
package customPreloaders {
import flash.display.;
import flash.events.;
import flash.net.;
import flash.utils.;
[Code] .....
I need to load dynamically a few images (4-6) so that by clicking on particular image user would invoke particular action. Embedding images solves the problem but at the expense of file size. If I load them dynamically, they lose their ID.
<comps:ExercisesScroller id="scroller" x="300" y="100"
ex1="@Embed(source='assets/Exerc_1.png')"
ex2="@Embed(source='assets/Exerc_2.png')"/>
and so forth this works. But instantiated in CDATA it does not work:
import components.ExercisesSCroller;
private var custScroller:ExercisesScroller;
private function init():void {
[Code].....
I need to create a lot of custom Flex 4 skins, in most of the examples I found on the web people use FXG in order to create the skins but if a lot of the icons I use are not resizeable should I still use FXG or better use just plain old bitmap images (jpg. png)?
View 1 RepliesI have a flashbuilder project with a big image. The problem is that the default preloader does not load the images/swf's inside the project. Is there a way to preload them?
View 1 Replieswe have developed a web application by using flex-blazeDS-Java. Now we got a requirement that to print the user existed page whenever he clicks on Print button. I am able to print my flex componets and advanced datagrid but not able to print the custom item renderer images which are rendered in datagrid. And also how to print the multiple pages when I have large data in advanced datagrid.
View 1 RepliesI have a custom progress bar I want to show loading the data instead of the showBusyCursor in Flex 4. Is it possible to use the custom progress bar instead of the busy cursor? Here is the piece of code that currently uses the showBusyCursor
<npcsservice:NpcsService id="npcsService" fault="Alert.show(event.fault.faultString + '
' + event.fault.faultDetail)" showBusyCursor="true"/>
Possible Duplicate:Custom Preloader in Flex 4?I am working with a flex web application and i want to implement custom loading page on application startup like the above
View 2 RepliesThis is NOT duplicate of my earlier post (its is slightly different)But this is similar issue with similar error but its not the same error The error I am getting now is below while dispatching the custom event from my custom component
TypeError: Error #1034: Type Coercion failed: cannot convert events::MapEvent@a74ab51 to flash.events.MouseEvent.
dispatchEvent(new MapEvent(MapEvent.CLICKED_ON_MAP));
Note: The error in my earlier post is giving below error message
Type Coercion failed: cannot convert flash.events::Event@81ecb79 to com.events.ShopEvent
The difference here are two things, the earlier error is while converting flash event to custom event and now this one is while converting custom event to flash event and secondly, I have no clue why it is trying to convert to the mouseevent where I am just dispatching my custom event with proper listeners.
This is my custome event
package events
{
import flash.events.Event;
import ui.map.MapElement;
[code]...
Loading images into Flex (size < 100kb) causes IE7 memory increase by a megabyte per image. What's going on here? Here is the code I have -- this for each image:
[Code]...
I am attempting to monitor the progress of an image scroller I've built and all of the images (thumbs) load separately. What would be the best way of figuring out what the total progress of the images that are loading? I was thinking it would be cool to use a generic loader and apply it to a function such as
myScroller.loadImages();
Is it possible to load an image(jpg, png, gif) from another domain and manipulate the pixels? I guess when the image is downloaded/copied it is in my domain.
Using the Loader and add the content to an Image component I get an error in my debugger. I guess there are some cross domain polices at work here.
But I need to be more sure how this works before moving on. I guess, if it is not possible to load the image directly I could create a local proxy.
I have this code which works fine when selecting a small number of images.
public var fileReferenceList:FileReferenceList;
public function browseFiles(event:Event = null):void
{
[Code]....
However, when selecting a large number of images (1000+), the fileList isn't initialized yet when the SELECT event is dispatched. Is there a way to wait for the fileList to be initialized?
Show me/point me into the right direction on as to how to make a custom preloader. But the thing is i want it inside of a URL function.. Which is where im struggling.
View 15 RepliesI'm trying to build a custom FLV preloader for the FLV PLayback component, but every thread refers to using the NetStream.bytesLoaded (non-component FLV command). What are you supposed to do when using the FLVPlayback component??I tried this - but it didn't work. myVideo is the FLVPlayback component.
Code:
myVideo.getBytesLoaded = loadedBytes;
myVideo.getBytesTotal = totalBytes;
[code]......
I'm trying to make a custom preloader for a .flv. But it won't work for me!
This is the code:
Code:
var flvControl:FLVPlayback = display;
var flvSource:String = "video.flv";
display.addEventListener(ProgressEvent.PROGRESS, onLoadProgress);
[Code].....
The spark panel component for example can be written like this
<Panel title="Skinny">
<child components ... />
<controlBarGroup>
<child control bar components ... />
</controlBarGroup>
[Code]...
The motivation here is that I can now create a couple different skin files to change the look and layout of those subgroups. Reading source of the spark panel, there are some calls within the mx_internal namespace such as getMXMLContent() which is a method of the spark group component, but which I have no access to.
Does the description above make sense? How can I create custom 'contentGroups' in my custom Flex4 component that can use nested mxml child components? Should I approach this a different way?
I have a loader which loads on a MouseEvent.Click. It uses this for multiple swfs
Actionscript Code:
myLoader.load(new URLRequest(event.target.name + ".swf"));
How can I add a custom preloader to this?
After browsing the internet for a while I found everyone shows you how to make a custom preloader with your own graphics which is all fine and good but what about the people who just want to use the components and be done with it? I know I would have to use the UILoader and another
component. How to use the necessary components to make a preloader? I have quite a big swf and I need one.
I have designed an Adobe AIR application. I want to show some preloader on it, before it opens up. tutorials on preloader aimed for AIR specifically or any already built in ones?
View 3 Replies