Actionscript 3 :: Flex - Layout Overview - Get A Component's Preferred Size?
Nov 16, 2009
Is 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)?
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;
I 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?
I 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?
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.
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.
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'm trying to get my Flash application to connect via socket to my server, so I need to set up a socket policy file server. It seems like there are various roll-your-own implementations floating around out there, but is there any kind of standard or best practice with what to use?
As an aside, it seems strange that Adobe imposes this restriction but doesn't make something readily available to support it.
protected function onClick(event:MouseEvent):void { resizeEffect.end(); resizeEffect.play();[code]....
There might be small differences between mouseDown trigger and the click event, please ignore that, it's just an example.I'm not sure whether triggers would or would not work reliably for Spark effects. Maybe they would but I guess there is a reason why this possibility is not even mentioned in the official docs.
I'd like to get the actual height of a component after adding some children.
When inspecting the variables tab in debug mode, I see 2 different height variables:$height (which contains the correct value: 138) and height/_height (which contains a wrong value: 10).
I guess that the display is not updated and so I'm not getting the correct height using component.height, but how can I get the value in $height?
I have a viewstack with 3 items in it. Now my problem is that I want all these components to be of the same size. Its simply enough to do this manually but is there any other way of setting the size for all the components at once?
I'm building a flex .swc library using Ant, and many of the assets that are supposed to be in the file are not being copied, instead creating 0-byte entries in the .swc.Here is the ant compc target that is doing the creation. I've tried both compiler.include-libraries and compiler.library-path here, which is why the latter is still present and commented out. Neither worked.
I have a component and I add some content to it making it change it's size, immediately I need it's new size, but flex only updates the size in the next frame by calling updateDisplayList. how can I force it to update the size of the component right away.
How can I set font size of title property (header) in TitleWindow component? If I use fontSize property, it sets the font size for all components in TitleWindow, which is not what I want. I only want to set it for the title. I'm using Flex 3.
I'm building a photographer's gallery website and I need it to resize to fit in browser window. So far so easy...What I would really like to achieve is a maximum and minimum size that the gallery will go to.
So, if the images I am using are 1400x1000 (for example) when this size is reached by the user expanding the browser window i don't want the gallery to expand any more, just sit in the middle of the page.
Similarly I don't want the gallery to go below say 800x600... how to set a max/min?
i'm trying to create a unordered list in Flex. My issue is that within each line, i want the word NEW to be a different font color and different font size from the rest of the label text. I am unsure of how to do this INLINE within the label component.
<s:VGroup fontSize="15" color="#ffffff"> <s:Label text="u2022 NEW Invite your friends!" /> <s:Label text="u2022 NEW Features coming soon!" /> <s:Label text="u2022 NEW Invite your friends!" /> </s:VGroup>
I 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.
I'm trying to figure an elegant way to display a certain number of items in a grid. I have a feeling the answer lies partly with modulus, but it's a little more complicated than that. I know how to lay out items in a grid based on a set number of columns. Something like this:[code]but what I want to do is set things up such that if there is only one item (j=0), the image covers the entire available area (stage.Width and stage.Height or, for simplicity, 1000px, and 500px). If there are 2 items, there should be 2 columns, with the images taking up half the width of the stage and all of the height (500x500), 3 items - 3 columns (300x500), 4 items - 2 columns & 2 rows (500x250), and so on, keeping a balanced grid layout but decreasing the dimensions of the items and increasing the number of rows in some sort of logical and balanced manner.
I'm working on making a site with an xml photo gallery with thumbnails. Right now, I have the gallery working, but I want to add an effect from this site: [URL] When the photos load, the layout resizes according to the photo size. How can I do something like this?
I can change the color of the label in Flex Builder, I can even BIND the color to a variable and that works, but I can't find the Color PROPERTY in order to change or reference it programatically! What is the ActionScript 3.0 code to change the font or color of a piece of text in a Flex RIA - or is caring in what color your text appears too bizzarre a request for a RIA? I wrote whole applications after just minutes of "learning" flex, how come it's taken me three days and I still can't change the color of my stupid label?
Moyea SWF to Video SDK offers a technical solution to convert SWF online. Under the Command line environment and server environment, this SWF to Video SDK version supports to convert most of the SWF files, including online SWF to video and audio files in AVI, FLV, MPEG, WMV, MP4, 3GP, MPG, DVD, VCD, SVCD, MOV, MP3, FLV , DV, AAC and so on formats online.Functions of video resizing and trimming are also the advantages belonging to this SWF to Video SDK. With these functions, Moyea SWF to Video SDK enables you to automatically convert flash SWF file to video formats which is accepted by your web like YouTube for web designers.
Key Features of SWF to Video SDK Convert local and online SWF to video files in any formats for developers' development goals Convert SWF files which called through Parameter to video in any formats for developers' development goals Support video resizing and trimming to meet specific needs Support AVI with Alpha Channel conversion to retain the original transparency Process 32 bits RGBA file for further edit in Adobe Premiere Adopt Lower-Playback-Speed technology to achieve accurate audio and video synchronization and no frame loss Adopt audio-extracting technology, instead of recording; to 100% keep the original sound effect Support multiple SWF files automatic conversion FREE TRIAL WITH NO TIME LIMIT. NO SPYWARE, NO ADWARE, NO VIRUSES. 100% CLEAN.
[code]...
Web Servers can integrate this program for flash SWF files conversion to video formats without manual involvement.
Convert Flash SWF files to video formats files with more initiative under COM environment or command environment online.Developers can fully retain the original flash SWF files' animation to videos for further edit in some video editing program like Adobe Premiere.
Convert local and online SWF to video files in any formats for development goals.Convert SWF files which called through Parameter to video in any formats for development goals
I have a database with images and I want them to show up in a gallery-overview, like a matrix of images. Through an XML file I get the total of images. Based on that number I want the overview to be built, stopping the duplication of movieclips when the total of images is reached. So you kinda get something like this: See? It stops when the amount of 13 is reached and doesn't continue to fill up the third row.
Alive Flash Slideshow Maker is a professional slideshow builder to easily create high-impact photo slideshows. It turns your digital photos to flash ( SWF ) slideshow with background music and transition effects. So that you can upload the output flash file to websites and share your memorial moments with your family and friends. You can also post the flash slide show on MySpace, facebook, YouTube, or your Blog.
With this extremely easy to use flash slideshow maker, You don't need to learn any additional skills to make a flash slideshow. Simply drag & drop the photos into Alive Flash Slideshow Maker, click "Publish" and a stunning flash slide show will be generated. Alive Flash Slideshow Maker supports almost all picture formats including JPEG, BMP, GIF, TIFF, PNG, PSD, RAW, WMF, EMF, etc.
Features:-Output Flash (.SWF) File and HTML pageCreate two files: a Flash (SWF) file and a HTML page file. This allows you to share the slideshow via uploading the two files to your website simply..-Output Flash (.SWF) FileCreate a standalone Flash (SWF) file only. But the corresponding HTML code will be generated for embedding the flash slideshow into your own webpage. You will be able to copy and paste the code into any webpage.-Output Executed Flash File (.EXE)Create an executable Flash slideshow (.exe file). So that you can play and share the slideshow without webpage and browser. Just double click the generated .EXE file, the slideshow will be played without any Internet Browser.
My boss has asked me to find/create a program which can be used for each employee to add his/her hours to a specific project (and possible subprojects) and have a sheet (preferably printable) with an overview. My only "real" scripting knowledge atm is AS3, I do have some small experience with jQuery, and trying to expand that knowledge so I can work with HTML5 [URL]. And I have worked, once in a blue moon , with PHP. Would it be a "weird" decision to just create this myself within Flash/Air? And use xml/txt to store the hours locally?
how to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
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?
