Flex :: Horizontal Tile List To Display Image Gallery
Dec 5, 2009
I am using a horizontal tilelist in flex to display an image gallery with only one item in horiz. tilelist being shown at a time. I have next and previous buttons on both sides. The problem is I want to display a particular item/image in that list when user clicks on a thumb image from another thumbimages tilelist at bottom. I used someTilelist.selectedIndex property but it just selects that particular index in list, it does not show that particular item/image. I want the list to show that particular image, not just select it. Please take note that the horiz. tilelist shows only one image at time.
I am using Flex Builder 3.0 and i want to add image in tile list dynamically then how its possible.Images are stored in Images folder of src. and my array is similar like that.
private var arrImage:Array = [ {source:"Images/1.png",tooltip:"1"}, {source:"Images/2.png",tooltip:"2"},
I need to display set of images in horizontal list. The list needs to be controlled with next and previous buttons. Moreover I need to display paging showing no of images per page below the list.
I dont want to make hboxes with labels and all for static headers in tile list... IS there a shortway to put column headers in a tile list in flex easily?
I am really interested in the separate images loading and connecting at the xpoint. And of course the tween dragging of the overall sections. I have a terrible example I have begun working on, but it works on the _root._ymouse and _root._xmouse positions. The images also overlapp. Here is the link to the example site. [URL].
I'm trying to make a simple horizontal image gallery scroller. Not sure what I'm doing wrong here. I've gotten the slider tab to work properly, but the masked image gallery is not moving at all when the slider is pulled. I included the Flash 8 FLA for the scroller in the post below.
I've got an Horizontal List. It contains 6 XML Nodes at the moment. But what I'd like to do is remove the scrollbar so that an button can function to scroll through the nodes instead.
How would I make it so that Flash will only tile this one line horizontally to fit the width screen, instead of the whole stage? (Right now it tiles Y as well as X)
Code: stage.align = StageAlign.TOP_LEFT; var tile:Sprite = new Sprite(); stage.addEventListener(Event.RESIZE, reTile); function tileBG():void{ tile.graphics.beginBitmapFill(new Tile(0, 0)); [Code] .....
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?
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.
Im creating a person search interface in Adobe Flex / Actionscript where we have an image for each person and a bit of text. Im looking to implement some like this:HorizontalList InterfaceORCarousel InterfaceBoth of these packages are unfortunately only for desktop Flex, I was wondering if anyone knew mobile flex (particularly Blackberry Playbook) alternatives?
I've to create a image gallery with following features : 1) Vertical thumbnail list 2) I should know which image i've selected 3) It should have loading for both thumbnails & the main images Plz take a look on the following site [URL]. I want exactly the same except the horizontal images.
How do I identify all the display objects in the display list in ActionScript, bellow the one that I have clicked? All the other objects are shadowed by the first one. What if other objects have visible parameter as hidden?
I load an png image and add it to the display list. Now I want to add this image more than once, like a pinball game there could be 3,4,5 balls, all with the same image. But I cant add the same image reference more than once to the display list, right? So should I make a copy of it? How can I copy it and add to the display list without needing to load it from file more than once?
I have a single image I imported to the library of an Fla document. I could have easily imported it to the stage, but I chose the library instead. It is a .png file. It's name is ace_clubs.png. On import a symbol was created by Flash and I deleted it. THE ONLY THING IN THE LIBRARY IS ace_clubs.png . I then right clicked on the the image and filled in for properties the following:
1. Export for ActionScript
2. Export in Frame 1
3. The class was by default named ace_clubs.png which I renamed to my_images .
4. The base class by auto default is flash.display.BitmapData
So how do you get the image (ace_clubs.png) to display in the Flash movie at say (0,0) ? Meaning in the ActionScript window what code is needed?
I'm working on a product display for a lure maker that I'm hoping to get working something similar to some of the Scene 7 works. I'm using BassProShops as an example. Basically it's a small image gallery that would have 1 to 4 thumbnails, displaying the image in an image area. Then having the ability to zoom in on the product image for some sharp detail. What I'm building so far loads external images that are 1400x1400 and resizing to 350x350. I'll use a mask or something to create the magnifying effect. Where I'm at now is that I feel like I might be going about it in a bulky manner with the way I'm loading the images and my ProgressEvent only works on the initial image load. I'm looking for some input from more experienced coders before I paint myself into a corner Here's the code I have so far... Thoughts?
I have a MC filled with button thumbnail images. I am trying to tell the thumbnail to display the corresponding fullsize image. the script I have for the first button is
on (release) { picts.gotoAndStop(2); }
Picts is the name of the MC containing full size images. There is no response to the button.
Not sure if you guys remember flash paper or not, but basically I am trying to clone it in AS3. The layout anyway, not the actual conversion. I have my PDF pages and SWF format and I have them loading into a tile list. I want to get the Y value of each item in the tile list so I can make a page browser.
I am using a tile list component and an areatext component. When I click on the graphic in the list a description of the graphic comes up in the text area. No problems so far. However I want to view a large image of the graphic at the same time as the text. I will attach one graphic so you can see how they show up. I will attach the .swf file also. You can see in the middle of the two areas (where the green square is) this is where I want the larger graphic to appear.
Here is the script majorworksthumb_tl.addEventListener(Event.CHANGE, majorworksthumbClicked) function majorworksthumbClicked(event:Event):void { majorwork_ta.text = event.target.selectedItem.data; majorworks_mc.MovieClip = event.target.selectedItem.MovieClip;} [Code] .....
I have a Tile List Component full of pictures,when a picture is clicked i want it to gotoandstop at the frame where I made the picture fill the page. How do I do that if I can't insert an addeventlistener for any of my thumbnails in the component? how do I make the thumbnails link to Urls and load UIs? Heres my basic code:
I want to trace the name of the movie clips(with instance name as mc1,mc2,...,mc5) when I click the images in the Tile List. What I want is that when I click image 4 in the Tile List, output should be "mc4". I'm trying the following code but I'm not getting the correct output.
import flash.events.MouseEvent;import flash.events.Event;import fl.data.DataProvider;import flash.display.*;import fl.controls.TileList; var aThumbs:Array = new Array(mc1,mc2,mc3,mc4,mc5);
I'm trying to load a bunch of external swfs into a tile list. Once the swfs have been loaded I'm adding them to a dataprovider which I then sort and add to the tilelist. Like so:
It works fine except that the way I'm doing it I have to add a bunch of functions to each swf to know which one is loaded and pass the correct info to the dataprovider.Is there another way to tell which swf has been loaded? Something like this.URLRequest. If I could tell something about it I could compare that to my original xml and find out all the other information I need for my dataprovider.
I need to implement a custom cell renderer in a project of mine, I have done some search on google but couldn't find what I need, I need each cell in the tilelist to display 2 icons with couple of labels, I need a good example to start it. If possible I need a way to design the template as a movieclip and pass it to the tilelist for rendering the cells.
I'm coding a image viewer application for tablets using Adobe Flex 4.5. Basically, I have a list with a custom item renderer that renders the images in the list. I have set up the image size to be the width/height of the tablet device in portrait (600x1024). This way, only one image can be seen at one time. The problem is that when the device orients to landscape, this design obviously screws up. My question is how can I get it to change the width/height of my images automatically when the orientation changes such that only one image is shown at a time?This is my list:
