Flex :: Creating A Dynamically Sized List Component

Aug 16, 2010

I need a List that resizes to exactly fit its content, unless that height exceeds its (dynamically sized) parent container. My requirements are as follows:

The component extends List, or at least acts similarly. variableRowHeight and wordWrap both equal to true. The height of the list cannot be less than minHeight (roughly 32px for scrollbar arrows). The height of the list cannot be greater than the height of the parent container .

Note that the parent container can be resized dynamically.

The height of the list should be updated as the size of both the contents and parent container changes.

Live updating would be preferable but not necessary.

There should be no scrollbars if the content height is less than the parent container height (sounds obvious, but I've had trouble with this too).

The trouble is that with variableRowHeight and wordWrap, it's very hard to know the size of the content at any given time. If the parent container's width is reduced, a line wrap may occur in the list which will change the height of the content. I know I can measure the height of the list content using measureHeightOfItems() + viewMetrics.top + viewMetrics.bottom, but when should I calculate that? What events should I listen for? And the thing I've had the most trouble with - when should I calculate it to set the size initially (i.e. just as the content has finished populating)?

View 1 Replies


Similar Posts:


Flex :: Creating A Custom List Component

Jan 10, 2011

I'm trying to extend the mx:Box container so that two buttons sit on the outside of the container to cycle through it's contents (similar to a scrollbar).

I've made a custom component that looks basically
like "mx:HBox->mx:Button mx:Box mx:Button" where the buttons and box are children of the hbox.

How do I offer the user access to the box (say its dataProvider and itemRenderer) through my custom component?

So they just need to write 'local:MyCustomComponent dataProvider="rar" itemRenderer="rar"/>' and my box inside that component can use it?

View 1 Replies

ActionScript 3.0 :: Dynamically Add Component - Flex Did Not Reserve Space For List To Display

Jul 21, 2009

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

View 2 Replies

Actionscript 3 :: Flex: Can List Be Used To Display Control In Equally Sized Tiles

Sep 2, 2010

In one of the application I am working, List has been used. I am required to display items in the form of tiles. I do not want to change the component as of now. Is there any way to achieve this layout in list only.

View 3 Replies

ActionScript 1/2 :: Add List Component Dynamically Using It?

May 9, 2009

Creating a list menu with the help of components library is simple. But how  can one create a list menu which will be added dynamically? In the sense that I  need the list  menu to be populated with data from an external XML. All this has to be done at  runtime. I cannot drag and drop a list component onto the stage.

View 5 Replies

ActionScript 3.0 :: Creating Picture List Or DataGrid Component?

Aug 14, 2009

How can I create a picture list with List or DataGrid component.

View 1 Replies

ActionScript 3.0 :: Creating Search Field For A List Component?

Nov 4, 2009

what i would like to do is create a search field that as the user types in the search bar if there are any matching entries in the list, the focus/selection jumps to that particular item in list. i don't want to clear the list just go to the item that matches.i would like it to be predictive so if i have these entries:and the user types "s" in the search box to the first "s" entry in the list (samson) is selected, if they type "se" the selection jumps to the first entry with "se" in it (seek) if they type "seet" the selection jumps to "seether" and so on.i have absolutely no idea how to do it, but more importantly...is this possible? Attachments: glossary.zip (1.0 MB)

View 6 Replies

ActionScript 2.0 :: Creating A List Of Images Dynamically?

Jul 15, 2003

I'm creating a list of images dynamically that I want to mask.

This is the script I'm using:

for (i=0; i<10, i++) {
img_MC = createEmptyMovieClip("image" + i, 3*1);
img_MC.loadMovie("image" + i + ".jpg);
}

The images are loading fine but I can't get it to mask

how can I a mask Dynamically every image on the list?

View 2 Replies

Flex :: Extend SWFLoader Component To "fit" Any Sized Image Inside It?

Feb 21, 2010

SWFLoader's scaleContent is not able to do what I'm trying to achieve:

<mx:SWFLoader id="img" width="600" height="400" scaleContent="true"/>

When an image of size 100x80 is loaded inside it, the image does does not resize to 600x400. That's because scaleContent = true.

Then, I set maintainAspectRatio = true. The image did resize to 600x400 but obviously, it was totally out of proportion.

So how do I always fit any sized image to the current size of the SWFLoader while maintaining the aspect Ratio? The resized image may be cropped, which is ok.

SCENARIO: An image of size 1500x10 is loaded inside the above SWFloader. In this case the height(10) should be resized to 400 and the width(1500) should automatically resize depending on the height. A lot of the image will be cropped, which is fine.

View 1 Replies

Flex :: Make A Custom Component Or Extend The List Component For A 2D Top Down View MAP ?

Nov 11, 2010

I'm building a top view 2D map, that it's objects are stored on the server.The kind of objects are 10 and might be a photo, label, button, lists, mix of them or labels with tooltips.The component must request the "areas" that are missing on screen.An area is 1000x1000 px and is cached in flex.To move in the map, will be like in google maps (drag-and-drop).I should be able to have another list and move objects from one to another using drag-an-drop on objects. Ex.: I grab an objects from a list and I move it on this map, I release the mouse button and the item is placed there.Now the problem is: I build a custom component for this trying to emulate the item renderer for performance and recyclage, implement drag-and-drop on objects and request the areas that are missing?

or

I extend the List component from spark and I add some features as multiple kind of itemrenderers and use recycle on them. Of course it must be able to request the missing areas on the screen and cache it's data.Maybe create a custom layout is needed too.What I need is something that must be really fluid, so the lighter this component is, the better.

UPDATE: *There will be not any object over another.

*I will not use hitTest on bitmaps because all bitmaps are wrapped in another component,as they,for now are itemrenderers.

Anyway I already begin to do this using a class that extends the SkinnableDataContainer and a custom layout. As the layout is not like a grid, is sparse, random items at diferent points(x, y).How to get the localX and localY, relative to item renderer and not to the Spark List, from a DragEvent in Flex 4?

View 1 Replies

AS2 :: Dynamically Sized Movie Clip?

Jan 14, 2011

Does anyone know if it is possible to dynamically add a movie clip to the stage with text and have the size of the movie clip dynamically generated by the amount of text?In other words I am trying to make a word bubble but the amount of text in the bubble will vary in size and I need the bubble to size accordingly. Maybe someone knows of a tutorial online that I can use. My searches have not been successful.

View 2 Replies

ActionScript 2.0 :: Creating Randomly Sized Magnetic Circles?

Sep 4, 2005

I want to create randomly sized circles which act magnetically to eachother. They should start on random positions and then find the perfect order. They shouldn't overlap. What are the things I have to deal with here?

View 2 Replies

List Component - Populate A List Box Component Located Within A Separate Mc In Swf With An Array?

Jun 29, 2009

how to populate a list box component located within a seperate mc in my swf with an array... the array comes from a response from a webservice call. I am not currently on the computer with my source code available so lets just use the following....

listdata[i] = the array i want to populate the list box with..... (listdata1, listdata2, listdata3, listdata4, etc. etc.)
movieclip1 = the MC within my fla containing the list box component
mylist = the actual list component

... just not all that familiar with the format of actionscript when working with objects... using CS3 and as2 btw,

View 3 Replies

ActionScript 2.0 :: Alternative (small Sized) Scrollpane To Load Jpg's Dynamically?

Mar 27, 2007

I'm trying to load jpgs to my scrollpane dynamically.I noticed the compiled scrollpane component in flash 8 is very large in size (> 130kb) which i cannot afford to use. Instead I'm using the flash 6 scrollpane which is not precompiled and only several kbs after compiling to swf. However, I have problem rendering loaded dynamic contents onto the pane. The first load after starting flash 8 was always successful. After that, it fails. In case anyone's interested, I have simple test code to demonstrate the problem, and have uploaded it to http:[url]... (you'll need to wait for 10 secs before the download button appears on that linked page).I'm just wondering what is the best choice of a small size scrollpane that handles dynanimic MovieClip.loadMovie() well.

View 1 Replies

ActionScript 2.0 :: Dynamically Sized Dynamic And Input Text Fields?

Jun 26, 2009

So, I'm making a text editor for my mobile (Nokia 5800). Anyway, I want it to have kinetic scrolling, but since I will be allowing the user to input their own text and also to load their own text files, how could I re-size both a dynamic text field and an input text field so that all of the text is shown, but there isn't alot of empty space (no one wants to kinetically scroll to the bottom just to realize it is 3000 lines of emptiness ).

I was thinking possibly finding the total number of characters in the string and deciding on a number of characters per line, then finding line height and making the text box be number of lines time line height. On problem with that is I'm not using a fixed with font (Quicksand Bold), so it would probably not work the best.

View 2 Replies

Flex :: Validate A <mx:List Component>?

Dec 26, 2009

How can I validate if atleast one item has been selected from a list, such that the selectedIndices is set to NULL at the init() of application?

View 1 Replies

Flex :: <mx:List> Is Hidden By Other UI Component

Jul 18, 2010

In flex UI, my <mx:list> can not be shown completely because of other component shelterring (for example: the refresh button shelter part of it ). How can I make the <mx:list> in front of all other UI component.

This is my code:

<s:HGroup verticalAlign="middle">
<s:Label text="Choose Log File"/>
<mx:ComboBox id ="logFileChooseCombo" dataProvider="{fileNameList}" width="150" color="0x000000"

[Code]....

View 1 Replies

Flex :: Extend A List To Add An UI Component?

Mar 2, 2011

How can I extend a spark list to add a UI component on it?

View 1 Replies

Flex :: Add Swipe In List Component ?

Mar 14, 2012

I have a list component in my app which shows some tiles and one can navigate through them horizontally and i was wondering how can i add the swipe functionality in it to the left or to the right,is this supported by default when the app is on a touch device? the list is like:

<s:List id="list2" width="100%" height="100%" dataProvider="{ recordingsShown }"
preinitialize="list2_preinitializeHandler(event)"
selectedIndex="0" visible="false">[code]............

View 1 Replies

Flex :: Accessing Children Of A List Component?

Apr 15, 2010

when I try to loop through the children of a List component that has buttons in it, I can't seem to access those children. I try

for(var btnNum:Number = 0; btnNum < myList.numChildren; btnNum++)
{

trace(myList.getChildAt(btnNum);[code]......

View 1 Replies

Flex :: Hide A List Component When It Contains No Items?

Apr 28, 2010

I have a List of items which is based on the contents of the "category" that a user selects

When the user changes selection, I change the dataProvider of the list be be the contents of the current category.

Sometimes the list contains items, sometimes it does not

Is there a way of hiding the list when it has no items?

I know that I could do this when setting the dataProvider, but it seems like there should be an event or something else that I could be using.

View 2 Replies

Flex :: Skinning Spark List Component?

Aug 2, 2010

How to skin spark List component so that every adjacent itemRenderer has different color (something like mx DataGrid)?

View 1 Replies

Actionscript 3 :: Is There A Hierarchical List Component For Flex

Jun 9, 2011

I will implement this myself if I can't find it but after 30 minutes of searching on the web I'm a bit surprised this doesn't exist. Basically what I need is a hierarchical list component like the finder app on mac. I want the same functionality as a tree component but displayed as each level having it's own list resulting in multiple lists that depend on each other.

View 1 Replies

Flex :: Creating Card Stack (Horizontal List)

Jul 21, 2010

I'm trying to develop a card game with Flex, and I was wondering if there's a way to create an horizontal list (the cards that I have in my hand) having the elements overlapped, like you can see in this example made with openflux: [URL]. The thing that's missing here is the possibility to swap the cards with drag and drop. What I could do to get a similar effect with an horizontal list based component?

View 2 Replies

Flex :: Populate The Tree Component With The Display List?

Sep 29, 2010

Is there a way display the display list in the Tree component. I could parse the display list into xml but then I would not be able to create a reference to the display object.

View 1 Replies

Flex :: Hide The Horizontal Overflow In S:List Component?

Mar 15, 2011

wondering if there's any way to make it so that a list I have will not scroll to show the horizontal end of the items. Very few items go long enough to require it and the horizontal scrollbar is distracting.

I don't see any property to control that, though, so not sure how to achieve this.

View 1 Replies

Flex :: Custom Component Not Updating Display List?

Jul 12, 2011

I've created a component which is basically a meter (extends skinnable container). The skin to the component contains two rectangles (background and the actual meter). This component receives an arraycollection with the following fields value, max and min(the arraycollection I am passing is Bindable). When I initialize and pass the data to be used to draw It works great (keep in mind - only works the first time). I've created a button that changes the data array and shows the current meter value. Apparently the meter's value is changing everytime I modify the ArrayCollection I've set to be used for rendering.(dont want to say "dataProvider" because it is not a Flex dataprovider, just a variable )... here is the code...

public class meter extends SkinnableContainer {
[SkinPart( required = "true" )]
public var meter:spark.primitives.Rect;

[Code]....

View 1 Replies

Flex :: Spark List Component Item Order

Oct 17, 2011

I have a regular spark list which is sorted correctly when no item renderer is used. However, when the following item renderer is used, the list shuffles and displays items from previous instances of the list.[code]

View 2 Replies

Flex - Display An ArrayCollection Of Sprites In A List Component?

May 22, 2009

I have an arrayCollection of objects that extend Sprite, and have bitmaps within them. I want to display these in a list (or some other component that would allow a user to scroll through them, and see their associated data.)

When I do: myList.dataProvider = myArrayCollection

the list just shows a bunch of lines of [Object, Item] instead of the visual sprites.

Here is a simplified version of my Object:

public class myUIC extends UIComponent

[Code]...

Tried many different ways to get it to show up in a List, but can't do it.

View 4 Replies

Flex :: Refresh The Itemrenderer Of Each Item In The List Component

Mar 1, 2012

I have the list shown below:

<s:List id="list2" width="100%" height="100%" dataProvider="{ recordingsShown }"
itemRenderer="components.VideoItemRenderer2"
selectedIndex="0" visible="false">

[Code].....

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved