ActionScript 2.0 :: Align 1 MC To Bottom Left Of Other MC?
Nov 1, 2006
I'm having a small problem with aligning movieclips. I have 2 movieclips.
For examples sake let's call them
black_box
red_box
I need red_box to align to the bottom left of black_box. Now the code I'm using works when black_box lays on the 0 axis for both x and y. But since the positioning of these movieclips are dynamic I'm having problems.
I'm almost sure I just need to add in the current x and y values into the equation but I simply can't figure it out
Any way to bottom-left align components? An <HBox .../> nested in a <Canvas .../> doesn't work because the elements in the HBox are top-aligned instead of bottom aligned.
For example, I'd like my components to be aligned like this: +-------------+ <-- container | components | | | V | | V +--+ | | +-+ | | | | +-+ +--+ | +-------------+
I am still very young to the fullscreen flash phase.. thats why I have a quick question:How do I align my elements (movieclips) to follow the bottom or the right/left side of the website?
I'm planning to provide the visitors of my website an option to toggle between their normal window and an optional fullscreen window. I just don't know how to align a simple movieclip to the left bottom of my fullscreen window (margin 20px). I can't use static parameters because it has to be adjusted to everyone's personal screen resolution. Does anyone know how to fix this?
I've some components with dynamic heights. They have to be aligned with respect to the bottom of my canvas container, so I cannot set the same y for all components.
I could compute their heights and successively set the y but I was wondering if there was an easier way to do it.
Code: Stage.align = "BC"; Stage.scaleMode = "noScale"; var $stage:Object = new Object();[code].........
To make everything align to the bottom of the .swf when it scales, as most of my MC's won't need to scale. The bottom part stays pretty much on it, imagine a desk, with lots of stuff on it, then as you resize, the background extends, which is why it aligns bottom.There is then a bar at the top and a bar at the bottom. the bottom bar is fine, it is naturally aligned to the bottom, so it doesn't need to be told to do anything.The top bar is giving me some grief though. I've tried all sorts of code to try and make it sit up the top, but it just doesn't want to.
The following code blocks create a movie clip 20px high and align it to the bottom of the stage (I add 100px to stageHeight because by default it traces 300 instead of 400). Regardless, both code blocks work when tested in Flash.In HTML however, only the first code block works.The second code block produces a blank HTML page. The second block is so that I can change the footer's height and still have it sit at the bottom of the stage...Considering "footerY" traces 380px, I have no idea how the two code blocks are so different that one HTML page makes the clip visible and the other doesn't.
Code: var footerHeight:uint = 20; // var footerY:uint = (stage.stageHeight + 100) - footerHeight; // trace(footerY);
I am trying to make it so that when the window is resized, a color bar resized to be the width of the stage and the moves to the bottom of the window. The width resize works fine, but item disappears out of view when i include the new y location. I've set up a trace and everything seems to be fine. What am i doing wrong?
Ive got my flash movie set to 100% width & height, while the stage is set to no scale. Is it possible for me to align an mc to the bottom regardless their window size? Just to clarify if firefox is larger than the stage, can i align this mc ( like a footer ) to the bottom of the ussers screen.
I have my movie embedded with 100% width 100% height in order to take up the entire browser window. Now what I would like is a MC to automatically align itself so that it stays at the bottom edge of the browser and adjusts itself whenever the browser window is resized.
Basically I have a textfield that will have a fixed width and wrap the text, which will be passed to it dynamically. Since the text will be dynamic,there's no guarantee of how many lines the text will take up.Directly underneath that textfield i have another text field that will also take dynamic text. Think of it as a title and a subtitle.so I'll have something like this:
Code: var title:TextField = new TextField(); var subtitle:TextField = new TextField(); title.wordWrap = true;
[code]....
and probably others that I'm forgetting. Getting it to work with a single line of text isn't really a problem, but as soon as the text begins to wrap to multiple lines, everything i've tried seems to fall apart.
I have a dynamic text box for multiple questions in a text. We would like to get the text box to align bottom (so the text is always at the bottom of the box no matter how much text is in the varriable). Is there a way to do this?
My movie clip is not bottom aligned when window is resized. I noticed that everything works when I delete the line which tells the stage to not scale. PHP Code: //Stage.scaleMode = "noscale"; But I need to keep that line because I don't want my swf to scale. My question is how can I resolve the issue with the bottom align of my mc? I already have addListener but seems it does not work when the "noscale" line presents.
This should be relatively simple, except that my entire movie (site) is TopCenter based. I just have one movie clip (some text) that I need to be top Left aligned & I can't figure out how to put it there, especially since it is within an MC that is centered and full-screen (liquid layout). This is my code right now (within terminal MC):
PHP Code: // initiate postitions and scaling values for objects //////The below is what I need left-aligned; current values are incorrect: //_level0.terminal_stage.terminal.terminal_text._x = -440; //_level0.terminal_stage.terminal.terminal_text._y = -315; _level0.terminal_stage.terminal.terminal_bg._width = Stage.width; _level0.terminal_stage.terminal.terminal_bg._height = Stage.height; [Code] .....
The terminal_text MC should be about 20px from the left edge & 20px from the top edge of the browser...
i made a function for replacing a text letter by letter. You've probably seen this effect of putting in place of a text a random one, with the length of the new text and then replacing the random text, letter by letter with the new one. It worked fine but I had to do some adjustments, because I needed to vertically align the text to the bottom, and I had the newline character in the text which gave me some issues with the aligning. Since I did this adjustments, string.length returns undefined even if trace(string) shows the correct text in the output window. On the other hand length(string) gives me the right answer. I also use the charAt function which also returns undefined, even if the trace function shows the correct text.
How can align my application to the left in Flex ? The application is horizontally centered and when I resize the browser window it stays centered. It is not css padding, it is flex padding, so I guess I have work with Flex code.
I've tried to add the following properties to the Application container: paddingLeft="0", left="0".. but it doesn't work. Still centered. I've also tried to set "align","left" in the html/javascript code, but it doesn't solve the issue, because the padding is inside the flex application.
I want flash banner to span acros the screen so I put width="100%" and Stage.scaleMode = "noScale"; ok. But, this way all its content is centered. I want it to stick on the left, and so I put this code in it:
Code: onEnterFrame = function () { _root._x = 0.5 * (750 /* original document width */ - Stage.width); }
This works. But the way this thing works when I resize browser window is far, very far from smooth. I tried to change it to
Code: onEnterFrame = function () { var rx = 0.5 * (750 - Stage.width); _root._x = rx + 0.1 /* or another number */ * (_root._x - rx); }
I am wondering if there is some straightforward way to do this, like some hidden FLA setting, or some Stage/_root property, and if there is no, how the hell to script it?
i have a swf object in my page, and i want it to have 100%width (entire screen) but i want the swf to be aligned to the left. with the following code it gives me the 100%width but the swf is aligned to the center of the page, is there a way to change the alignment?
How to use the horizontal align property of TileList or List in flex? I want to make an align left of my TileList with only 1 column. I know I can use a simple List for that, but this is a requirement.
How to align the Spark Buttons Icon to the left? / like the icons to be all 3 pixels from the left // I have checked the sking class of the Spark buttons, but they doesnt expose the Icon property for further extending the skin/
I have a Flex app. and have a top banner where I have one graphic I want left aligned, one graphic I want to hug to the right, then some text I want always centered in between the two. Which layout do I use to do this?
I'm having some troubles trying to scroll a container MovieClip across the stage.I've attached an EventListener to the stage to track the MOUSE_MOVE MouseEvent, but it scrolls in a weird way (when halfway the screen it shows about 300 px of the container, when going below the horizontal centre, it goes up and disappears from sight.This is my code:
Code: private function moveHandler(e:MouseEvent):void {
