ActionScript 3.0 :: Resize A Sprite Without Resizing Contents?
Feb 12, 2010
How do you resize a sprite without resizing the contents? For example the script below create a sprite, attaches it to the root, creates a button, attaches the button to the new sprite then resizes the sprite. but it scales the button when I try to resize?[code]...
I am not simply trying to contain things and have the container resize without the contents resizing. I would just use a simple MovieClip for that.. My main focus is on the use of BitmapFill. I'm trying to make a repeating background image for a container; thus far I'm able to draw my BitmapFill sprite to the size I want. (Which is the stage's height) but when the stage is resized, I want to re-size my container but have my containers BitmapFill crop or add more as the window is resized bigger or smaller. Allow me to illustrate what I mean:
I've got a simple rectangle sprite that fills with a bitmap from the library and a simple resize handler function that detects when the window has been resized.what I would like to do is have my rectangle resize to the height of the stage.stageHeight maintaining its bitmap fill, but not resizing the bitmap fill or any children within the sprite.
From what I've read, this is a little tricky because the sprite resizes in relation to what it contains.. or.. something like that.. I really don't know any more.. I saw one example where a person extended the sprite class but I don't know why or how..
in my library there is an image called 'pattern' and my code looks like this:
I've got a little problem with BitmapFill, I'm trying to use a sprite as a container for various things and i would like it to have a filled pattern background. my problem is that i want it to resize the sprite to the height of the window but not have the background fill resize, and add more / crop as the window size is changed. to illustrate what i mean, please view the diagram attached to this post .
I have an image in my library called 'pattern' and my code is as follows:
I am working on tabNavigator in flex 3. I have tileList within it. Contents in the tab comes dynamically so I cannot provide explicitly fixed height and width. I need to resize the tabs depending on the contents within it. To resize the tabs I have enabled 'resizeToContent' property of tabNavigator.For some reason it is not resizing as expected. 'resizeToContent' works fine for other child items in tabNavigator but fails when I use tileList as child in tabNavigator that time tileList resizes to its default size(4 rows are only visible). So i was wondering if there any way so that I can force tileList to display all its items without putting scrollbars after its default size.
just by invalidating size on creationComplete ,will that resize all tabs for me. I am having n-number of tabs in tabNavigator as user can add tabs and content within it. how can I achieve this. I am new to flex so just getting confused with its behaviorand struggling with this issue from long time.
I want to make the stage and contents to resize in ratio to the window size, Like the file I have provided, When you make the window bigger or smaller the contents change with it. How did they do that? [URL]
Notice if you adjust your browser size in both direction, it'll resize itself accordingly.
But if you resize in only one direction (squish your browser left) it won't resize at all past its aspect ratio..
Same if you squish your browser upward (with out resizing to the left or right), it'll resize till the aspect ratio is good, but if you continue squishing your browser up, it'll simply stop resizing all togethor and crop it.. AS well as the top portion of the flash file never moves up.
I want to make a full flash page, but allow the aspect ratio to be maintained when people adjust their browsers, so it can be resized if the browser is at a smaller resolution, but if they only move one side of their browser, nothing happens, (try it on the jimcarrey site to see what I mean, if you size your browser in both directions, the site resizes, but if you resize your browser in only one direction, say like up/down, it'll just crop out the bottom once the aspect ratio is met.
I have several images loaded onto several sprites from a loader such as var pict:Loader = new Loader(); ur = urlAddressStringHere; var re:URLRequest = new URLRequest(ur); pict.load(re); pict.contentLoaderInfo.addEventListener(Event.COMP LETE, lo); function lo(event:Event):void { mySprite.addChild(pict.content); } The problem is removing the content or the sprite using removeChild. I am unable to do either and do not know what to do.
Everyone and their mother asks how to resize their movie to fit the users screen. However, I'd like to know how to resize the actual swf object to fit the movie's content--that is, if I have a movie that dynamically loads text/data into a [vertically] autosized textfield, how can i make the actual swf object expand to show all of that content, letting the browser's scroll bar appear/disappear?
I loaded a swf from external. using loader class. But if i check with the width and height of the loader is differes from loader.contentLoaderInfo.width.
From this statement i came to know the loader gets the width of all hidden objects, which are already outside of the stage area. But now I need to increase the size of the stage contents only..
I'm trying to make a resize effect with actionscript, it all work fine but the problem is that the contents should follow the resize.. example bottons, text and so on... If you know what I mean
I have two options and I want to know whats faster. I have a pool of 1000 sprites objects in as3 on screen. When its needed each sprite has to resize itself. I can 1- Make each sprite a simple container to use graphics to draw a rectangle, that is, call a 'spriteInstance.graphics.' ,draw the rectangle and on each 'refresh', I do graphics.clear and redraw the rectangle but with the new size, this for each sprite. or 2- Create each sprite with a border and on each refresh, resize it Whats better?
But when the contents of someArrayCollection change, it leaves the combo box too small:How can I trick the combo box into automatically resizing to fit the label of the largest item?
I have a Bitmap. Let's say it's 100x100 in size. I would like to display that bitmap on a Sprite that for the sake of this example is 100x50. Since the height of the bitmap is double than the height of the sprite - I would have liked the bitmap to be cropped (and to later implement a "scroll-down" mechanism) - HOWEVER, apparently:
1. The size of an "empty" sprite is defined by the size of its first children(s) - once I addChild the bitmap into the sprite - the sprite becomes 100x100 (If I try to define the size of the sprite to 100x50 before adding the child, and then adding it - then nothing is displayed).
2. If I then try to resize the sprite by modifying its Height property - the bitmap get's "scaled-down", or rather "squashed-in" to fit the new size.I'd like the bitmap to retain its original size (and be cropped at the bottom).Can it be done (without copyPixeling to a different bitmap etc.), and if so how?
btw:(3) If after all that I try to scale the bitmap back up (by changing scaleY) - then the sprite itself is again gets scaled and resized with it...
I have an AIR app who has a canvas that scales when I resize the window. I have a sprite that is added to that canvas. When I scale the window the sprite does not scale with it.How do I tell the added sprite to scale with the canvas? Or tell it to be 100% of the container always?Right now I am listening for a resize event and resizing the sprite on that. But that seems like a waste of code/ too much of a CPU hog because I can easily add an element (using MXML) and tell it to be 100% of the parent and it will scale it on its own (EG without telling it to).
I'm trying to create a Flex application that can automatically shrink based on the size of the components that it contains, so that a user can shrink it to a minimal view to see more of the HTML page it's embedded in.
I know how to change the size of the whole application using ExternalInterface, but I'm having trouble automatically figuring out how much the size changed when something is hidden or shown.
How can I hide one of the text fields and cause the VBox to shrink? I'm currently setting it to visible = false, but that doesn't seem to affect the parent VBox.
Once the VBox shrinks, how can I detect that the Application no longer needs so much space, and then go about figuring out how much less space it needs?
I've tried using ResizeEvent, but I haven't been able to get them to work, but I could be doing something wrong.
I have a large Group which contains two rulers and labels for distances, and a varied amount of smaller groups consisting of images and labels. Now my task is to print the large group on a page with a header and a footer. The large group extends outside the edge of the page and pushes the footer off the page. If I was printing just the Group, I could use
to fit it all on one page, but that would scale the header and footer as well, which I don't want - I'll be printing more pages and want the header and footer sizes to stay the same.
Is there a way to scale only the group and its contents automatically before printing?
What I'm wanting to happen is that when the "body" movie clip changes size, I want the objects within it to be scaled proportionally (keeping the x:y ratio the same). The result that I'm wanting will result in the contents (as a whole) being proportionally scaled to the height (because it will always be the smaller dimension in my case) of the current size of the body mc.
I've uploaded my .fla so you can see what im working with. The red square is the body that i've managed to scale but I have not yet added anything within it. (I have tried but it's contents distort when the body is resized)
i'd like the contents of my swf to re-position itself in relation to the resize of any browser window with easing here's examples of what i.m aiming for only my swf is aligned top left }}} [URL]
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 have a listener that calls a function which sets up everything on the stage exactly where and how I want it, works great. However..I also use the same function for my initial setup, and it's not triggered until/unless someone resizes the window, and as a result, everything is a mess until the window is resized.I could just duplicate the relevant bits in a separate function, but that seems needlessly redundant.Is there a way to trigger the function upon the initial load without waiting for a resize event?I would just call the function directly at the end of the script, but it expects a parameter that I can't figure out how to pass it.[code]
I creating a flash gallery(using flash first time) and found one problem. When i resize movieclip(container) it resize its children, so i could't resize them manualy to dimensions what i need. How i can disable resizing of children of movieclip?
Imagine I have a movie clip on the main timeline that has text in it. If I use the free transform tool on this clip, it resizes the movie and the text within.
However, if I resize the clip using AS2 e.g. clip._height = x; then the clip is resized but the text isn't.
Is there an easy way of achieving the effect that the transform tool has using AScript or do I have to set all the text params separately when I resize the movie
I'm making a resize function that has to resize a Project object that extends Sprite.
But I keep ketting a type coercion error: TypeError: Error #1034: Type Coercion failed: cannot convert AS:: Project@318ff89 to mx.core.IUIComponent.
I've tried casting the Project object to an UIComponent or DisplayObject, but this also throws a TypeError.
[AS]var resizeTarget:UIComponent = new UIComponent(); resizeTarget = UIComponent(target.getChildAt(0)); var myResize:Resize = new Resize(resizeTarget);[/AS]
So basically should I try avoiding the use of Sprites in Flex?
resizing movieclip using action script. I doing a resize on the width of the moviclip. What i got is the movieclip resize on center, but i want is on left. the code i use as below:
Im trying to make a website in AS3 with a dynamic background-video that fills all the page in my browser and keeps the proportions even if you are resizing the browser like this:[url].....its almost working but i dont know what to do to force to keep the proportions of my movieClip and at the same, to fill 100% of my page .This is my code...I have a movieClip with the instance name: "bg".
I'm currently working on a center stage component and I was wondering if there's a good way to detect when a stage component has been changed if any of the elements inside it have been enlarged?
This seems like it should be available but I can't find one that doesn't fire before the redraw. Or at all for that matter.