My component has lots of inner components.When i resize the container component (panel), i want all inner components resize with same ratio. Which function should i use?
View 1 RepliesSo I'm loading a really big pic in this mx:Image manteinAspectRatio enabled with a height constraint and as usual it doesn't work (Flex is definitely not for me):
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
I use the addChild(myChild) on a window. but when this window resizes i want to make the myChild width and height to fit the window.
View 1 RepliesI 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]....
Do you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 RepliesI have a component called X. I'm trying to make a menu come down from it when I put my mouse over it.
I have a mouseOver handler which changes the component's state to another state which shows an extra child component (the menu) on the lower part. This of course makes the X component grow.
I also have mouseOut event handler which makes the menu disappear by returning component X to its original state.
When I move the mouse over the component the menu appears as expected. But when I move the mouse down to the menu that is now visible, as soon as I touch it, it disappears. This way it's impossible to reach the menu.
I guess the mouseOut event is triggered as soon as I move out of the old boundaries. Is this so? And how can I avoid it? The new boundaries should now consider the extra child with the menu.
It's interesting. If you set stage.scaleMode = StageScaleMode.EXACT_FIT; all components are resized when you resize the window, BUT there is a grey stripe at the bottom of the window that is not.By the way, is it possible to take that grey line/stripe off from the window?Try to resize this window and you'll see what happens:
<?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"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:local="*"
[code]....
There is also a timer just for checking if the Stage's size is the same as the application window's one.
When the browser is resized, how do I make the movie resize?in the HTML parameters, I put width 100% and height 100% and in the .swf file I have: Stage.scaleMode = "noScale";Stage.align = "TL";ow, I notice if I were to shrink or make my browser stretch out. The swf doesn't resize on it's own to fill the space when larger or resize when you shrink the browser width/height. I've been told to use a listener, but I have no idea how it works, I've tried putting in scripts with no luck.
View 2 RepliesThis code creates a two arbitrary sprites, box and circle, and puts them on the stage. The circle is the child of the box.The purpose of the code is to enable the sprites to resize when the stage is resized. But the sprites only change size when the stage is smaller than their original size. When the stage is big enough, the sprites don't get any bigger than their original size. Throughout, they maintain their proportions.[code]
View 10 RepliesI want to use a Spark ComboBox with numerous MX Components but the Spark ComboBox does not look the same as the MX Components. Is there a skin I can use to Skin Spark components like MX components?
[Code]...
There are lots of examples of how to create skinnable components in AS3 using the new Spark component architecture, however I've yet to find any such examples using MXML.What I'm mainly referring to is defining the skin parts and skin states. It seems as though the SkinPart metadata is supposed to be associated with properties and as such can't be used in MXML, is this correct?
View 1 RepliesI am trying to do a simple CSS declaration. However, I got the warning above and not sure how to solve it. I thought s|(type) should declare the style for me
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";[code]....
I am trying to create an expanding object with the following event handler
public function pickerMove(e:MouseEvent):void {
trace("in mouse move");
var offsetX:int = e.stageX - touchX;
[Code]....
Is there something that I don't know about custom components resizing?
I am creating a component that displays a variable amount of "gauges" (square tiles of content if you will), that is laid out like so:
<HDividedBox id="container">
<VBox id="myComponent">
<HBox id="header">
[code]...
in flash builder 4 how do i use the skinning option to make sure the popup dropdown list changes it's width to fit the longest item in the list?(the prompt area - the component when it is closed - should not change it's width)
View 1 Repliesi have written an air app which is fixed in dimensions: 1000 w X 800 h i have set the resizable and maximizable tags of the app-xml to false, to prevent the user from changing it's size. this app looks and interacts perfectly at these dimensions but not at other: it has "bad" coding techniques in it like hard-coded display sizes and such, rtl and ltr combined layoutdirections and so forth...
when the applicationComplete event dispatches, i check Capabilities.screenResolutionY and if it is less then 800 i want to resize the app programatically (preserving the width/height ratio). i have tried all the StageScaleModes and tried changing the dimensions of the stage, the nativeWindow, the app itself("this") and so on in every combination.
i am looking for a way to resize the entire app as is, meaning i dont want to use display logic of the components and such, just to "shrink" or "expend" the whole app as is, with hard-coded pixel amounts to change within the logic of the app accordingly (change all sizes, locations, fonts etc.. in sync) the app should look and work exactly as it did in it's 1000x800 default size, only smaller or bigger
I am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
Is it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
I'm creating the Label component like this
var label:Label = new Label();
label.text = "some text";
label.styleName = "someStyle";
addChild(label);
But it stay invisible until I explicit set the width and height.How can I make the label to be auto resized according to it's text?
I have a repeater component with custom event. My repeater components fires custom event holding data. My need is to dispatch event so other repeater components can access data from dispatching component.
Edit: Added whole stuff here.
<!-- AttributeMapping.mxml -->
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code].....
From what I can gather, the resize property of a Flex application is set in the XML config file[code]...
However, if I set this attribute to true, is there a way to turn this off dynamically at runtime? For example, my application has two view modes - mini and maxi. I would like to prevent the end user from being able to resize the application when in mini mode. I tried prevent the resize using the following code but it does not seem to work[code]...
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 RepliesI cannot find a fla or a tutorial. I have seen this effect many times before. I have been trying and I cannot figure out how each component reacts with the other components. The example is in the navigation seen here:[URL]
View 16 RepliesI am trying to use the preloader component (components set 2) within flash mx. The code I have so far is: The preloader has the instance pre_load_pic1.
[Code]...
Unfortunately the preload bar does nowt even though the jpeg does load into the browser.
I'm having a viewstack with a few components. Those components have to execute a function with parameters coming from other components. Therefore the other component may not me loaded directly. Is there any way to load a component via AS3 with a function?
View 2 RepliesI'm looking for an alternative to native Flash components. They are way to heavy for my needs. I'm looking for something light, simple, still customizable if possible for AS3. I'm specifically looking for combobox, checkbox, radio button.I'm looking for something reliable with support eventually...so basically I'm ready to pay the price of a good alternative.
View 1 RepliesI have a strange issue where Flash Player in Chrome is not updating unless the browser is resized. The app is an online design tool, written in Flex, and one of the features allows the user to upload an image and crop it. The image loads fine, and the crop action does not reload the image but uses Bitmap.copyPixels to create the cropped version.When I test on localhost (though a local server not just straight from the file system) the issue does not happen. However on our QA server the image does not appear unless you resize the browser, when I suppose a screen refresh is forced.I've tried all the usual suspects in AS3/Flex to force a redraw, updateAfterEvent, invalidateDisplayList, etc.we came up with is to resize the browser by a pixel, but this is obviously not ideal and I'd prefer a solution to a work-around.Here's the Bitmap code for reference...
var cropData:BitmapData = new BitmapData( _crop.width, _crop.height );
var originalData:BitmapData = new BitmapData( _loader.width, _loader.height );
originalData.draw( _loader );[code]....
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].....
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]...
I have a component "child" which has a cancel button. Now this component is placed in a state called "newChildComp" I also have another component called "parent". In the parent component, i have a button that dispatches an event. Here is the event code:
[Code].....
so, basically,i am checking to see if the cancel button component in the Child component, while i am still in the parent Compoent, was clicked, if it was clicked, call the cancelButtonHandler. The problem is by the time the addNewChild handles the event, that cancel button was still null. My question is how do i solve this without using the itemCreationPolicy on the cancel button?