Flex4 :: Placing Flex-component In Middle Of Screen
Sep 6, 2011
When using BasicLayout (i.e. absolute positioning) - what is the best approach to place a Flex component in the center of the application?In the test case below I'm using x="{width/2}" but this gives me at least 2 problems:How do I account for the component dimensions (the ProgressBar in the test case)?Is the binding {width/2} a good idea to use? Wouldn't it send unnecessary DATA_CHANGE events in some cases?And finally I wonder, how this all applies to full screen applications using StageScaleMode.SHOW_ALL - because currently my application is aligned to the top-left in the full screen mode and there is a white dead zone on the right of it. (Which is at least a change from pure Flash/AS3 behaviour, where the full screen content is displayed in the center of the screen and 2 dead zones on the left and right).[code]
I'm trying to place a popup window (TitleWindow) in the middle of the main application window. how do i set the coordinates of my popup window to be of the main application window? i tried the localToGlobal function but with no luck, I just can't get the main window x and y.
I have been stuck on this for far too long. I think it's simple so I must be misunderstanding something. I want these to display across the full width of my flash app. When I shrink the width of the flash player I want a scrollbar to appear. At the moment no scroll bar is appearing.
I want to make a box come from off screen then bounce back and forth and then come settled down in the middle of the screen. It can be random bouning intervels or a set amount.
In Flex [4], when cycling the focus through components by pressing Tab, how can I remove particular components (eg. some buttons) from the tab cycle. I want those buttons to be skipped completely when pressing Tab.
I am new in flash developer. I want to set my frame at the center of the screen interdependent of screen size. but we are working on full screen view (means stage.scaleMode = StageScaleMode.EXACT_FIT).Logically I want one background image at back side, which cover all part of the screen, and on that background image I want to set my frame image at center of screen with fix size of (1000 X 750 px).
I have a map that uses a control to zoom in on it, but when it zooms it always uses the registration point to scale the image(map). This registration point is always located at the center of the image(map). There are 4 stages of zoom and each one then re-zooms at the center of the image(map).
I need this to zoom relative to the center of the users viewport area.
I am not able to attach the file here due to it being over 500K, it is 1.54MB, so have uploaded the CS3/AS2 file here: [URL]
I created few flex components in flash using flex component kit for flash. It generates a swf and a swc file. my question is, how can i load these flash created flex component at runtime and use them.
trying to get my SWF to fullscreen a movie clip and center it on the screen. I have been working with this for a few days now and havent gotten very far. Here is the code I am working with
this is hard to explain, but I can't find out how to make it so when I press a button, a menu pops up in the middle. How would this work for an online game? Since I don't want it to go to the next frame, how could this be done? when I push the button, a shape pops up in the middle of the screen.
1. I would like to make an animation where a dice roles from the left of screen towards the middle. Bit like this: I am thinking an animation, then put it on a path (not sure how to do this, but I know it can be done.) I have heard that swift3d could help me here, if so, give me a heads up. I could also make it an animation and make it bounce on the spot and use the inflash camera and draw back the distance to seem as if it is moving forward. Basically the main problem is how do I make the animation of the cube?
I'm new to AS 3.0 and I don't get this fluid thing fully. Everything works fine when I want my movieclip to align to the middle of the screen but when I try to make a button (or any movieclip) always align to bottom right I can't figure out how. Here's my AS, how do I make the "ball_mc" align bottom left?
I'm trying to create a navigational menu, What I have it 7 buttons on the top of the screen. When a button is selected it moves to the middle of the screen and all the other buttons slide over one, filling the empty space. If a second button is clicked the current one in the middle of the screen moves to the end of the line (position 7).
I have a video which my client wants me to cut in pieces. I see that I can set up starting and ending points in Media Encoder, i.e. cut out the part from beginning and end. Is there an option to cut out parts in the middle?
I am familiar with After Effects but my client doesn't want to invest in this program. Are there any smaller/cheaper programs which allow more video editing that AME if AME indeed can not do it?
I'm trying to place these external library elements in full screen mode.[code]But I don't know how to make them listen to a stage listener to scale and position relative to the stage size or resize.
In Flex, how to put some component ( like canvas ) appear at the center of the screen. ( even if there is scroll, it should be displayed at the center of the current view).
Coming from Robotlegs/PureMVC, I am pretty familiar with the concept of the view mediator, i.e. a component that pretty much listens to events/requests coming from the "dummy" view and makes a further request, sends an application-wide signal/event, executes a command, etc, based on the request from the view. Can the host component idea introduced in Flex 4 be considered a the same as a mediator? The only thing that slightly bothers me is that host components are still considered views, because they extend SkinnableComponent or any of the classes that further inherit from it. In my view, the mediator should be completely left out of view logic.
Nevertheless, I do not want to write a skin, a host component, and a view mediator for that host component, because that would be quite an overhead, and would lead to more complexity rather than abstraction.Should I use host components as mediators, and put application-level logic there, for instance application level event dispatching?
I've been working on a uni project. Basically, enemies are placed on the screen using a timer variable and using the attachMovie to put them on the screen. This is an example of the code I'm using:
Actionscript Code: var enemies;var timer; function onLoad(){ enemies = []; timer = 0;} function onEnterFrame(){timer++; if (timer == 10) { Timer = 0; var enemy = _root.attachMovie("mc_1", "mc_1", _root.getNextHighestDepth()); enemies.push(enemy); }}
This works and places them on the screen, (and into the array) but by putting them into the array, I thought that each one would be a unique instance of the movieclip which doesn't always seem to be the case. If I shoot one of the enemies, sometimes another enemy will explode (or both of them) and other times I will knock into one enemy and another one will be the one who get's knocked.
For my collision code I'm using this: Actionscript Code: for(var i in _root.player.enemies){ if (some arguments..) _root.player.enemies[i].health -= 10; }} The explosion code also uses a similar for loop. Should I look at another method to place unique instances of the enemies on the screen?
I have 5 components on my Flex application(actual view) and they are:
x = main panel y = bottom panel z = left panel a = right panel b = top panel
I have a toggle full screen button. When clicked I want the main panel(x) to become full screen. At this point only main panel(x) should be visible. when I click on the toggle button again, it should become normal displaying all 5 components(the actual view).
using an old file that utilizes actionscript 1.0. I tried placing a video component into the file and it doesn't work. This leads me to believe I need to convert my old actionscript 1.0 to at least 2.0. The old actionscript simply moves a movieclip at certain intervals when the play button is pressed or the slider bar is dragged. When I exported the movie using 2.0, the following errors occurred in the compile errors box.Here is my actionscript that causes these errors.
I have a custom component I've developed that's part of a dashboard.It does some polling based on a timer that's part of the component.
When the user navigates away from the view that contains this component I would like to stop the timer and hence stop the polling.I can obviously fire an event when the view's changed and catch it within the component but I was hoping that there might be a way to contain this all within the component.Is there an event or state change within a component that triggers and even when a component is currently be displayed?
I have a several chart components that I have created in Flex. Basically I have set up a special UI that allows the user to select which of these charts they want to print. When they press the print button each of the selected charts is created dynamically then added to a container. Then I send this container off to FlexPrintJob.
i.e.
private function prePrint():void { var printSelection:Box = new Box();
[Code]....
I have seen some examples on the adobe site that add the container to the application but don't include it in the layout. This looks like the way to go.
I have a Group screen component with some Path elements inside. The Group has a (default) style, and the Path has a (default) stroke. When the program starts, (on initialize) loads from a server (via HTTPService) some data that includes different styles for the Group, and it may also include different color/width for the Path stroke. If the styles/stroke attributes are not included in the server response, then the component will be shown with the defaults.
Is there a guide or document that deals specifically with migrating CSS and style attributes from Flex 3 to Flex 4? I have an application that I'm keeping on the 2006 namespace, but I'm having trouble with a couple concepts, like the halo only styles, the CSS namespacing conventions, and styling child controls.
I would like to have vertical tabs in Flex 4. I have started implementing this by having a vertical list down one side. On list selection I am updating the selection index of a view stack. This gives the functionality of vertical tabs.
My problem is the look and feel. How do I get the list to have a similar look and feel to the horizontal tab bar? Is it a case of overriding skins? I have found this post: Flex 4 vertical TabBar
which does implement vertical tabs. My problem with this is that I do not get any text in the tab. I think the problem is that this was originally written for flex 2. I am using flex 4 and am trying to put this component inside a
I have an ArrayCollection which has several employees and departments.Each employee belongs to one department. How can I find out how many employees are belonging to the same department from the said ArrayCollection.In database we use join query to do this, but how can I do this by using an ArrayCollection in Flex?
For Example
[code]...
How can i fetch these values from arraycollection in flex? is there in inbuild function or property provided by adobe.
