I have a Hdividedbox, which has three child elements.
I want to set the initial ration of sizes, such that the first one is 30%, the second is 40% & the third is 30% of the Hdividedbox's width.
Anyone know how to animate the size/position of child elements of a layout in Flex 4 ?
I have a list component with a custom layout. I want when I change the positions of the child elements I want them to animate their move to the new positions.
In general, I haven't yet found a definitive way to get Flex and Spark containers to size themselves relative to their children. I have searched for good documentation for this concept many times but have yet to find anything that sufficiently explains the concepts. A simple example of something I often want to do is to draw a border uniformly around a set of controls. The goal here would be to have all UI elements to size themselves automatically.
<s:BorderContainer>
<s:HGroup>
<s:Label text="l1" />
<s:Label text="very long label 2" />
</s:HGroup>
</s:BorderContainer>
I would want the Labels to size themselves based on the text property, and the HGroup should be as big as needed to contain labels and BorderContainer should only just contain that HGroup. Now the more complicated example that I am working on now. I have a class that extends the BorderContainer. Within the class I create an HGroup with 5 Labels as children of the HGroup. Then the HGroup is added as a child of the ExtendedBorderContainer (using addElement() method).
Then the new class is used in the application as:
<mx:ViewStack>
<s:NavigatorContent>
<my:ExtendedBorderContainer />
</s:NavigatorContent>
<!-- more NavigatorContents here -->
</mx:ViewStack>
I have tried various [max|min]height/width combinations and I can not get the desired layout, which is very tight borders around elements without extraneous space starting from the deepest Label children all the way up to the NavigatorContent.
I have a control which contains many child elements (about 1000), and I need to sort them.Now I doing that like this:
_elements.sortOn(...);
for (var i: int = 0; i < _elements.length; i++) {
setItemIndex(_childItems[_elements[i].id], i);
}
_childElement - object that contains UI-child elements, which i need to sort (key of the dictionary is an identifier from data-object
_elements - array contains data-objects
But this is too slow! How to reorder the childs by my criteria as fast as possible?
I'm working on a simple task/calendar tool where tasks can be added dynamically to a canvas. Here is the main application as defined in Main.mxml, which is essentially just a Canvas and a button for adding a task:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Canvas id="MainCanvas" borderStyle="solid" width="300" height="300">
[Code].....
The problem is that when I add a Task instance to the Canvas, the children (the button and label) don't appear. I tried setting creationPolicy="all" on both the Canvas and the BorderContainer, but it still didn't work. I've read a bunch of posts about people having issues accessing members of their class before the class is fully loading, but all I want to do is SEE that Label and Button show up inside the BorderContainer.
Is mx.containers.HDividedBox deprecated by some spark container in Flex 4.5? I'm new to Flex programming and can't find any spark replacement for it.I want to have 2 Lists separated by movable vertical bar.
View 1 Replies...How do you do this? I'm gunning for <65 kb and need to figure out if my published swf will meet this goal. Is there a window or something (maybe a 3rd party tool) to let me know what the initial download size of my swf is?
View 2 RepliesI'm trying to have a minimap display with a draggable viewport below a chart. I essentially have this to control the viewport of the chart:
<mx:annotationElements>
<mx:HDividedBox id="dividedBox" horizontalScrollPolicy="off" width="100%" height="100%" liveDragging="true" borderSides="bottom top">
[Code].....
Problem is, only one divider actually moves at a time. I found that if I set a timeout of about 50ms before moving the next divider that both dividers move. However, this seems like a rather awkward way to approach this and is error prone.
Anyone know if it's possible to move two dividers in a HDividedBox simultaneously or should I be taking another approach?
I'd to use a HDividedBox and I have resize problem.Indeed, when I reduce the width of accordion component, the list is not reduce.Find below my code
<mx:HDividedBox width="100%"
height="100%"
color="0x323232">
[code].....
How we can lessen the length of Dividing bar between two components. like in this example i want the length only of two pixel.
View 1 RepliesI'd love to be able to prevent dragging of a HDividedBox's divider based on a condition. for example:
[Code]...
I have a small snippet of code which stretches the swf to the size of the window... but it's only working if the window is resize and not on the initial load? I can't work out what's gone wrong?!
[Code]...
I've noticed that an "out of the box" HDividedBox has some serious flickering issues when liveDragging is enabled, but only when the pointer is over the contents of the DividedBox while dragging. If you grab the BoxDivider and move the pointer off the component while dragging, the flicker goes away and the component renders properly.
I have tested this with both my customized component and an extremely basic HDividedBox implementation with Group, SkinnableContainer, and BoxContainer children as well as nested groups with clipping.All types of children exhibit the same behavior.
<mx:HDividedBox width="500" height="200" liveDragging="true">
<s:SkinnableContainer minWidth="0" backgroundColor="green" percentHeight="100"/>
<s:SkinnableContainer minWidth="0" backgroundColor="blue" percentHeight="100"/>[code3].....
i have the following code to play a video stored in the media server:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code]......
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.
is it possible to make the child elements of a vbox to occupy 100% of the width without indicating width=100% for each element ?
View 3 RepliesI have an XML file that I have imported into an ArrayCollection. I can get all child elements of the XML (ArrayCollection), but can't for the life of me get to the attribute. Where does the array collection put it?
View 2 RepliesI have a movieclip, with the instance name SizingBox, on the main timeline. Within that mc, I have a Slider component, with the instance name Sizer. I want to declare an action listener on the main timeline which will listen to changes for Sizer and do something based on the current value of the slider.In AS2 this was really easy, but I cannot seem to figure it out for AS3.
Code:
var X = SizingBox.Sizer.value;
this code gives an error.
[code]......
I am trying to develeop a Graph Structure with drag and drop features in Flex. I have to connect various components/children on the canvas. Once i drag n drop the components on the canvas, i am using SystemManager event handlers to draw connectors between the components. But, as i click on one component and drag the mouse, the line is drawn on the canvas as long as my mouse stays only on the canvas. If the mouse moves over a component/child(that has been dragged and dropped onto the canvas), the line is drawn to the origin of the canvas from the first clicked component. How shud i recognize the component when i move my mouse over the component? I want the line to be drawn connecting the components once my mouseup event is called.
View 3 RepliesI am trying to create a fullscreen chat program using Flash AS3, and so far, everything is going well, except for when the window is resized, the whole thing is proportionally resized.I would like it to ONLY resize the chat text area, when the resize is done vertically, keeping the controls the same height consistently, also I would like the buttons for sending the chat to maintain their size, with the input box increasing in width when the size is increased horizontally.Obviously the SWF resizing will be done by JavaScript/jQuery .onResize() and thus I will be able to set a mimimum width and height for the swf, maintaining usability.
View 1 RepliesI'm tring to make the swf full screen. I published it with scale of 100%.I wish to have some movie clips like text or buttons in fixed size.first, I don't get Event.RESIZE when the stage changed its size second, I try to set their size , but their size is changed according to the stage size and do not stay in the height width values
View 7 RepliesIn my air project i used current state size is width="441" height="358" . i have link button like Singin then move to singin state (currentstate='singin')
<mx:State name="signin">
<mx:SetProperty name="height" value="616"/>
<mx:SetProperty name="width" value="919"/>
So application resize into 616,919 . After that function finished move to current state like(currentstate='') But size not be changed . How can i set the size for current state?
I have Flash 8. I created a Flash movie a number of years ago, probably in an early version of Flash. I use it on my website. I want to redesign my site and make the movie smaller from the standpoint of making the canvas/stage size smaller. I don't mean just compressing the flash movie to a smaller swf. Is there some quick way to do this without having to recreate the movie and put in smaller elements?
View 3 Replieshow can I place a swf file in my webpage when the width of the file changes according to the user input. What I need is a sort of a dynamic css...
View 1 RepliesOk every time I think I understand the DisplayObject model i find something else that seems like it should work but fails. Am I correct that if I create a sprite then create another sprite and add it as a child the original parent sprite will show a height of 0... In my case i have three classes that all extend Sprite and each one is creating the next with the "youngest child" being a class that adds an image to its "stage". I can see the image height fine but its holder does not nor does its holders parent... im having a real moment here as I debate if im just stupid and missing the obvious way to do this or if I really have to add a bunch of getters and setters to see the height that includes children.Maybe I am thinking of this too much like a CSS block element but it just seems like it should work this way...for example
parent "holder" <- child "slide" <- child "image"
holder.height == 0
slide.height == 0
[code].....
i have a VideoDisplay [code]and i want to make the child inside VideoDisplay to resize with him to make his size 100%/100% (size of the child)cuz video.height and width accept only integers and ican't put % in there
View 1 RepliesI have a problem positioning a Flash element inside a div tag. The problem is, that the flash element is changing it's size based on the user input. I need a way how I can dynamically get the actual size of the flash element, and to change the behavior of the div element the flash is integrated in. actually I want to place it in the middle of the div. right now I gave the flash element width and height of 100% but that way I can not center the element inside the div...
View 2 RepliesIs there a setting/script so that Flash movie will auto resize the site down for smaller screens, but will only go to the maximum stage dimensions of 770px X 650px?
View 2 RepliesI have the following XML structure:
[Code]...
This will parse child elements of the <text-block> but will not work with <ul> as it has its own child elements <li>. I guess this could be accomplished with yet another loop but I wanted to check to see if there was another simpler way.
I want to load an initial component to be displayed in my flex app, depending on whether a value in the SharedObject is set (first launch). How do I accomplish that?
View 1 Replies
