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).
View 1 Replies
I have finally finished my website. It works great, except the website is placed far on the left side of the screen. I would like my website to be placed in death center, kind of floating in the center and stay the same size regardless of how viewer adjusts the window size.I am trying to change alignment in PUBLISH SETTINGS (html alignment) but there is no "center" option. Only right, left, top, bottom. Here is the link to my posted .html: [URL]
View 3 RepliesWhen you drag the screen in any direction the background scales and rezises.But How do I make the text stay center and a certain size so that it wont scale to fit the screen and will stay a certain size
View 1 RepliesI have a center window and a background in my flash file. I am trying to get the center window to stay in the center of the web browser screen and get the background to expand and fill the entire web browser screen below center window layer. Sort of like this site [URL] I've currently converted the background to a movie clip and have this code.
[Code]....
I use a s:Group to place my component in my form.I'd like all form item have the same horizontal align inside the group.I try to use horizontalcenter with value 0 but it doesn't work.ve that.
<s:Group width="100%" resizeMode="noScale" verticalCenter="0" horizontalCenter="0">
<s:FormItem label="Naissance" tabIndex="5" x="{cbQualite.x}" id="fiNaissance">
<mx:DateField id="dfNaissance" width="
[code].....
Tried stage.stageWidth and stageHeight on applicationComplete, but for some reason the actual numbers returned do not seem to be accurate - the image always appears off-centered (stageWidth/2 - imageWidth/2). How do you determine the mobile device's actual screen size, to center an object?
View 1 RepliesMaking an Flex App. Just wondering if anyone has created something that fits automatically to the users' screen size and how I go about doing this? One of the principle things is that I need an background image, which is obviously going to have to scale / resize to match the users screen.
View 1 RepliesSo I have that panel or any other mxml component. I want somehow to rotate it around like a wheel of a car with which you drive it... loke a Racing wheel... sow like when mousebutton is down it captures pont of component... when you move mouse component rotates (not moves) according to new mouse position... How to rotate MXML component round its center like a wheel respectfully to mouse?
View 2 Replies[ X ] Problem solved I just came up with something i have some trouble to handle I've tried a couple of solution but none seems to work perfectly
What I'm trying to do is simple, get my flash to go full screen, but whatever resolution the user has, my flash must centers itself with the biggest proportion possible, and two movie clips goes right and left of it, as if they were borders.
I've been able to do this with a simple png, but i was not able with a movieclip where his dimension changes through time. ( i have a tween, so the mc gets really big even though just my stage is displayed)
I'm building a top view 2D map, that it's objects are stored on the server.The kind of objects are 10 and might be a photo, label, button, lists, mix of them or labels with tooltips.The component must request the "areas" that are missing on screen.An area is 1000x1000 px and is cached in flex.To move in the map, will be like in google maps (drag-and-drop).I should be able to have another list and move objects from one to another using drag-an-drop on objects. Ex.: I grab an objects from a list and I move it on this map, I release the mouse button and the item is placed there.Now the problem is: I build a custom component for this trying to emulate the item renderer for performance and recyclage, implement drag-and-drop on objects and request the areas that are missing?
or
I extend the List component from spark and I add some features as multiple kind of itemrenderers and use recycle on them. Of course it must be able to request the missing areas on the screen and cache it's data.Maybe create a custom layout is needed too.What I need is something that must be really fluid, so the lighter this component is, the better.
UPDATE: *There will be not any object over another.
*I will not use hitTest on bitmaps because all bitmaps are wrapped in another component,as they,for now are itemrenderers.
Anyway I already begin to do this using a class that extends the SkinnableDataContainer and a custom layout. As the layout is not like a grid, is sparse, random items at diferent points(x, y).How to get the localX and localY, relative to item renderer and not to the Spark List, from a DragEvent in Flex 4?
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).
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]
View 2 RepliesI 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?
Example:
]]>
</mx:Script>
<mx:TabBar x="10" y="10" dataProvider="viewstack1">
[code]....
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.e.
printSelection.includeInLayout = false;
addChild(printSelection);
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.
[Code]...
i know this is simple ABC (but i am quite raw at AS)... but what are the centre co-ordinates of the screen? (scaling aside)
i mean... i know 0,0 is top left corner. so what is middle or bottom right?
I'm having trouble centering the stage on screen, its locked to the top left of my window and nothing will make it move. I remember accidentally pressing something on the keyboard just before this happened, but don't know how to get my stage center again. The hand tool does nothing. Oh and its only happened in this fla, other fla's are fine. See attached image for screenshot
View 1 RepliesI'm new in flex.I faced problem to make full screen in flex 3.My layout container type like below.
<mx:Application >
<mx:Panel>
<mx:ViewStack>
[code].....
I'm trying to make my movie look good on all screen resolutions and when the browser is resized. I want to center my movie, and have it stay in the center when resizing the browser, and I can do this to an extent. I usually use the liquid center template in Dreamweaver, like so - [URL]. However, this time I want a big movie to stay in the center like this - [URL], I've ended up with this - [URL].
View 1 RepliesOK so i have a character that moves with the mouse. I need it to stay in the center of the screen(kind of like a platformer game). I can't figure out how to access the camera and move it. (Note: I have tried Vcam and moving all of the other objects but Vcam makes the file slow or something [or so i have heard] and moving the other objects in kind of like cheating [and for my needs is insufficient]) I don't have any code because i don't know where to start. Maybe someone can point me into the right direction.
View 3 Repliessay i have a stage that is 2000 px high..let's say there are buttons spread out from top to bottom and also,lets say pressing anyone shows a related MC..how do i make that MC center to the screen (not the stage) wherever i may have scrolled to?the only thing i have found after an extensive google session is somevague tip about using externalInterface and retrieving the position of the browsers native scroller from javaScrip ..but seems like a bit too much work, there's gotta be an easier way to do this.
View 2 Repliesi want a character to stay in center of screen and where ever we click on the page the character goes there , i mean that click position comes to centre with ease and we can also navigate map like age of empires, or DOTA but in that case character stick at its own position to map.
Im not flash developer so i dont know how to do this but i can do designing. I am attaching a fla with this pls do this experiment with that fla file so that i can understand it easy. Being a non programmer it is tough to understand these things for me. those brown sections in this map would be colusion areas , where we cannot move character and blue is river. so we cannot move character to river too.
when i run the image, it only appear in center with 2 blank white space in between.
<s:Image x="0" y="0" height="100%" width="100%" source="@Embed('assets/d.jpg')"/>
How can i make an image goes full screen (covering up the whole screen) with double tap/touch on mobile app?
And if possible how to turn it back to non-full screen (back to normal)?
I need to display a message in a flash project I'm working on. The message needs to be centered on screen, and can only be created using code.
Normally I could just put a dynamic text box on and hide it, but I can't this time.
Is there a way to center a flash projector on a screen when it is launched? I noticed when I launch a flash projector file, it gets positioned on the screen randomly. I am using ActionScript 3.
View 2 RepliesI am editing an XML gallery and I have some questions..I wonder how I can position my images in the center of the screen. The images are all the same size (800x600) and I need them to display in the center of the screen.I played around with the code and I found out that when I change the Width and Height, the images starts to move (finally)... But it's very hard to find the correct position, so how can I just get it to the horizontal en vertical center of the screen/file?
Here's what the code looks like:
Code:
<gallery dir="Photos/">
<img id='0' align="center" file="foodcongres2009_1.jpg" width='1024' height='768'>
Test foto nummer 1
</img>
[code].....
And next... I have just two arrows (left, right), but when I click on the left one (previous), it goes to the next image instead of the previous one.. How about that?
Ok i have a movieclip in the mainframe that on a button release gets moved to the center of the screen with some set_property stuff and then i want the clip to play. So i added a tell_target on release, the target is /movieclipname and i then Go_To_and_Play the first frame.
I have a stop action as the first frame of the movieclip as to keep it from runing when i dont want it. i want that tell_target to make the movieclip play but sofar no luck.
stop a movie clip..... here is my code:
ship_mc.onEnterFrame = function() {
ship_mc._x += 15;
}
What I need is this clip to move until x = 151, then stop. My spaceship will fly across the screen and then stop in the center...how do I make it happen?
This has to be simple to do, but I can't find instruction to do it. My .mp4 file is 480x270 pixel, and the clip is about 12 seconds long.
View 1 RepliesI make advance data grid to view tabulate data. Each row has icon. When user click that icon show extra data for the that row. I want show popup in my page center. I used PopUpManager.centerPopUp(panel); to do it. This is my code sample.
[Code]....
Now pop up show in center of hole page but not screen. When data grid have more data popup window is hide. I want show it center of screen. How can i do it. Can i set popup position manually?
