Flex :: Itemrenderer - Image Switching Place In Tilelist?
Oct 26, 2009
I'm running into an odd issue with itemRenderers inside a TileList.Here is a working example without an itemRenderer: 152.org/flex/
Here is the broken version with an itemRenderer: 152.org/brokenExample/. (I don't have the rep to make both of these a link)Both examples have "View Source" enabled.To see the problem use the broken example, select an album and scroll down one row. Scroll back up and the images will be switched.If you try this on the working example it's fine.This seems to be a widely known bug, but I can't find a solution for it.
UPDATE: I started playing with this example again and found out something else. Turns out you don't have to override the data setter. You can create a new method in the itemRenderer that is set whenever the tile wants to refresh. So the trick is to not rely on the initialize or creationComplete methods.This is what I have for the itemRenderer in the Application.
<itemRenderers:ImageTile img="{data}"/>
This is the code I have in the itemRenderer.
public function set img(value:String) : void {
trace("setting source: " + value);
this.source = value;[code]....
how to explain this behavior but I'll try. I am loading images from an external url that requires basic auth so I am using URLLoader to load the image from a unique ID. The ID gets passed to the itemrenderer which then proceeds to load the image. But the images switch around on their own when I scroll. If I load more than 7 images or so it starts repeating images....
I have a TileList that's loaded with data from Flickr. The tilelist uses an imageRenderer to make a bunch of thumbnails. I'm trying to create a custom drag and drop function, but I want to get the image source of the tilelist mouseEvent target. Here's what the code looks like for the drag handler:
I found examples in adobe site only to position the object where the mouse pointer is. But i have to place the image in the position of drag proxy image.
I have a Datagrid with an ItemRenderer assigned to a column which is a Currency column(String). The renderer is mean to display the Flag of the currency eg; for USD it should display a USD flag image etc. At the moment the column is appearing Blank without an image. I have the following renderer (which extends UIComponent). I am dynamically loading the images in the commitProperties() method. At the moment I have hard-coded it to the USD image to get it to work
public class CenteredEmbedImage extends UIComponent implements IListItemRenderer,IDropInListItemRenderer { private var _loader:Loader;
how to zoom the image displayed with the help of an item renderer.If i apply the Zoom effect on rollover ,the particular cell zooms the image with the scroll bars. Is their any other way of doing this without showing the scrollbars.
I know that the question may seem very easy. I am trying to display an image on canvas.I need to do it in AS, and also I need to locate image in specific coordinates.
has anyone made a Custom Skin for a TileList component in Flash CS5. I want to change the scrollbar of the TileList, i want the track bar as just a thin white line and the thumb a orange circle, this for a Touch Interface.
I have a TileList that loads its images from an XML, not all the images are the same size so they do not llook consistent wiyh the TileList.So i want the TileList to Scale the images it gets from the XML.
I am using the default TileList component in AS3/CS4, where a user can upload their images and it is displayed in the TileList by using the URL of the upload as the source parameter.The final piece of the puzzle is knowing the dimensions of the image that was uploaded, but bugger me if I can find how to access each image that is displayed in each cell of the tilelist. I can of course get the dimensions of the cell itself (which of course is always the same for each one), but I want the content of the scaled image within the cell ..
im trying to add some buttons or sprites on each of TileList items, i even made my own ImageCell class and inject some code that adds sprite on each image but it is not clickable - all clicks are reffering to "object MyImageCell" not that specific sprite
I have two illustrator vector images "apple.ai" and "orange.ai" imported in the library. I create a new sprite in actionscript and want to assign apple.ai as the graphic for the sprite and on mouseover want to change the graphic to orange.ai. I don't want to use button but only sprite: basically i want to know if there is a way in actionscript to assign and change the graphic of a sprite.
i have an form employee form(form) and datagrid(contains image and edit button) in one screen. images and buttons are displayed in the datagrid using itemrendered(inline). My question is when i clicked on edit button the correspong image will be populated into employee form(as one formitem).
In the code below, the presentedAlbumIndex is used to control the selectedIndex of the TileList. Item "five" is initially selected. Whenever the button is pressed the first item in the array is deleted, and the presentedAlbumIndex is decremented.
In theory, the selected index should stay with "five" every time the button is clicked (until "five" is itself deleted). It works this way for the first button press. However, on the 2nd button press the highlighting changes to "six" for some reason. Also, the TileList selectedIndex is always one behind.
I tried looking into ListBase and monitoring selectedIndex. It looks like the selectedIndex is updated initially to the correct index, but then it reverts back at some point to the correct index+1. I do not know why it's setting back.
It seems it's due to the fact that I am doing a data provider delete and index change in the same operation.
Is there some function in TileList I could override to keep selectedIndex up to date?
In my TileList, I want to select the TileList items on rollover, as opposed to the click event. I already have the TileList setup to allowMultipleSelection = "true".
I have 2 TileList component in my Flex application. 1 tilelist is filled with data much like following xml sample: <person name="Test"> <likes>Flex</likes> <likes>PHP</likes> </person> <person name="test2"> [Code] ..... data shown is the preference.
The user can click the first tilelist and then the items that person "likes" should be selected in the second tilelist (in other words they lit up). Click event on my first tilelist private function highlightPreferences(e:ListEvent):void{ trace(e.currentTarget); //and now I'm stuck }
I have an associative array that I want to display using TileList. However, it doesn't understand what is being fed to it. All I got is [object] in the TileList.
[bindable] public var people as array = new array(); private function loadArray():void{
I am navigating the items of tile list using next and previous button. I need to highlight the first item in the tilelist by default ( like the first item is being selected by default)
Is there a way to have the TileList component to auto-size to its contents? I have tried setting it 100%, but it seems that won't help. I don't want to hard-code the height because the content will be vary, and I don't want scrollbars to show up.
I'm working for the first time with a TileList and an itemRenderer and I'm having a bit of trouble getting the information from my array collection to display Here's what I've got
private function loadData():void{ var stmt:SQLStatement = new SQLStatement(); stmt.sqlConnection = sqlConn;[code].....
how I go about pulling the information from the array and putting it into labels like username, userjob, userbio ect, Inside the TitleList and itemRenderer.
the problem is the creationComplete event is not fired for each PageImageRenderer, and it is fired only for the tiles visible at start so the rectangles drawn in initComponents() is only drawn for those tiles with valid values, and when I scroll to next row using scrollToIndex() function the rectangles are shown with previous values. and no initComponents() is called for these tiles? however the data.name, data.class are correctly displayed but not the rectangles, why it is so? What is the proper event against which I should call initComponents()?
I have prepared a simple test case for a PopUpButton opening a TileList with black and red entries and it mostly works, but has 2 annoyances. I've searched a lot, tried several variants (added [Bindable] members in my renderer; added color member to the bids array; created my public override set data() method; ...) and has been getting some answers too, but they are way too general.
1) Scrolling "tl2" right-left doesn't work well: the entries are displayed in a mix of red and black. I know the TileList reuses itemRenderer, but how do I fix the problem?
2) In debug-mode I get numerous warnings: warning: unable to bind to property 'label' on class 'Object' (class is not an IEventDispatcher)
I'm using the TileList in a Flex 3 website. I need to set the rowCount and columnCount to factors of the total number of items in my array. For example, let's say that there are 15 items in my array. Then, I'd like to set the rowCount to 3 and the columnCount to 5 (3x5=15). Or if I had 16 items in the array, then I'd like to set the rowCount to 4 and the columnCount to 4 (4x4=16). The problem is that the length of the array varies. It's pulled from a database.
I want to create a tilelist in which there would be different canvas or vbox etc, and i want to make them drag able.I wrote a code to do this, but the output does not shows anything in a list.