Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

Any ideas on how to go about creating an image grid?

I'm working on an iPad app that's basically a simple gallery for vehicle photos, and I'm probably going to go the same route as the iPad Photos app, with a grid of photo thumbnails that can be enlarged when tapped on (though without the spreadable 'stacks' of photos- just a single level grid).

However, I'm not exactly sure how to go about creating it. In HTML/CSS, I'd just use a bunch of relatively positioned DIVs floated left, but I don't exactly know how to do it in Titanium. Could those types of properties be applied to views? Or if not, does anyone have any other ideas of how I could go about creating such an interface?

Thanks!

— asked May 12th 2010 by Bill Labus
  • grid
  • photos
  • thumbnails
0 Comments

2 Answers

  • Probably a combination of this:
    http://github.com/appcelerator/KitchenSink/blob/master/1.2.x/KitchenSink/Resources/examples/scroll_views_tabs.js

    and this:
    http://github.com/appcelerator/KitchenSink/blob/master/1.2.x/KitchenSink/Resources/examples/image_view_scaling.js

    Check them out by loading the kitchen sink on your simulator and see how they work.

    — answered May 13th 2010 by Stan Thompson
    permalink
    0 Comments

  • Thanks for the links! However, I can't seem to find the first example you listed in the KitchenSink app anywhere. Anyone know where it's located?

    — answered May 19th 2010 by Bill Labus
    permalink
    1 Comment

    • Kitchen App -> Base View -> Views -> Scroll Views -> Scrolling tabs

      Kitchen App -> Base View -> Views -> Image Views -> Image Scaling

      — commented June 19th 2010 by Eddie Monge
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.