Flash - Flex Canvas With Many UIComponents If One Moved Are Others Redrawn/reprocessed?

Jul 18, 2010

I have a canvas called Host with many UIComponents as children, sometimes up to 1000 or 3000 items. This is fine for now, as they are not interactive. But, I have added a 'marker line' (a 1 pixel wide UI Component with a colored background) to the canvas which follows the mouse movement. When this UIComponent is added to the Host canvas and moves, everything slow down to a crawl i.e. takes ages for the UIComponent to move.

Similar Posts:

Flex :: Put Images On A Canvas And Have Them Be Moved Around By The Mouse?

Jan 11, 2010

I want to dynamically create and put some Image (mx.controls.Image) objects on a Canvas and I want them then to be able to be repositioned by the user via the mouse. Can this be done? Note, I am not looking for drag and drop. I just want to change the X and Y coordinates of Images with the mouse.

Flash :: Canvas Moved On StartDrag() Without Calling Set X / Y Or Move() - How Does StartDrag() Exactly Work In As3 / Flex

Feb 11, 2011

i have an .as class that extends mx.containers.Canvas (it's a draggable border of a resizable component), it becomes draggable on MOUSE_DOWN and stops being draggable on MOUSE_UP, MOUSE_OUT and ROLL_OUT. before calling startDrag() i create a Rectangle to define the drag area, i also have a _dragging: Boolean variable to control if it's draggable at the moment. the problem is that when i click this border it jumps to a negative coordinate without calling startDrag or switching _dragging to true.

i've overriden get x, set x, get y, set y and move() methods in order to solve it but the only thing i got was the fact that position changes without calling coords setters or move(), but at the moment it's changed a getter is called and returns new (negative) value so my question is what happens on startDrag() and how to filter unwanted incoming coords values?

Flash - Flex 4 Focus Multiple UIComponents?

Aug 24, 2011

I'm currently coding a Floorplan editor with Flex 4.I have a Floorplan Grid that extends the spark Group class. This Floorplan Grid will contain objects that extend the UIComponent class. I want the user to be able to select multiple objects on the Floorplan and be able for moving and resizing.

I'm just wondering if it's possible to have multiple objects being "focused" using the FocusManager, kind of like selecting multiple objects in Photoshop /Illustrator.

Flash :: How Do Skinned Flex UIComponents Capture Mouse Events

Jul 29, 2009

If my understanding of Flex is correct, skins in Flex are just DisplayObjects that are added as children to UIComponents to create the visual representation of the object. But if my understanding of the Flash event model is correct, if there is a non-transparent DisplayObject on top of another, mouse events will go to the topmost DisplayObject. The overlapped DisplayObject won't receive any mouse input.

So how is it that skinned Flex UIComponents work at all?

Flex :: Adding One Point To Line Series Without Everything Getting Redrawn

Apr 19, 2011

I have an air app that collects live data from a user's action and graphs it.It records data every second and charts it on three different line series from the same array collection.This works out great at first, but it gets worse and worse as time goes by. When it gets close to an hour it's almost unusable.I'd like to be able to add a point to the graph and have flex JUST draw the new point and not invalidate the whole series and redraw it. Is this possible? I'm willing to override something to make this work.My last ditch effort is to take the average of 5 or 10 points and only adding those. This will still work poorly when the user is going for 3 hours or so, but I can't think of a better way.

Flex - Get A Collection Of UIComponents Based On A Stylename In Adobe Flex?

Nov 4, 2009

Does anyone know an Actionscript equivalent of the javascript getElementsByClassName.

What I would like to do is add a custom 'stylename' to various components which I can then use to get a collection of these objects and therefore process their visibility property.

The idea is I want to hide various components based on what roles a logged in user has - I just want to make this flexible by adding an array of rolenames to a custom property or use the stylename property on a Canvas or Panel etc.

Flex :: Cleanup All UIComponents Inside Mx:Application

Jun 2, 2010

I create some elements( UIComponents, mainly Panels) inside the "mx:Application name=�tst� . I need to cleanup all those UIComponent's on MouseClick event , using Actionscript. Is there any way I access the children elements of mx:Application ( I used var totalChildren:Number = this['tst'].numChildren ; but looks like it fails to access the children list).

Flex :: Dynamically Add Different Items To ThumbContent Canvas And Use Scroller Canvas To Scroll

Jun 5, 2009

I have the following code in my flex project.

[Code]...

I want to dynamically add different items to thumbContent canvas and use scroller canvas to scroll. I see than the height of thumbContent bigger than 7977 it truncate from scrolling. So - I see the scroller canvas with empty space on top. Then I scroll to bottom - I see the content of thumbContent and at bottom scrolling I see empty space too.

Flex :: Skin A Canvas With Image And Scale It To Size Of Canvas In It?

Apr 9, 2011

I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...

Actionscript :: Apply Tween Motion On UIcomponents In Flex?

Oct 29, 2010

i want to apply tween motion on UIcomponents using actionscript in flex.

Flex - List All The Valid Arguments For Setstyle() Function For UIcomponents?

Oct 25, 2010

i am working with actionscript flex and using UIcomponents i need all the valid arguments for this function for example component.setStyle("borderColor","white");

i need all valid strings for first string parameter and 2nd valid argument for there value setting,

i have some of them that are given below but i need all possible values for this function

[Code]...

Flash :: Resizing A Child Canvas In Flex?

Jan 18, 2012

I'm trying to figure out how to resize a child canvas but I can't quite figure it out. I have a bunch of mini canvas' around a parent canvas like this:

<mx:Canvas width="10" height="10" backgroundColor="#040404" top="0" left="0" id="anchorTL" />
<mx:Canvas width="10" height="10" backgroundColor="#040404" right="0" top="0" id="anchorTR"

[code]......

Flex :: Flash Printing Only Prints What Is Visible On A Canvas

Jul 18, 2011

I am building a very basic report writer for an AIR application that I am developing. I am using the Flash PrintJob class to output the contents of my report (in which pages are stored as Canvas objects in a ViewStack object).The problem is, only the content that I see in the report preview screen gets printed.Is there a way that I can print what the Canvas object contains not just what is visible? Here is a code snippet that I am using:

protected function doPrintReport(event:Event):void
{
var pj:PrintJob = new PrintJob();

[code]......

Javascript :: Client Technology Choice - Any HTML5/Canvas Libraries As Capable As Flash/Flex?

Jan 7, 2011

I built a prototype in Adobe Flex, they (customers) liked it. Everything was fine until they later told me that iPads / iOS needs to be supported too.I checked out Adobe's Packager for iPhone. We're evaluating that and we will know if it works out in a couple of days. (We need to get through Apple's red tape and certificates raj so this angle is delayed by a few days!)

There is a growing voice for using HTML5/Canvas as a technology platform itself. And despite being quite proficient in Flex, I think this makes sense.

I'm in need of a HTML5 library that can:

Render "widgets" i.e. containers with forms and components(this should be easy and possible using POHJC - Plain old HTML,JavaScript and CSS )Provide a Tree like control for laying out some data Provide a Canvas where data structures can be represented as basic shapes Provide drag and drop capabilities between Trees, Buttons and Canvas Provide some sort of Tab Navigator container (I guess JQuery works here) Interact with back-end services (JSON/XML calls will be okay, but mapping directly with back-end entities will be awesome!)Renders on latest versions of major browsers, Android OS and iOS (WebKit for mobile?)

I'm ready to give JQuery & JQuery UI a try. I looked at Sencha / ExtJS but it seems we need to maintain two code bases one for normal browsers and the other for mobiles (is that correct?)Single code base, I don't want to suggest to them that multiple code bases for the client need to be maintained. That's a last resort option and would lead to complete ruling out of HTML5 with Flash apps and native apps being developed.Canvas capabilities - I don't want to work with raw canvas and shape tags. This too is a last resort option. Is there any abstraction available?

Flex :: Persist A Hyperlink's Style After Mouse Has Moved Away?

Oct 17, 2009

Is it possible to persist the look of a 'hovered' hyperlink even after the mouse has moved away from it? I want to keep the user's attention on the hyperlink -- or at least have them able to see what it was, standing out from the rest of the text -- for a few seconds after they've left it. Ideally it would fade slowly back to normal

Flex :: Run ClickHandlers On Buttons Moved From Main View Component To Header Bar?

Jun 7, 2011

I've used JRab's example here [URL]... to add a header menu to my app. What I'm having trouble with is executing my functions from the header mennu. For example, my firstView is appHome.mxml. It instantiates a Canvas object that has an erase(). There is a button in appHope.mxml that executes the erase() on the Canvas instance. I'm trying move the Erase button out of my appHome.mxml and into my headerMenu.mxml but don't know how to execute the erase() on the Canvas instance. The first thing I thought to try was click="{appHome.myCanvas.erase()}" but obviously that didn't work.

I asked a similar question yesterday here: Flex executing a function on another view and I accepted the answer before I tried it. The problem is that the headermenu.mxml is not a child of appHome.mxml. They are both children of the main app.mxml. Secondly, the object that has the erase() is in a separate .as class I instantiate in appHome.mxml.

Flex :: Events - Drag & Drop: Detecting When All Data Has Been Moved From Source To Destination

Oct 5, 2009

I have two mx:TileList controls that I'm using to allow editing of objects in batch. The first contains a collection of all available data, and the 2nd contains the current batch. Both are bound to ArrayCollections, and using the native drag-n-drop functionality of the TileList control the data is moved from one ArrayCollection to the other when an object is dragged between them.

I need to change the currentState to show & reset the batch manipulation controls when the batch count goes from 0 to n or n to 0 items. Based on the documentation, I would have thought that I should listen to the dragComplete event, but my testing shows that instead of firing after the data has been removed from the source ArrayCollection and added to the destination ArrayCollection, it fires (consistently) between these two actions.

[Code]...

Actionscript 3 :: Flex - Possible To Have Flex DataTips On Canvas Rather Than Chart Objects

Jan 17, 2010

Flex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.

I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,

Flex Get Canvas Id?

Jan 20, 2010

I'm developing an engine to generate components.I been wanting to get my xml script that read and create a component to be load into 'content' canvas. I not sure how do I get the addChild work correctly as in 'content'.addChild instead of the one shown below:[code]

Flex :: Scroll A Canvas Up?

Dec 27, 2009

The basis for the chat window is a canvas. I've got that showing, but how do I make it scroll up? I want to clip the window so only the last 15 lines are shown.[code]...

Aligning The Canvas To The Right In Flex?

Dec 8, 2010

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Canvas width="100%" height="100%">
<mx:Canvas backgroundColor="#A8A8A8" height="100%" right="0" top="0" width="100">
</mx:Canvas>

[Code]...

My code above works absolutely fine, until i resize my browser window to a size below 800px width. When the browser window is make of lesser width than 800px, the canvas with background color #A8A8A8 is on the right of the window, but the problem is, when I move the scroll bar, the canvas should remain on the right of the window. Which does not happen, and that is what my problem is.

How can I solve this issue. What should I do to keep my canvas be on the right=0 all the time.

Flex :: Lie Two Canvas At One Tab Navigator?

May 18, 2011

I want to lie two canvas at one Tab Navigator. when I use <mx:local it created multiple tab.

Flex :: Drawing Squares On Flex Canvas?

Dec 23, 2009

I'm trying to write some code to an animated images of squares on a Flex Canvas There's something wrong with my code below because it becomes progressively slowerI assume I'm supposed to clear the old squares or something.What am I doing wrong below?:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
<mx:Script>

[code].....

ActionScript 3.0 :: "mouse Off Canvas" - Go To Frame2 When The Cursor Leaves The Canvas

Feb 24, 2011

Basically I want to go to frame2 when the cursor leaves the canvas. The code below contains no errors when tested but it still does not work.

[Code]...

We know that the function gotoAndStop(frame2); works in multiple situations which means the first 3 line is fine. I don't know if the problem is the MOUSE_LEAVE event or this.stage which i suppose is the identifier for the canvas. I sure that there must be an alternative code for the identifier this.stage or the whole code. Any solution on how to fire the given function in the event when the cursor leaves the canvas?

Flex :: Zoom A Canvas Through Hslider?

Jun 19, 2009

i am required to zoom a canvas through Hslider. The problem is after zooming the canvas i cannot scroll to the extreme left and top of the canvas i.e some part of left and top canvas are not visible. i cannot find the reason. The source code for the example is given below.

[Code]...

Flex :: Disabled Canvas Look And Feel?

Jul 27, 2009

Is there a way in Flex by which a disabled canvas looks exactly the same as an enabled canvas? I haven't been able to make sense of disabledOverLayAlpha and disabledColor properties for a Canvas component.

Flex :: Resize Loaded SWF To Fit In Canvas

Jul 29, 2009

a .fla is 500 x 300. Inside, content moves OUT of the 500 x 300 stage so that it appears like it hides or moves off of the screen. .fla complied... loaded into Flex via SWFLoader:

<mx:Conainer width="500" height="300">
<mx:SWFLoader width="100%" height="100%" />
</mx:Conainer>

Loaded .swf file shows outside of the 500 x 300 Container in Flex. How can i get it so that only what is INSIDE of the Container is visible?

Actionscript :: Flex Scrolling The Canvas To Its Top?

Aug 3, 2009

Is there a way to programmatically scroll the canvas to its topmost position?

Flex - Unable To Get Focus On Canvas?

Dec 13, 2009

I am creating a canvas in actionscript like :

private var cvs_preview:Canvas = null;

[Code]....

So on the focus change i want to run the "end_preview_on_focus_change()" but this is not working. As per my understanding, i think the canvas not getting any focus in the first place. I was trying to use focusManager.setFocus to do that after the canvas's creation complete. but even that is giving me an error.

[Code]...

Copyrights 2005-15 www.BigResource.com, All rights reserved