Ahhhh...Why do you say repeater items can't be selected? I built a custom component that responds to a mouse click and then repeat this component multiple times using a repeater from data that is returned from my server (Essentially this is a list of regions containing customers. Each user is only authorized to see specific regions/customers so the number of custom components repeated is set from this data).
The custom component is fully self contained and responds to mouse clicks. If the underlying application needs to know about the clicks, I dispatch a bubbling event which the app listens for. So, in your case create a custom component with your different skins (greyscal/colored). The component should contain multiple sizes of images as well as a public var to set the size. The app should know the stage size as well as the number of items to display (From the server call). In your repeater, set the public var to the size you need. Each custom component can have its own overskin etc and respond appropriately as well as its own event listener for mouse clicks. --- In flexcoders@yahoogroups.com, "James" <garymoorcroft_...@...> wrote: > > I originally considered using a repeater inside a h box to repeat all of the > items but the problem is a repeater doesn't allow items to be selected > otherwise it would be perfect. You see I have a filter function that has been > applied to my links based on what category item is selected. > > Overall what it needs to do is this:- > > - Have no blue theme boxes > - Autoresize based on how many items are in it > - On application complete all of the images in it are converted to greyscale > (as shown in my pic) > - The text and image of each item in it must glow and convert to colour as > they are hovered over and convert back to greyscale and unglow as they are > unhoevered over (again this can be seen in my app) > > All of the above effects are simple with static components but they are > pretty much impossible to apply to a component that has the selcteditem/index > properties i.e. is populated via a dataprovider. > > I wish the repeater component had a selected item property as I think that'd > work. > > --- In flexcoders@yahoogroups.com, "valdhor" <valdhorlists@> wrote: > > > > I have never tried to do anything like this but just thinking off the top > > of my head... > > > > Try skinning components in Flex. > > http://www.davidflatley.com/2007/12/17/programmatic-button-skins-in-flex-3/ > > may be a good starting point. > > > > Look at using DeGrafa (http://www.degrafa.org) and/or ScaleNine > > (http://www.scalenine.com) to skin components. > > > > Have multiple sizes of graphics available and check the width of the screen > > and the number of icons and pick an appropriate size to show. > > > > --- In flexcoders@yahoogroups.com, "James" <garymoorcroft_ict@> wrote: > > > > > > Heres an image of my icons which is basically what I'm after. > > > > > > http://i223.photobucket.com/albums/dd147/jimmyoneshot/theicons.jpg > > > > > > The only difference is these are all just static ones I put in myself, > > > now I need them to be dynamic i.e. the user can add and remove icons > > > which is why I need it to resize. I've found a way of getting a tilelist > > > to autoresize but there is a problem witrh this. > > > > > > I also want them to have a glow effect as you can see there. In that last > > > version on application complete all of those images were converted to > > > greyscale then got converted to color when each one was hovered over. I > > > need to achieve this same effect again but I'm not sure if a tilelist can > > > achieve this either as it simply has that dull blue theme box. I know > > > this box can be removed using actionscript but how can one add in the > > > glow effect to a tilelist hovered over item? > > > > > > --- In flexcoders@yahoogroups.com, "valdhor" <valdhorlists@> wrote: > > > > > > > > Take a look at SuperTabNavigator which is part of FlexLib > > > > (http://code.google.com/p/flexlib/). From your description, it looks > > > > like it would do the trick. > > > > > > > > --- In flexcoders@yahoogroups.com, "James" <garymoorcroft_ict@> wrote: > > > > > > > > > > I'm lost as to what component to use for navigation within my > > > > > application. Across the top of my app I want something which > > > > > horizontally displays a list of categories which the user can click > > > > > to select. This is fine if I use a tilelist but I also want to allow > > > > > my client to add and remove categories and for the width of the > > > > > component to adjust so that new categories fit in but it seems > > > > > impossible to apply <fit to content> to a tilelist the way you can to > > > > > a hbox which obviously means scrollbars will appear and if you switch > > > > > the scroll policy off this simply means any added categories won't be > > > > > visible if they are past the set width. > > > > > > > > > > If a hbox had a selecteditem property that would be perfect. Is there > > > > > any such way of getting a component to work like this? > > > > > > > > > > > > > > >
