Flex :: Float Left Or Right In Layouts Or Containers?
Aug 9, 2010
[Flex 4] Float left or right in layouts or containers?i have a main container, that is dynamic, 100% width, and in it there are 3 components. one should be floating to left, to right and the other will be centered. how do i do that?
I'm just finished my first month of getting to grips with flex. All of my projects so far have be very small fixed sized containers with everything in the application resting in an absolute position.The next up and coming project is going to require a more dynamic layout and need some advice.The app will consist of 3 container (not sure what ones to use yet)
Container 1Will be the entire width of the app and a quater of its height.
Container 2Will be beneath Container 1. It will be half the width of the app and 3 quaters of its height.
Container 3 will be the same as container 2.
I want to be able to collapse each container and have the other containers respond to this.For example, I would like to collapse container 1 so that container 2 and 3 go from 3 quaters height to 100% height.
If I collapse container 2 conatainer 1 remains the same but container 3 goes from half thes apps width to 100% of the width.
I have a general Flash question. I have got 2 .SWF wrappers (Playbook and Android,that work perfectly) that takes any .SWF file and wraps it up as an application. I'm hoping to make 1 application and have it run on both the Blackberry Playbook and any Android device.Technically everything is perfect but the problem I am having is with the layout.For example if an object is placed at x= 512 y=400 then it looks great on the Playbook but that looks horrible on an Android screen thats not 1024x800px. What I want to be able to do is something like (x=DeviceWidth/2), (y= DeviceHeight/2) so that it resizes and repositions itself automatically. An example of where I need to change the code is shown belowbt1.tween("_y", 400, 0.5, "easeOutBack");
Virtualized Layouts are nice, but I find that they often feel a bit "chunky" due to the "tightness" of the virtual range. This could be improved by increasing the range - one or two steps ahead (and behind) would often be enough to improve the "responsiveness" of the list, especially when external resources (like images) need to be loaded.
Suppose you have a view, which contains three control A, B and C. The control A and B are in a HGroup, which itself is inside a VGroup with C.
Based on user interaction, I'd like to re-arrange the controls to new layouts. For example all three inside a VGroup. Or for example a layout, which hides A and B and maximizes C in size.
While I could hand-write the code, I'd like to use something like a layout template. A template, which contains placeholders for A, B and C. Give the current view, I'd like to pass the new template and the view should rearrange.
I have several nested VBoxes in flex, and I'm aiming for one of them to get scrollbars if the total content is larger than the window height. However, when I grow the container, it doesn't get scrollbars at all (vertical scroll policy is AUTO), and the outer container stretches past the bottom of the screen, causing the entire app to get scrollbars. So it looks something like this:
I have the following scenario: I create an HBox with a width of 1000000px (one million pixels of width). this big HBox is contained inside another small HBox that has a width of 1000 px
[Code]...
Inside this big HBox I create a bitmapFill of a simple image, its just a pattern of lines the problem is that the scrollBar of the small hbox doesnt work well, it just stops halfway, the thumb of the scrollbar keeps going, but the scrolling stops and the end of the big hbox is not beign reached. Here is the part of the code that makes the bitmapfill:
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.
Is it possible to create Accordion with only the headers without adding any containers in it? Is there a way so that I can just create the Accordion with three sections with only labels?
I'm new to Flash Builder 4 and Actionscript 3 (actually, to programming as a whole beyond some very simplistic stuff). I have watched / read a bunch of tutorials, and started a project but now seem to have hit a wall. The answer is most likely simple, but seems to be alluding me.
How do I (or What approach should I take) to control visual elements, for instance, BorderContainer's, that I created dynamically?
As is, I have an Application containing a BorderContainer and a DataGrid. At runtime, 3 new BorderContainers (which are dragable, and resizeable) are created based on XML data that contains X & Y co-ordinates, and Height and Width values, and then added to the pre-existing BorderContainer. How would I go about getting the properties of these children BorderContainers to be displayed and remain up-to-date in the DataGrid (such as when they are moved/resized)?
Is there a way to link two Scroller containers in Adobe Flex? As in, when one scroller is modified, the same modifications will be reflected in a second scrolling container?What I am trying to do is have an image and label on different areas of the screen that are swipable, and when they are swiped/changed I want the same change to be reflected in the other Scroller container.
Here is my initial Scroller container with images that the label Scroller container should correspond to:
I'm trying to convert the byteArray of a Sound Object to an array with floats. The Sound Object plays back fine & at full length, but the float Array i get from it is cut off (but sounds correct), so i must be doing something wrong in the conversion:[code]The top two channels are the original Sound Object.The lower two is the float Array Data. I aligned them so you can see that the beginning is cut off and obviously the length is incorrect.
I've some components with dynamic heights. They have to be aligned with respect to the bottom of my canvas container, so I cannot set the same y for all components.
I could compute their heights and successively set the y but I was wondering if there was an easier way to do it.
My problem is pretty simple: Flex containers do layout based on un-transformed children, and so rotated children are positioned as if there were no rotation, but then they're rotated around the top-left of that position. I've attached an image to show what I mean. Can I wrap the components in something? Or do I have to resort to custom components or fixed layouts? The image inlining doesn't look like it's working to me. Link to example image: [URL]
I have a panel and i have set minWidth and width for it. The code looks like this <s:Panel id="adg1" x="199" y="164" width="200" minWidth="300" title="Title"> Here the expected behaviour is width of the panel should be 300 since the minWidth > width,but the panel width is 200.I dont understand where i have went wrong.
i am trying to make a some groups within a predefined group at run time. i can make groups, the code is working fine. Now i have added two buttons in each group which is created in run time. now the problem is one of the button is x . the property of button should be when i click on it it should delete the very specific group in which it is built. please check out the code and tell me what additions should i make.
I'd like to convert an arbitrary string (or for easier process a string hash) to a float number between 0 and 1. The purpose is to create a function that returns a color code for a given string so the user always sees that entity in the same color that is generated from its name.OP included this code in comments (included here for readability):
var hashed:String = MD5.hash(input); // creates a 32 long hexa const max:Number = Number("0xffffffffffffffffffffffffffffffff"); var hashedHexa:Number = Number("0x" + hashed);
I have a VBox, I assigned a handler to click, and inside the VBox I have components such as images and texts with no handler assigned for click. Would the click function be called when I click on the text and image? If not how can I make it so without assigning handlers individually, but on the container level?
I generate panels dynamically and put them in other states in that way so in one state you have a list of panels on the left and one big panel on the right for example in one state and when you click on the list on the left (with small panels) that panels takes the places of the big panel and the big one goes back in the place. So I have 50 panels on the left and i want to scroll them down but I don't want to big panel to go down with them I want it fixed. this is where I got and I don't know how to do that here is my code:
enter code here
protected function canvas1_creationCompleteHandler(event:FlexEvent):void { blurEffect= new BlurEffect(myBlur,myUnBlur); listEventsResult.token=eventService.listEvent();
I have a custom component ExpandCollapseMenu that extends SkinnableContainer.This component can have state "normal" or "expanded".Inside this component I have buttons, with different skin based on ExpandCollapseMenu's state.This works fine when defining the buttons inside ExpandCollapsMenu's skin class:
Take a look at this demo, how do they accomplish the Inline Changes feature? To me it looks like they are floating a movieclip over the textarea. What I can't figure out is how they anchored the movieclip to stay in the correct position. If you type something before the movieclip it moves position along with the text, the movieclips even move to the next line when the text word wraps. Does anyone have an idea?
I created several components that are placed inside a VGroup. in one of the components code, i want to add an image and to move it. i don't want the image to be part of the vgroup and to be bound to the vgroup area, i want it to be like float in css. how can I do that?
update I want to be able to move the element in the entire area of the application. not to move it within the vgroup. i don't want this object to be attached to any container besides the main application window in order for me not to have limits how much can i move it and where.
I was working on a project, copying and pasting a large amount of frames and objects when Flash CS4 would not let me save, the message was something like "cannot save due to an unknown error" so I closed it and opened again, and the following error popus came up repeatedly:
1) "The following panel layout is missing or could not be read:/Users/(my name)/Library/Application Support/Adobe Flash CS4/en/Configuration/Workspace/Animator.xml
The application will not have have a correct layout. Please load one from Windows - > Workspace."
I looked for the file and it's actually in the folder.I've uninstalled and reinstalled Flash CS4 twice, and the entire Creative Suite once already, none of this has solved the issue.
I want to use the same movieclips (some are button movieclips) but be able to have a function lay them out at runtime in two (or more) layouts. Just the _x and _y position like in this example:I'd like to layout the mcs with just actionscript. So it can be hardwired into the movie's script with parameters A yielding layout A, et cetera.
I have an odd one;If I run my app in FF, then @ is given by Shift+2 (as per US keyboard layout).If I run my app in IE, then @ is given by Shift+' (as per UK keyboard layout).My keyboard is set to UK layout.
I'm trying to get my main class to resize to the browser window size. I'm listening on the stage to Event.RESIZE, updating my width/height to match the stageWidth/stageHeight, and drawing a rectangle to show me how big it is. When I resize, it flashes between a small and big size every other time the event fires. The width and height are correct in both cases, but in the "small" case, everything is in a small box.
i hav a left right moving thumbnail gallery from xml, i need that on the last image image come on focus from the left side so automatically the left button will be disable or opacity goes 0 anything and same thing from right side also.
I have a series of thumbnails that should scroll from left to right & right to left when you roll over the movie clip buttons on either side. IT was working in another flash movie, but I moved it to a different flash file and now it's not working. The hit buttons within the movie clip buttons have this action script: