I have a function that when called takes about 10 seconds to run. like to add a simple progress bar to show the user something is happening but the progressBar dot run until the function is finished
btn.addEventListener("click",bigFunction);
private function bigFunction(event:Event):void{
var progress:ProgressBar = new ProgressBar();
[code].....
How can I set a progress bar that may start when an HTTPService is sent and stop when the HTTPService ends?I followed code given here but encountered following error Type was not found or was not acompile-time constant: ProgressWin.Don't know whether ProgressWin.mxml is a component or module or what. I just created a new ProgressWin.mxml file and pasted the code you posted but following error popped out before
View 1 RepliesWhat is wrong with the following code,I get the progress bar as loading only.
<?xml version="1.0" encoding="utf-8"?>
!-- http://blog.flexexamples.com/2009/02/01/setting-the-bar-color-on-the-progressbar-control-in-flex/ -->
[code].....
I want to create a list of progress bars and update the list accordingly.I have group data in an Array as
<mx:Array id="arr">
<mx:Object label="Group One" min="0" max="200" currentValue="60" />
<mx:Object label="Group Two" min="0" max="300" currentValue="50" />[code]....
The values in the array object indicate name of group,minimum,maximum and current value for the group (to be used in progressbar).I used the list with "mx.controls.ProgressBar" as itemRenderer as
<mx:List width="100%" dataProvider="{arr}"
itemRenderer="mx.controls.ProgressBar"/>
Now what I need is whenever currentValue field of Array "arr" changes i want to update the progressbar "progress" value to currentValue (where min and maximum value of progressbar are stored in Array "arr").
I wanna set a custom skin on my progressBar, but it's not working out the way I want it to. My skin has 3 different colors on it (green, yellow, red) and green should show until it's about 50%, then I want the yellow to appear after green and the red at 90% after green and yellow. So at 100% they should all show.The problem is that the ProgressBar only sets the width of my skin so all colors are showing at all times. But if I use the indeterminateSkin but dont set indeterminate to true that doesn't happend.How can I make a skin that doesn't just change width? Atm I'm just using a MovieClip for a skin.
View 1 RepliesI need to create an application where I can add files for upload. As I add items for upload, a progressbar should be displayed along with each item added. And when I click for file upload, the progress of file upload for each file should be reflected in the progress bar. The progress should use the function like.[code]
View 3 RepliesIt might sound like a trivial question but how can I show progress bars, when datagrids and other components that "talk" to web services, update their data providers
View 1 RepliesI dont know how to show the current progress in progressBar component when the process is a loop that requires a lot of seconds to do the job. Inside the loop, i setProgress and update the progressBar label in every cicle, but it is not shown up to the job is done. I dont need this, because i want to see the advance of process.
View 2 RepliesI am trying to create a custom progress bar which has common functionality implemented like twining and setting the total value etc.,Every thing seems to be working but for some reason, percentComplete is always 0 instead of increasing the value even when I call setProgress()[code]If you notice the trace, the value is incrementing, but the percentComplete is 0.
View 1 RepliesI'm trying to create a simple skin for the flex progressbar control. Both the track and the bar should have rounded corners, and the bar should fill the track completely in the parts where it is being shown.
Here is the bar skin I've created based off this example:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code]....
Instead of the bar being flush with the track, there's a margin, and the rounded border gets cut off.
I am facing a wiered problem in Flex. I Have a canvas with a HBox and Label. Please find the code below.
<mx:VBox verticalAlign="top" horizontalAlign="center"
fontSize="12" fontWeight="normal" verticalGap="0">
<mx:Label text="Cover" />
<mx:Canvas width="120" styleName="pbcontainer">
<mx:HBox id="pb" height="35" />
[Code]...
I am facing a wiered problem in Flex. I Have a canvas with a HBox and Label. Please find the code below.
<mx:VBox verticalAlign="top" horizontalAlign="center"
fontSize="12" fontWeight="normal" verticalGap="0">
<mx:Label text="Cover" />
[code]......
I have a ProgressBar in MANUAL mode responding an URLLoader's progress events that seems to get drawn far less frequently than I would like. If I debug the app, I can see many events firing from the URLLoader yet it seems that the ProgressBar is being re-drawn at some random and slow rate.
Now if this was my own code (URLLoader is a black box), I would pause once in a while to let the UI update, say via loop with a timer. I presume that the URLLoader itself is blocking the main thread from processing drawing code. Adding validateNow() and invalidateDisplayList() does not seem to help much.
private function onLoadProgress(resource: TResource, evt: ProgressEvent): void
{
_progressDialog.prbCurrentItem.setProgress(evt.bytesLoaded, evt.bytesTotal);
_progressDialog.prbCurrentItem.validateNow();
_progressDialog.prbCurrentItem.invalidateDisplayList();
}
Now there are many TResources (just a class that can manage its data) being loaded in sequence, but the URLLoader is so greedy that it does not let the UI get updated more than a few times when loading & processing (parsing into XML objects) 50 or so 10KB files. So just counting which files loaded visually does not work either; I'm lucky to get 2-3 screen updates the entire time.
Loading a 700MB file looks much better, but again the progress bar updates are random and slow.
Additionally, I'd like to know if there is any way to influence or even control the rate at which ProgressEvents are fired by the URLLoader class. I have not been able to find at what rate it normally dispatches progress events either; is it at a fixed percentage per file or every x frames or milliseconds?
As these are local files, would I be better off not using the URLLoader class and instead switching to FileStream?
I am working on an Adobe AIR (2.0) application that contains a feature to allow users to print documents (such as salary slips). Those documents are originally in PDF format. Due to circumstances we cannot directly display those PDFs in the AIR application (for example using flash.html.HTMLLoader). Therefore we convert the PDFs to SWFs (using the pdf2swf tool, see The SWFs are loaded into the application using a mx.controls.SWFLoader, like so:
<mx:SWFLoader
id="salarySlipImage"
loaderContext="{someLoaderContext}"
[code].....
I have an actionscript function which is supposed to launch a panel and then fill in Networktopology data inside it.As, network data is too large that it consumes much time and makes browser hang!Even I tried to display busy cursor which also stopped spinning when data was being processed.How can I ensure processing large amount of data does not hang the browser.
View 3 RepliesIs there a way for different flex swf's to send large blocks of data between each other without using localconnection which is size limited or using sharedobjects. This needs to happen on the client without server communication.
View 2 RepliesI'm trying to export to PNG from the JSFL document.exportPNG function with 'bCurrentPNGSettings' but it fails. Flash keeps complaining that "The bitmap is too large.The largest bitmap that can be created is 8000x800 pixels."The width x height of the document is set to 1920x1080 and I've tried modifying the publish profile appropriately.Still no-dice. If I set 'bCurrentPNGSettings' to false so that the export dialog appears it pops up with the correct width and height; clicking OK exports properly.
View 2 RepliesI have an Air app that downloads a data set of around 100`000 objects and puts the objects in an ArrayCollection.I would like to apply various filters to the data set in numerous screens throughout the app. am a little worried about possible performance issues if I make multiple copies of the collection. However, if I don't copy the collection any filters applied will be reflected in all the screens and this is not the behavior I need.
View 3 RepliesI 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?
my Flex project has grown to over 1 Mb in size in release mode and now I am trying to cut it up into modules.
One of my SWC libraries is fairly large and I want to use it in multiple modules, so I think I can turn it into a RSL? how can I go about turning the SWC library into a RSL? I am building with Flash Builder (Flex).
I'm building my first Flex custom component, in Flex 3. It is a data table based on the 'Grid' container class, with a simple text Label in each cell. (DataGrid and AdvancedDataGrid were not appropriate starting points for my needs.) The component works quite well using smallish tables, but I tried stress-testing it using a larger table, and have been disappointed by the results.
The component creation process has some slow spots, but those are in my power to optimize and aren't my primary concern. What worry me more are what appear to be limitations in the Flex framework itself.
This 'large' sample table has a bit over 7000 cells in it. This is largish, but still 1-2 orders of magnitude less than the biggest I need to accommodate. In standard Grid structure, the main portion of the component consists of a Grid with 400 GridRows of 16 GridItems each, plus a few other smaller ancillary Grids.
Once the table renders, I find the following:
Mouse-related events are slow to fire. Specifically, I have rollOver/rollOut event handlers registered on each table cell, to let me highlight the cell under the pointer. On a small table, I could move the mouse over the table very quickly, and the highlighting would follow the pointer in real-time. With the larger table, the highlighting is very jerky, changing only about twice per second, skipping over many cells.If I place the mouse cursor over the component and leave it there, my CPU is pegged (one processor core, anyway), and stays that way until I move off of the component, when it drops to idle. My component isn't doing anything at all at this point.
It feels like Flex simply cannot scale to support component trees that are this large. I shudder to imagine how it would behave with 100,000 cells. Perhaps I'm pushing the Grid beyond its intended use, but having an object per table cell doesn't seem like an unreasonable model, and ~14,000 objects in the tree (a GridItem and a Label per cell) seems pretty modest.
I am attempting to capture a very large image that was made dynamically within the Flash Player (the size of the image is 2400px by 12,000px) and am running into some very serious issues... Let me run down how the image get's to that size in the first place:
User adds elements to a canvas and then when the user is finished the canvas scales up to 2400px wide and ~12,000px tall. The problem arises when I attempt to save the image to the hard drive. Now, I dont know if this will affect the recommended fix, but the rendered image wont be saved on the hard drive, it will be sent to a server. I know about the ~4050px limit in Flash Player and was thinking I could get around that by clipping the images with the ImageSnapshot.captureBitmapData() method and keeping the required Rectangle variable below 4000px then repeat that down the large image until it reaches the end where the final images will be pieced together at a later time. However... As i mentioned the error comes when it reaches the 'fileReference.save(pngImage);' method..
When you use Graphics object to draw very large shape(that does not fit in 10000x10000 pixels) stroke width may become much wider than value specified in lineStyle function.For now I have only two options:
1. When drawing line you can split it into several lines. However this trick does work only for drawing lines, polylines and polygons. There is no way to apply this to drawing circles and ellipses. Well, we can approximate circles via bezier curves, but this approach seems to be very inefficient.
2. Perform manual cliping. But this require manual implementation of different cliping techiniques, and I think ActionScript does not suit well for this sort of task. And again there is need to approximate visible parts of large circles.
I am planning on a Flex project that involves incorporation of a lot of features.
Each 'feature' can be a component / module.
Which is preferred and what is the difference between a module and a component?
I'm trying to read the width and height of a locally loaded image. This seems to work for images that do not exceed the dimensions limited by the Flash Player 10 [URL], but as soon as the images are bigger, the width and height remain 0. The strange thing is that now and then, I can read the dimension of these bigger images, but most of the times not. I understand that this might be because of the player limitation, but then I would at least expect the error to be consistent.
I want to check this since there is no use in loading such a big image as it will not be displayed anyway, but it would be good to provide a detailed error message to the user.
Here's the code that I use to load the image locally and read the dimension:
private function chooseImageButton_clickHandler(event:Event):void {
var allowedTypes:String = "*.jpg;*.png";
m_uploadFileReference = new FileReference();
m_uploadFileReference.addEventListener(Event.SELECT,
[Code].....
I want to create a fairly large-scale Flex web application that has a similar interface style to Grooveshark.
When it comes to web development, I have always used the common PHP/HTML/JavaScript technologies. Now, I want to try something new and develop a RIA using Flex.
Using PHP/HTML/JavaScript, I am able to develop my entire website with free tools. Now, I'm wondering if I am able to do the same thing with a Flex web application?
Is it possible/feasible to develop a Flex web application for free? If not, what would be the lowest cost I would need to spend? And, whatever the option, what are the tools that would be needed?
I need to parse a large trace file (up to 200-300 MB) in a Flex application. I started using JSON instead of XML hoping to avoid these problems, but it did not help much. When the file is bigger than 50MB, JSON decoder can't handle it (I am using the as3corelib).
Try to split the file: I would really like to avoid this; I don't want to change the current format of the trace files and, in addition, it would be very uncomfortable to handle.Use a database: I was thinking of writing the trace into a SQLite database and then reading from there, but that would force me to modify the program that creates the trace file.
So the issue is that whenever I run the flash movie, the display in the browser (Chrome) ends up being like 30% larger than the browser is when fully maximized. In reality, it should be running in a 800x800px environment. I've tried messing with the stage size and doing things like setting it to FULL_SCREEN and NORMAL and that had no effect. However, attempting to compile the project through the command line with the mxmcl (although it gives different errors atm) show me that the window is properly sized at 800x800px, so it is obvious that the flash builder is the one that resizes it.
View 2 RepliesI've got a module, MyModule which requires a large library:
<mx:Module>
<mx:Script><![CDATA[
import com.huge.library.AwesomeThing;
var myThing:* = new AwesomeThing()
]]></mx:Script>
</mx:Module>
And that large library isn't referenced from my main application, except through MyModule
[Code]...
We build prototypes and demo applications in Flex 4.5.1 and AIR 2.7 for mobile and desktop use. These tend to involve a large number of full-screen .PNG files. Lately we have been looking at ways to segment our code for flexibility and multi-screen re-use. What suggestions do people have for segmenting the project and libraries such that compile times are minimal and images are easy to replace?
View 1 Replies