Actionscript 3 :: Resize DisplayObject To Fit Panel In Flex Application?
Apr 21, 2010
I am trying to attach some of my actionscript class, inherited from Sprite, to my Flex application by attaching it to a UIComponent, then add UIComponent to a panel. However, the size of my Sprite class appears to be larger than the panel. So, I try to resize it using DisplayObject.scale property, but I need to know the size of my container. Since I try to make my code reusable, I figure that I should let my Sprite class handle the resize by getting it via its parent property (let's say, I can resize it by set
this.scaleX = this.parent.Width/this.width or something like this)
However, my Sprite class's parent, which is the UIComponent, has width/height of 0. So, my question is:
1) Is there any better way to resize DisplayObject class to fit its container when attached to Flex object?
2) If you know, why my UIComponent's size remain 0 and my DisplayObject still appears at its full size? Here's my code, using Flash Builder 4:
private var loader:Loader = new Loader();
private function testLoader():void {
var urlRequest:URLRequest = new URLRequest("http://localhost/welcome.png");[code].......
View 2 Replies
Similar Posts:
Mar 4, 2011
I am working on an Adobe AIR Application. The size on Application window is 800X600 and is contains border container and border container contains many controls. What I want is to if user re-sizes the application then that container should also be re-sized according to scale. i.e If user maximizes or minimizes the window then that border container should also be maximized or minimized respectively.
View 3 Replies
Feb 11, 2011
I have a Flex custom BorderContainer component which has text inside of it. If I were to add this in my main Application inside of a panel, the BorderContainer goes outside of the width bounds of the panel due to the text being a set size. I have all of its components in percentages so that it re-sizes when shrunk, but the one part that contains checkboxes and labels (lots of things with text) mess up since the font size doesn't change.
I am pretty positive that the results I am looking for can be done through embedding the font, though I have not been able to come up with a solution from online. I am trying to do this with a CSS style since I will be using it for many different components (I dont just want to change it in the flex code directly).
EDIT Solution:
I attempted to use the ratio as www0z0k had suggested but it caused some serious issues when it was re-sized quickly or to a small screen (the component would not re-size correctly because it was multiplying by the ratio. What finally seems to have worked for me and caused no issues was that I ran the code and found the width (1152) and height (842) of the container.
I then created a const variable of widthX = 1152 and heightY = 842 and in the onResize() function I coded the resize like this:
(where bottomGroup is the id of the borderContainer I am trying to resize)
bottomGroup.scaleX = width / widthX;;
bottomGroup.scaleY = height / heightY;
END EDIT
So far I have found some examples of embedding fonts in the <fx:Style> and attempted to remove any delaration of fontSize but that doesn't seem to work.
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@font-face {
[Code]....
View 2 Replies
Oct 18, 2011
I have a quite different problem with resizing. I have a Flexbook component which uses the middle part of screen (center) with a html header menu and footer. The problem: The scaling works perfectly when we run in the local machine ( Flexbuilder). But when we deploy it to the server its like scaling never existed.. The requirement: when user maximizes the window or minimizes it, the Flexbook should be resized to fit the screen.
[Code]....
View 1 Replies
Aug 6, 2009
I want to change the view states in my flex app when it resizes in the browser window.I have the swf embedded at 100% x 100%. So when the user resizes the window below a certain width, I want to switch to a different state. I tried adding an event listener like this, but it only fires the event when I resize the swf outside the browser, not inside. I used:
this.addEventListener(ResizeEvent.RESIZE, SizeChanged);
I want this to work within the browser. I even tried using fixed dimensions in the embed code, instead of percentages, but that didn't help either.
View 1 Replies
Mar 6, 2010
I have a map in a panel.When maximizing the panel,the map remain the smaller size.How to make the map growing synchronizely with the Panel? When maximizing the Panel,I added Resize Effects.How to apply Resize effects on the Map when the extent of the map changing? It seems to me that I should dispatch extentChange event when maximizing the panel.
View 1 Replies
Mar 24, 2011
I discovered this while doing some programmatic panel resizing:Components in a spark Panel will still be visible when their location is outside the physical Panel boundaries. This does not happen with the mx Panel.unning Flex 4.1 on Windows 7I tried putting mx and spark controls in the spark Panel, and they both appear outside of the boundaries. Note this doesn't happen with the mx Panel. What am I missing to make the spark behave like the mxSample Code:
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
View 1 Replies
Nov 14, 2009
I want to create a panel docking to a pop up panel in my flex app, like Winamp's playlist window can dock to main window. but I didn't find any useful on docking in flex
I've traced the PopUpManager, but I didn't find any available interfaces or events about popup window's moving, I think it's design shouldn't be so bad.
View 2 Replies
Feb 2, 2010
This may sound stupid but. When I open the ActionScript panel it is to large to see the whole panel. I have script below the monitor window but can not resized this panel to be able to see the rest of my code. Is there a way to resize this panel with out using the drap option. This will not work because I can not get to the bottom of the panel to drap smaller / resize the panel.
View 4 Replies
Jan 15, 2010
Anybody happen to know how I can show the 'Local storage' panel in AS3 from an AIR application?[code]
View 3 Replies
May 11, 2010
i am creating flex 3 component when i re size the window i need to re size the labels and text.how to do this?
View 1 Replies
Jul 29, 2009
I have Buttons which I have rotated vertically within a Canvas, that is working fine. The problem occurs, when the user resizes the window to a small size a vertical scroll bar appears, I would rather have each button squashed upto a smaller size.
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="40" maxWidth="40" xmlns:myComponents="myComponents.*"
horizontalScrollPolicy="off"
[code].....
View 2 Replies
Dec 8, 2010
I'm having a little issue with the resize event and resize effect of a VBox.
I have something like this:
<mx:VBox id="container"
backgroundColor="0xFFFFFF"
backgroundAlpha=".9"
paddingTop="15"
paddingLeft="15"
[Code]...
View 3 Replies
Sep 28, 2010
I have a datagrid that occupies 100% of browser screen. I want the grid to automatically resize when the browser is resized to small or full screen.
View 1 Replies
Jan 6, 2011
Well I have now managed to trace down the problem. It seems as the microphone stops working if I resize my flash application. In other words if I resize my flash application from its original size, the allow microphone dialogue is no longer displayed at the start of the application and the microphone remains muted.
View 2 Replies
Oct 26, 2010
I would like to be able to quickly check if a given DisplayObject is a descendant (not in the inheritance sense - ie. child, grandchild, great-grandchild, great-great-grandchild, etc.) of another DisplayObject. There doesn't seem to be a native way to do this and I can only think of two ways to achieve it: Create the mother of all nested loops. Seems a bit, I dunno, wrong? Dispatch a bubbling event at the 'child' and check if the potential 'parent' receives it.
[Code]...
View 2 Replies
Apr 4, 2011
I would like look for an open source image resize and uploader for a web application. Preferably leveraging on W3C speficication and try avoid need client to install any application.
Target uploading images are limited to 1 ~ 3 and resizing in terms of width & height only.
View 1 Replies
Jun 2, 2007
In ActionScript 2.0, I am trying to make my application resize to Full Screen mode (for Flash Player 9). It goes to full screen correctly, with the typical message "Press ESC to exit Full Screen mode".
What I need to do though is toggle a few elements' visibility on the stage.
So when I go to to Full screen mode I do
[Code]...
View 12 Replies
Dec 7, 2011
I just downloaded Flash CS5 for mac which installed without any errors. However, when I first launched the software I am getting the following error: The following panel layout is missing or could not be read: /users/rob/Library/Application Support/Adobe/Flash CS5.5/en_US/Configuration/Workspace/Essentials.xml The application will not have a correct layout. load one from Windows ->Workspace Once past this message none of the panels load.
View 3 Replies
Jun 26, 2009
Does anyone knows of a way to get the output panel in flash or the console panel in flex builder or flash builder, to format the "traces" with html or any thing else? for example:
trace( <b>brett</b> ); and to get that to appear in bold in the console window or the output window?
View 0 Replies
Sep 19, 2011
i am using following code to popup a login panel whenever i click on some specific button.
the problem is the login panel sticks it should be non visible again if i click somewhere else on screen. Anyone got ideas how to do that.
[CODE]....
View 3 Replies
Apr 28, 2011
Is there any way to change the size of swatch panel in color picker control?? I tried thiscolorPicker {
swatchHeight: 21;
swatchWidth: 24;
}
but this is not working
View 1 Replies
May 19, 2009
I am trying to understand the interaction between Flex UIComponents and (Flash?) DisplayObjects... But it's not clear to me what the UIComponent class "adds" to DisplayObject. So, what can a UIComponent do that a DisplayObject cannot?
View 2 Replies
Jul 24, 2009
I want to replace the default title of the header with my image in Flex Panel.
View 2 Replies
Jul 9, 2009
i'm creating a visual editor in flex and need to let users export thier projects into Image format. But i have one problem: size of the canvas is fixed and when user add element which is out of these sizes some scroll bars added. And user continue working on the project. but when he want to take snapshot of the canvas he just get the visible part ot the canvas with scrollbars. how to get image of the fullsize canvas?
The only solution i found is to check the positions and sizes of canvas child objects and rezise it to fit them. then take snap and resize back. But it hmmmm... too complicated i think. Is there some "easy methods"?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
[Code].....
View 3 Replies
Dec 21, 2009
In regards to as3 project: Is there a way to inherit the properties of a given DisplayObject? I am looking for a single method that will grab something like the x, y, width, height, color, etc. Whatever is involved in the common classes between the two display objects.
Edit:
I don't think I was clear enough... Let me give an example of the type of functionality I am looking for.
var sp1:Sprite = new Sprite();
sp1.x = 30;
sp1.y = 30;
sp1.width = 500;
sp1.height = 30;
var tf1:TextField = new TextField();
tf1.inheritTransform(sp1);
So, in this case I know that the method 'inheritTransform()' doesn't exist, but I am wondering if there is something similar. Or maybe I am missing the point of extending a class in some way? I don't see how the two would relate in such a case.
View 2 Replies
Oct 5, 2010
How can I check what the parent of a displayObject is? What is the parent of myObject for example.
View 1 Replies
Jun 19, 2009
Flex gives the ability to export a display object as a bitmap as follows:
var bitmapDataBuffer:BitmapData = new BitmapData ( displayObject.width, displayObject.height, false);
bitmapDataBuffer.draw ( displayObject, displayObject.transform.matrix);
Is there a method to export a display object as a vector graphic instead of bitmap data?
View 4 Replies
Oct 8, 2010
I'm trying to develop a simple mxml Flex application to start Skype from the AIR/Flashplayer runtime. Is it possible to get back events from a native Windows application? In the simple example of Skype, the OS returns control to the Flex app when Skype exits. But what about native applications which have their own event model and wants to communicate with the Flex event model. For example, a Face detection system which shows "Hello" on a Flex app when the camera detects a face. Can this be done in the current Flex framework?
View 1 Replies
Aug 4, 2011
How I will be back in Login Page after click of logout which is in application's component.
Project.mxml
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%"
[Code]....
View 2 Replies