Im trying to create a layout in flex using mxml, the layout contains a Canvas component and a Box. The layout should always be such that the Box sits at the bottom edge of the application and has a fixed height, whereas the Canvas fills the remaining stage area and does not overlap with the Box. My MXML is as follows;
[Code]...
I am trying to build a sort of button bar in Flex - something like the horizontally laid-out bookmark bar you'd see in most modern web browsers, where when you run out of horizontal space, you can click on the arrows button(>>) to get a drop-down to see the rest of the items which did not fit into the horizontal space. Problem is, how can I know how much horizontal space is available for me to tell how many buttons to render into the button bar? This need doesn't appear to be support by the general layout manager framework.
View 1 RepliesIs there a good place that has an overview of how Flex layout stuff is managed? I'm trying to create some user-resizeable "windows" in Flex, but I'm having some trouble getting the layout calculations for the contents correct. Right now I'm just trying to get a good understanding of how Flex calculates its layouts, but I haven't found any good overview documentation. For instance, looking just at the width value there are the following:
[Code]....
and the same set for height. What's the meaning of each of these? How is each used? Is there any way using those to calculate some preferred size of a component (like getPreferredSize() in java)?
By default the height of an Flex Accordion container is the height of the initially selected child. I'd like to be able to set the height to the tallest child so that no resizing or scrolling is necessary when other children are selected. I do not want to use the resizeToContent property. I want the size of the container to stay constant no matter what child is selected.
My current thought is to extend the accordion class setting the creation policy to "all" and then override the measure function to loop through all the children and find the tallest one and use that for the height. This seems a little kludgy though, so I'd like to know if there is a better approach. Ultimately my question is: is there a way to set the size of an accordion container such that the container never resizes and scoll bars are never necessary to display any of the children?
I am attempting to implement a layout in Adobe Flex 4.5 / MXML where I have multiple controls in an HBox that - in total - consume all available horizontal screen estate. Some use a relative with (percentage), some an absolute width (pixels) and one is supposed to consume whatever space is still left, such as:
+----------------------+-----------------------+------+
| 35% | fill parent | 10px |
+----------------------+-----------------------+------+
How would I achieve this in Flex (is there something comparable to Android's
layout_width="fillparent")?
Due to the fact that there are elements that have an absolute width I cannot easily calculate the width of the filler as a percentage a priori (as it varies with the screen width). Setting the filler's width to 100% also does not work as this will shrink the 35% area below 35%. Applying the updateDisplayList suggestion from www.Flextras.com's answer below yields the error "Call to a possibly undefined method updateDisplayList" at the line marked in the source excerpt below:
<?xml version="1.0"?>
<mx:HBox xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
creationPolicy="auto"
[Code] .....
I was laying out my Flex components using mxml and had them working correctly. But then I wanted to switch them over to Actionscript because I wanted them to extend a base component that provides default functionality.
I've go the code working except that my components that used to fill the entire space using width="100%" and height="100%" appear to display just using the default sizes. Do you know How I can get them to take up the entire space again?
Here is a test component I am playing with that exhibits the problem.
Main.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:bbq="components.*"
[code]....
I'm trying to display some simple information in an Alert (I'd rather not use an alert, but I need a fast n' simple solution for a project that's got to be out the door asap)
how large I make the alert, my information never stretches out, and ends up being clipped.
I can actually scroll through the text with the mousewheel, but that's no good.
The image says it all. I can't imagine Alert just doesn't handle this.
[URL]
Code:
var myAlert:Alert = Alert.show("The package you have selected includes a feature(s) you've already selected.
We have removed the individual features for you.");
myAlert.height = 150*2;
myAlert.width = 350*2;
I want to constrain the height of a flex component to the height of the browser viewport.
The component's children are populated from a database table using a repeater, and are basic checkboxes. There are enough of them that the flex app ends up being about twice the height of the screen, which means some of the rest of the layout goes crappy on me. How can I force the component that contains these to limit itself to the size of the viewport?
is there any good tutorial on how to make a stage adapt to the browsers viewable space, with everything inside visible and with the correct size, not distorted? maybe a list of things needed to make it possible like the kind of layout?
View 9 Replieswhen i create stage and make its width and height in pixels Web Browsers show it with pixels too. so i want to make a stage which width and height would be 100% in web browsers. i just want to place buttons and some stuffs on the top and right of the web browser.
View 2 RepliesI have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 RepliesI have a fairly straightforward Flex layout question. Is there anyway to get FormItem's contained within a nested container to follow the alignment of the FormItem's in in the parent form container?
[Code]....
how I resize (or tween-resize) the size of a flash movie depending on its content.[URL]When you click on a new page, the stage size resizes depending on how large the page is.Do I have to use javascript to do this (because I can't find the javascript on the pier website to take a look at it).Or can I do this with actionscript?
View 6 RepliesI have an image that doesn't fill the <mx:Image> tag because it's not the exact dimensions (it is too short) and I have maintainAspectRatio set to true:
<mx:Image id="theImage"
source="{data.photo_thumb}"
horizontalCenter="0"[code]....
The <mx:Image> tag has a fixed width and height (it's 100% of the tile size--this is in an ItemRenderer). How do I get the image to sit on the bottom of the <mx:Image> tag?
In following code, I have one large component, and I'd like only the level4 panel to be scrollable, but instead, the whole application become scrollable.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel width="100%" height="100%" title="level1">
[Code].....
I'm pretty sure my dynamic mxml layout must give me two scrollbars (horizontal and vertical) but it only shows vertical one.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="[URL]"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" xmlns:local="*">
<fx:Script>
[Code] .....
I want to create a panel (or any other component) inside a component that has a 5 pixel border on all sides, but scales fully when the window is resized. I know I can set width to "100%" to make it resize, but that gives me no borders. If I put it to "95%",I have borders, but they scale annoyingly. Also, that only works for borders on the right or lower bounds, and not to the left or upper sides.Is there a convenient way to do this without having to write tons of resize-code (in which case I will not bother and just accept bad rescale behaviour, as it is for a private pet project).
EDIT: I know that I can just overwrite the display handling and set the positions manually every frame. I wondered if there is a cheap way to do it in the mxml-structure, along these lines:
<mx:Panel>
width="100%" height="100%"
</mx:Panel>
Coming from C++ and Java, I am intrigued by the option of setting something to "95%" and let the library work out the details, instead of having to write many lines of code, just so my text-area always keeps a 5 pixel distance from the border, but scales with window width.If there is no easier way to do it than figuring out pixel sizes by hand and setting the coordinates.
I have a component, in which I am trying to create a sprite the size of the stage. But stage is null:
var bg:Sprite = new Sprite();
this.addChild(bg);
bg.graphics.beginFill(0xFF0000);
bg.graphics.drawRect(0,0,stage.width,stage.height);
What am I missing here? If I put something similar in the document class, it works.
I am dynamically loading text into a text area. I want the text area to have set dimensions, but the text itself to resize in order to fill up the whole text area container.For example a short line of text would be made a bigger size than a large line of text but each would perfectly (or near perfectly ) fill up the same X by Y sized text area.I have seen a lot of posts about resizing the text area to comply with text, but I want to do the opposite - resize text to comply with text area.
View 4 RepliesCan anyone point me to a good Actionscript 3 class that handles "masonry" style layouts ala the ted.com homepage? Short of finished code, can anyone describe / summarize an efficient algorithm that handles this effect? Searches turn up arcane articles about kd-trees and other such stuff that's way over my head.
The jQuery Masonry plugin looks great, but I tried reverse engineering it without much success.
Here is part of my code in short:
[Code]....
I realized that if I do addChild, I can't really see the dynamically added component, since flex did not reserve space for my List to display. So I do parentDocument.addChild, and then it appears no problem. My question is since it's being added in the parentDocument, so it is suppose to be a component belong to parentDocument, so is that component still be able to call this handleMouseDown? From my experience, it's still able to, but which doesn't make sense to me. Can someone explain a little about why it can still work, or any better approach other than parentDocument.addChild
How to change the tabBar height size? Is it possible to apply for all my views.
View 2 RepliesI have the follow declaration :[code]How can i determine "img6" width and height ?
View 1 RepliesWhen a container component is declared without setting an specific height value, the contaniner's height will be automatically set to a value which makes possible to display all of its content/children without scrolling (when possible). After the component is initialized with the proper height, I explicitly change the height value of the container.
My question is, after I change the component's height, is it possible to switch back to the original height that was automatically set based on the containers contents? I'm looking for some way to unset the explicit value of the component's height.
I am beginner in flash and I started to learn flash c4 (with video lessons in my language but from flash 8! but it is not problem now about drawing than only about code in actionscript). I have now problem in using of Paint Bucket Tool in flash cs4. I made a ship, I made a whole document/white page for drawing in rectangle tool (frame for picture), and I made to lines which will be like a hill. it is for background, behind the ship. but when I want to color this background, to be green for example, my Pain Bucket Tool don't want to color ONLY place behind the ship and under mentioned "hill lines", than Paint Tool color whole document. therefore I can't make a hill because I get everything colored in green.
I tried all option about closing of gaps. how can I color only wanted places in picture and not whole picture? "hill" is not strait line so I don't know how to select hill space. of course, after it I will have to repeat process to color space above "hill lines", it will be blue like sky. and just to say that "2 hill lines" are from left to right side of document, there is no hole, it is closed line.
How can I limit the size of a child container with percentage width/height of 100%?
Example:
<mx:HBox id="container" width="100%" height="100%">
<mx:HBox id="scrollContainer" width="100%" height="100%">
<!-- keep this content limited to the size of "container" -->
[Code]....
Apparently I can get the desired behavior if I change HBox to Canvas but I would still like to know how to accomplish this with a HBox and why it differs from Canvas.
I'm playing around with code like this:
<s:Button id="test" label="test" transformX="{Math.floor(test.width/2)}" rotationY="20" x="20" y="20" />
The button is rotated on the Y axis and the rotate pivot is in the middle of the button.
This will create a button that looks something like this[code]...
I put together a sample to show off the various approaches for calculating this that people are suggesting. The source code is also available. Nothing is quite working like I'd expect. For example, turn the rotationSlider to 85. The button is effectively invisible, yet all approaches are still giving it height and width.
I have a panel with a custom skin whose height is smaller than its hostcomponent's height. When I layout this out in a vgroup, the component's size doesn't reflect the skin's smaller size.
Is there a way to completely delegate the size of a container to the skin class?
I am trying to use flowlayout from : [URL] when i implement this layout the height of container/group is not increasing automatically depending upon the elements added. I have given no height to the container/group so that it can take as much height as required but this layout is not giving any height to it.
View 1 RepliesI've created a custom component with several inline item renderers that I use as a tooltip. The height of the component is unknown, as the data contents of the component are not known until runtime.
However, when displaying the tooltip, occasionally it extends beyond the boundaries of the flash application, thus, I'd like to be able to detect this occurrence and reposition the tip.
The problem is that the height and width of the component are, apparently, not available until after being rendered by the popup manager. (i.e. they are always 0)But, I do not know any way of finding out when the popup is actually rendered and, therefore, the height/width values available.
[Code]...