Actionscript 3 :: Flex4, Centering And Resizing A Image Inside A Group Container
Jan 21, 2010
I'm looking for the best way to get a flex 4 image object to resize and horizontally center whenever its parent container (a custom component based on group) resizes. I cannot set horizontalCenter="0" to accomplish the image centering because I use a move transition to "slide" the image in and out of view.
I'm externally setting the image source in the component. Here is a simplified example of my component code that only addresses resizing the image.
I'm developing an ActionScript 3.0 app for Blackberry Playbook. I have a Loader with a fixed size of 240x240px. The images that can be loaded inside are smaller or bigger than 240x240px, and also they aren't squared. I use this code to resize that images:
I have a UIComponent and inside it I put a loader (which loads an image file).
THE PROBLEM: Even though I resize the UIComponent(to a square), it will still follow the size of the image in the loader. But when I resize the image in the loader, it will become stretched. What I want to do is have a container(UIComponent) that has a fixed square size and after the image has been loaded it will just fit in the dimention of the container without being stretched.
I am trying to figure out if it is possible to click and hold an image loaded into the uiLoader?
What I would like to acchieve is an image gallery which loads a big sized image, but first it would resizes it, to the half of its original size and when the user would click on it, the image would zoom to 100%, and by holding the left mouse button he would be able to scroll the image (left, right, up or down).
Ive found all sorts of answers but not the right answer. Im using the loader class to load images into a gallery. Im placing the image inside a movie clip. I want to resize the images as users will dynamically load them but width is not working. scaleY works and scaleX
I was looking at this tutorial, this is exactly what I am trying to do with my website, but this is AS3, is there a way to change the code so it will function exactly the same but with AS2 code instead.
I have already contstructed my site with AS2, which then wont allow this code to work, Is there even a way I can have an AS3 index file that loads the movies with the AS2 and applies the same resizing to the movies that have been loaded.
I've been playing around with a code that keeps a specific object on the center of the movie when the window is re-sized. It works well but here is the issue: I don't want the object to be centered at the very center of the window but on a specific x,y coordinate. How can I modify this code to assign an x,y coordinate so that the object will be "centered" in reference to that coordinate?
Next, is the code. "centerlogo" is the object to be centered and "backgroundImage" is as the name implies the background. I know that what i ask has to do with the part under the "//center content" comment
function init() { stage.align=StageAlign.TOP_LEFT; stage.scaleMode=StageScaleMode.NO_SCALE;
I have a request to bulid the Flash website looking somewhat similar to LabelloI need a fullscreen flash that position elements dinamically, based on the stage dimensions. I found this tutorial on Kirupa:I need to do the same, but in AS 2.0, since it is the requirement.Is there any tutorial or finished script for this or I just need to write the code from scratch, as I'm not so good in AS3?
I have a code for a page I am using and I would like to add a background and have it resize with the screen like the rest of the page. I have created a movie button named "pic" with the image in it but I don't know how to write the code and place it in the existing AS3 code file.how to place the code like i was in 3rd grade, that would be great. Here is the existing code.
I have a code for a page I am using and I would like to add a background and have it resize with the screen like the rest of the page. I have created a movie button named "pic" with the image in it but I don't know how to write the code and place it in the existing AS3 code file. I am brand new to this so if someone could tell me how to place the code like i was in 3rd grade, that would be great. Here is the existing code.
I've just run through this tutorial and I've got my site centering in my browser as planned.However when I resize my browser window the text (I'm using a pixel font) is going fuzzy.Is there some way I can lock 'centerRectangle' to a rounded X and Y coordinate so that this doesn't happen?
I have a main flash container move that loads in multiple swf files. I created a movieclip container in the main flash container that resizes and positions according to the stage height and width as follows:
This works fine if no graphics are off the stage in the loaded swfs. Otherwise if I have a scrolling menu and the buttons out width the containing mc it takes into account the masked content width and centers the movieclip accordingly throwing alignment off.
Is there a way to ignore masked content when getting stage width and height?
Is it possible to create a custom group container in actionscript? My goal is to create a custom composite spark container in actionscript that has an image control and a textbox layed out in a vertical layout.
I am trying to design a custom group container. This is my code below. I have a Group openning tag and a GlowFilter inside the declarations. When I run the code, it gives me error Code: ArgumentError: Error #2005: Parameter 0 is of the incorrect type. Should be type Filter. I have no idea what went wrong. The code compiles fine, but not able to run. The workaround is change the Group to BorderContainer or remove the filters, but I just don't see why Group has a problem with it. I have attached my simplest project file.
I have been given the seemingly simply task of resizing a Group container by setting width and height explicitly in response to user interaction. However, changing these values have no effect on the size of the container at all. Changing scaleX and/or scaleY will change the size of the container just fine, but this is not the behavior I am after.I have tried overriding updateDisplayList() to set a specific width and height, but this has not yielded the desired results.
i want to create a container at runtime when ever i push a button at different places on my screen, for start lets just create only 1x of such container using a button .
im loading photos of different aspect ratios with a loader onto a child holder frame_mc. I wanted to know what AS3 commands do i need to work on to get the frame_mc to resize to the new childs dimensions and centerize itself on the main stage? (as in event listeners, functions, vars etc)
I have a window witch is resizing on creationcomplete phase according user preference. This part woks well. But inside this window a s:Group (maincontainer2) exists and even if width and height is in percent, the s:Group size is bigger that the new window measure.
I'm currently working on a custom component which extends Canvas (let's call it SuperCanvas) ; it's basically a container that let you zoom & pan its contents. It would be too long to explain why, but I can't use scrollRect, so I was forced to declare a Canvas object (called innerCanvas)... inside my SuperCanvas (I know, not very nice =/) I would like to know if there's a proper way to "redirect" the creation of my component's children in this canvas.
When I set the visible property to false for a child in a container, how can I get the container to resize? In the example bellow, when clicking on "Toggle", "containerB" is hidden, but the main container's scrollable area is not resized. (I do not want to scroll through a lot of empty space.)
I'm starting to localize my flash application.I'm trying to see if there is a way to rollback on default operating system fonts for languages like japanese so I don't have to embed them.So far I didn't find anything online.I'm currently using css to define the font family like :
did the tutorial on this site for an xml image gallery - it worked great... My question would be is there a way to accomodate for multiple image sizes that would allow the image displayed to be centered?
And that I have a dozen more of these groups with different ID's. How can I modify the fill color of each Ellipse using ActionScript? I know I can do something like this:
b01.getElementAt(0).width;
And that will give me the width of the Ellipse. But how can I access the SolidColorStroke color or the SolidColor fill?
I'm having trouble to center any dynamic content (movieclips, textfields...) inside a dynamically created movieclip, which has a default point of interested in the top left corner.
PS: Just as an example, I have a dynamically created text field inside a dynamically created movieclip....and when I try to scale that movieclip I need to scale it from its center
I have Flex application - it connects to FMS and joins to NetGroup named "default".So I have for example 4 clients connected to the same server in the same group. And looks like not all clients are connected to each other! Client1 sees Client2's streams and messages but doesn't see others. Same for Client3 and 4. I know UDP must not be blocked in networks in order to P2P connections work, and this can be a reason why not all members of group see each other.My question is - if there any ways to make all clients see each other? For example - if no P2P connection can be established - connect client via Flash Media Server or some proxy?
I have a movieclip on the stage which has the dimensions 400x400.I currently load images,and add them to this component.Each image is a different size. At this moment in time, they are placed at position 0,0 within the movieclip container.Some of the code looks like
var data:XML; var total:Number; var url_list = new Array();[code]....
Is there anyway I could get the loaded images placed at the center of the movieclip container.I dont know if I have to do something like subtract the images width and height from the containers width and height, and then divide by 2?
