Actionscript 3 :: How To Show List Of Components In Flex
Oct 7, 2011
I'm building a multiplayer game which when connecting to the server, the server sends back a list of available rooms (each room has MaxPlayers,MinRank,TableId,TableName,Password) so everytime I recieve these 5 strings, I create an instance of Mxml UI Component I have created and fill it with the relevant details. In the main.MXML i've added an AS3 script variable to hold the GameInstances object i've created when rcvd data back from the server: private var gameInstances:ArrayCollection = new ArrayCollection(); GameInstance.mxml is a component that has UI components in it and AS3 script to set some data. When rcving data from the server in main.mxml :
[Code].....
View 2 Replies
Similar Posts:
Sep 15, 2009
So you've created a list and hooked it up to your data. But wait! Someone decided to enter, street as their address. Or named their kid John Jacob Jingleheimer Schmidt, and all of a sudden, your list has a bizarre scrollbar running across it, right in the middle of the component, where no human being would possibly want a scrollbar.
As someone who considers himself clever, I've tried setting the width of the individual list components. This fixes the immediate problem of the scrollbar, but now the overrun from the list has hid itself invisibly underneath the next list element.
Is there a sane way to deal with this so that the elements of the list will adjust themselves vertically to hold the content?
View 2 Replies
Apr 25, 2011
I need to create a slideshow using data received from another view.I'm calling the slideshow's view like this:
<s:List id = "list" dataProvider = "{actions}"
change = "navigator.pushView (DetailsProduct, list.selectedItem) ">
<s:itemRenderer>
[code].....
View 1 Replies
Jul 10, 2011
I have a component that contains a list that implements a custom renderer. I use this component as a tooltip, keeping one in memory and just altering the databindings as necessary.
Something like this where TTComponent is a class that extends Canvas:
<s:TTComponent>
<s:BorderContainer>
<s:List id='lstItems' dataProvider="{data.Items}" width="50%" borderVisible="false" contentBackgroundColor="#222222">
[Code]....
Now, what happens is when data containing many items is set to tt.data, the list resizes itself larger and displays fine. However, after this, if data containing few items is set to tt.data, the component momentarily displays larger than it needs to be, then resizes itself smaller.
What I'd like to do is have the component resize itself before it displays, so I don't see the resize on screen.
View 1 Replies
Jul 5, 2011
I have quite some experience with Flex and I am just starting to write my first AIR application and would like to use as much Spark as possible here. So I started withe a simple Hello World application:
[Code].....
Unfortunately this simple example shows no child components and even none of the initialize handlers is triggered. However as soon as I change the root tag to mx:WindowedApplication everything behaves as expected: The label and the button are shown and the console shows the output of the two trace statements.
View 1 Replies
Feb 24, 2010
I want to get rid of the typical Flex roll-over color in list-based components, and to display my own style of roll-over rendering. Setting useRollOver to 'false' is not an option, since disabling that will also make the List.isItemHighlighted() function to always return false. My custom renderer relies on that function. Can it be so hard? Is there no way of setting that roll-over color to transparent? Is there some other way for my renderer to figure out if an item is highlighted?
View 3 Replies
Dec 21, 2010
I have a spark List defined as:
<s:List id="symbolList" dataProvider="{symbolListCollection}" change="symbolNameChangeHandler(event)"></s:List>
With the change handler defined like this:
protected function symbolNameChangeHandler(event:IndexChangeEvent):void {
symbolList.validateProperties();
changeSymbolView(symbolList.selectedItem);
}
and symbolListCollection as an ArrayList filled with Strings.
At first, the change event works fine, and I get what I expect.
However, if I Ctrl-click on the selected item, to de-select it, i am unable to ever select an item again.
When I click on something to try to select it, the change event DOES fire, however, the ItemChangeEvent has both oldIndex and newIndex set to -1
View 1 Replies
Sep 8, 2011
I have a custom component, containing a List displaying items from an XMLListCollection:
[Code]....
Also if I click twice, only 1 mouse click will cause my custom event to be dispatched (because obviously there is no change between the items). how to make my List only react to mouse clicks? UPDATE: Yes, I've tried using "change" event for the List before, but then I have the problem that it is fired, even if the List scrollbar is clicked.
View 1 Replies
Jan 26, 2012
I am trying to add an item to a list and have text display and have a different hidden value when i access selected items. I also need to do this with a loop.
Currently i am trying to add a label and set the labels id to my value. But the list just shows the ID and not the text.
var theLabel:Label = new Label();
theLabel.id = "123";
theLabel.text = "test";
lstLayerList_array.addItem(theLabel);
[code]....
View 2 Replies
Feb 22, 2010
To show the complete list of available colors, one has to click the color box of ColorPicker control.How can the component be modified to forcefully always shown the colors list without any interaction from the user?
View 1 Replies
May 24, 2010
I am aware that the follow will show a hand cursor:
component.mouseChildren = true;
component.useHandCursor = true;
component.buttonMode = true;
When I do the above on a List component, the hand button is shown and the whole component loses it's interactivity (Hand cursor is shown even on scrollbars).
So how can I show the hand cursor only when rolling over the list items?
View 3 Replies
Apr 12, 2011
In a flex application how to display default selecteditem from the dataprovider of the combobox.
I'm using {staticdataholder.currencylist}.
For example: I have to show INDIA so it should be selected as default from the list.
View 2 Replies
Nov 1, 2011
In an application I have created (web) I need to list out my facebook friends within a canvas (or any container) along with their profile pictures.
I am using Flash Builder 4.5. I have also managed to set up AIR app (using the samples) so I am not sure if I am on the right track.
The requirement is :
When each user logs into the site his/her friends list should appear in the frame along with the friend's profile pictures.
View 1 Replies
Jun 20, 2011
I have an (empty) ArrayCollection that I wrap with a ListCollectionView. Then I add a series of items to the ArrayCollection, but these are not showing up in the view.
public var transactions : ArrayCollection = new ArrayCollection();
public var filteredTransactions : ListCollectionView = new ListCollectionView(transactions);
transactions contains 150 items, filteredTransactions contains none. I originally thought it was the filter I was applying, but even when I remove the filter, I still get no items in the filtered list.
Do I need to add the items to the view as well as the underlying collection (this would seem to defeat the purpose of using a view though...)?
View 1 Replies
Aug 1, 2011
I have a situation where I have a List showing a queue of Upload Objects:
[Code]...
I would like to create three different views of the List: One showing All uploads in the queue Another showing only the Upload items with Upload.type == "Update" and another showing only the items with Upload.type == "Create". Another example of this would be on an email inbox, where we could filter "All, unread, or read". I realise I could just create three different lists, one for each view of the list (maybe I'm just being picky) but I was wondering: Is there is any easy way to conditionally select the items to display from a DataProvider based on a parameter (for example type =="Upload") so I don't have to juggle three separate ArrayCollections about?
View 2 Replies
Aug 22, 2010
Do you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 Replies
Sep 8, 2009
I am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
View 1 Replies
Apr 15, 2010
I'm used to item renderers in Flex but inexperienced with Flash AS3 components.I want to create a List that renderers items like this:
1) a slider
2) a couple of text fields that my designer can place and style as he likes
It's a survey form. I expect to grab the _listData.owner and dispatch the user inputs and bubble them up to the form.
1) drag a list onto the stage
2) create a symbol in the library with the base class of com.blah.skins.renderers.SurveyItemRenderer
3) Export this class as SurveyItemRenderer
4) set the list's cellRenderer style to SurveyItem renderer
5) give the list data to show
I tried using CellRenderer, but the class seems to reject being associated with a symbol (and I could not find any examples of CellRenderer being used that way), so SurveyItemRenderer implements ICellRenderer.When I run it, other library symbols and graphics shows up in the renderer--WITH THE EXCEPTION of the slider. Other Flash components that I put on the stage do not show up either, until you roll over (Button), or if they have text in the them (Label). Slider never shows up.
Components will show up on the stage, just not in the SurveyItemRenderer. WHY NOT? I feel like I'm missing something basic. Here is the class, minimal because I'm still testing:
Code:
public class SurveyItemRenderer extends MovieClip implements ICellRenderer
{
protected var _listData:ListData;
protected var _data:Object;
protected var _selected:Boolean;
[code]...
View 1 Replies
May 31, 2009
how to get this to work, but I've finally gotten Loadvars working dynamically. However, now I need to take the "avatar" variable and use it to populate a list component. I keep reading dozens of different ways to do it - turn your variable into an array in Flash, etc. What is the best method?
View 6 Replies
May 25, 2011
What i have is a list box populated from an XML file, in this XML file it will contain name and description What i would like is when a name is clicked/hovered over from the list menu... in a seperate text box component the description for that report will appear!!
Here is the XML :
Code:
<?xml version="1.0"?>
<_reportlist>
<reportdetails name="Product Installations and Removals">
[code]....
View 1 Replies
Sep 15, 2010
Is it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
View 1 Replies
Nov 9, 2011
I am working on an application where I need to basically have 2 separate screens and I need to be able to switch between them. I am a total noob to Flex & Flash and I have not found anything on how to do this in my 2 days of Googling. It really shouldn't be this hard to do!
Here is what I have tried. I created a Flex Project and added 2 MXML Component files called Test1 & Test2 and each simply have a button in them which have a label of Button1 & Button2 so I can see if the correct component is showing. Below is the button code in the Test1 MXML Component file[code]...
View 1 Replies
Feb 15, 2009
I'm having some problem with my masked components. These are the components in my fla file.
A static text.
a TextInput
a button
I converted all these 3 components into a movie clip call form.
I tried adding on a mask, i added an actions layer into the movie clip:form. In the actions layer i added the code submit.setStyle("embedFonts", true);
Result :
I still can't see my submit buttons text. I also did the same thing to my text input and the same problem occurs.
View 2 Replies
Jan 3, 2008
Just switched over to CS3, still adjusting to the many many changes. How on earth do you change the text color styles of a List component in AS3? I know it was easier to directly access the .color, .rollOverColor properties in AS2, but I can't find *ANY* comparable feature in AS3. I can see how everything else is skinned, by navigating the layers of symbols within the component.
View 8 Replies
Apr 15, 2012
I'm making a game and I an in-game editor that is able to create entities on the fly (rather than hard coding them). I'm using a component-aggregation model, so my entities are nothing but a list of components.
What would be the best way to obtain or generate a list of components? I really don't want to have to manually add entries for all possible components in some giant registerAllComponents() method or something.
I was thinking maybe somehow with reflection via either the knowledge that all components inherit from the base Component class, or possibly via custom metatags but I haven't been able to find ways to get a list of all classes that derive from a class or all classes that have custom metatags.
View 2 Replies
Feb 19, 2010
i installed a few components (gaia framework, flash eff 2 demo and a rain drop water effect) to use in Flash.
in the Adobe Extension Manager they are all enabled , however, i dont see anything in Window -> Other Panels neither in the Components panel.
View 2 Replies
Sep 2, 2011
I have a list component
var theList:List = new List();
theList.dataProvider = new DataProvider(listArray);
theList.rowHeight = 93;
theList.rowCount = 4;
theList.setStyle('cellRenderer',ChoosePanelListCell);
how can i specify vertical gap between the cells of List?
View 2 Replies
Sep 23, 2010
I am using a List component inside an itemRenderer. The main user interaction involves dragging an item from the List in one renderer and dropping it in another. My problem: When the data object is updated I want the Lists' height to be modified according to the number of objects in the dataprovider(dp), which is passed to the List from the data object. Now I have tried to invalidate the display of the List, refresh its dp and have tried putting this line assets.length > 0 ? assetList.percentHeight = 100 : assetList.height = 10; in other event handlers, such as dragdrop handlers, collection event handlers for the dp etc. I have also tried refreshing the dp for the List component that is using this renderer. The view does eventually get updated but only if I resize the list, or use the scroller or when I begin dragging a new List item but never after the drop.
[Code]...
View 1 Replies
Oct 18, 2011
I am using several instances of the same custom component on the same SWF. The component is essentially just a textfield with special sizing requirements. I also have another "wrapper" component that deals with the info from the textfield components. I was initially planning on using the stage index to associate the data with the textfield component it came from. This became more complicated than I anticipated. When I trace from the wrapper i can't get the index of the textfield components. So I got it in the component code and sent it with the info to the wrapper via a custom event. The problem there is that i can't tell which component is which because they are indexed identically. I can also see the component shim as well as the textfield.I'm just really confused about how programmatic components work on the display list.
My main Question. Is there a better way to associate the info with the proper component? I guess that's my only question. Please point me in the right direction.
EDIT2: I created a dummy place-holder component that just draws a rectangle then at runtime replaces it with programmatically generated textfield component.
View 1 Replies
May 24, 2011
how to create a List components for Nokia mobile. For your information, i have visited the Nokia website about that.[URL] That website also can download the source code and documentation. What the problem is, that documentation doesn't show the tutorial how to add item, scroll the list and so on. Below is the feature of my mobile phone for clarify.
Mobile Phone: Nokia 5800
Flash : Flash Lite 3.0
Feature: Mobile Phone Touch screen
how to use a List components from Nokia. Just to know how to use the code for add the item, delete the item and scroll list.
View 1 Replies
