Looking for a tiling control

Question

2.00/5 (1 vote)

See more:

Please help me find a control that achieves this effect[^], given an assortment of images and some constraints.

There is probably a term for this effect, but when I search for tiles, tiling, mosaic, collage, etc., each of these terms has its own meaning for something else.

Thanks.

Posted 23-Jul-13 4:27am

Yvan Rodrigues

Updated 23-Jul-13 4:29am

v3

Add a Solution

Comments

Sergey Alexandrovich Kryukov 23-Jul-13 12:42pm

First of all, it looks way too easy. What's the problem. http://whathaveyoutried.com?
Secondly, if you still need help, start from tagging your imaging library, as the approaches are quite different (WPF, System.Drawing. what's the application type?)
—SA

onelopez 24-Jul-13 0:44am

you could try looking into the algorithms used to "package" images together in Css Sprites generator. Not really sure what the term is either, I always search under Css Sprite generator C# and get some decent results.
Perhaps if you find the algorithm you want, then you can apply it to controls as well. But they already must have their size predefined, of course.

Yvan Rodrigues 24-Jul-13 10:45am

Like I said, I tried searching for tiles (results are mostly Metro tiles), tiling (results are grids), mosaic (results are photomosaics), collage (results are mostly overlapping images to form a shape).

I imagine there is a name for the effect I'm looking for, but I don't know what it is.

As far as libraries go, I'll work with whatever I find, though System.Drawing would be nice.

When you say it looks way too easy, do you mean finding a component, or creating one? I'm trying to avoid reinventing the wheel.

Sergey Alexandrovich Kryukov 24-Jul-13 10:54am

I mean creating. This is not the invention, but rather some ad-hoc algorithm, so your saying about reinventing the wheel is not really applicable. Too particular case, so finding and modification of the code sample will take more time then development. To me, it looks absolutely obvious.
—SA

Yvan Rodrigues 24-Jul-13 11:24am

To slap the images into a predetermined grid pattern would take no time at all; however an intelligent algorithm might need to consider: overall width and height; optimal tile size; how to decide which images to make big and small; how to optimally crop rectangular images to suit square tiles; best fit of large, medium, small tiles to fill a specified space; how to handle a shortage of images; etc. No trivial task.

Sergey Alexandrovich Kryukov 24-Jul-13 11:58am

Well, this is really non-trivial only if you have some random combinations of sizes and have to find out the packing automatically, but... do you really need to go as far as that? Everything else is quite trivial...
—SA

ZurdoDev 23-Jul-13 13:25pm

You need to reply to the comment instead of adding a new comment to your own question.

ZurdoDev 23-Jul-13 13:26pm

Search for jquery tiling. I think that would do it.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Yvan Rodrigues · Accepted Answer · 2013-07-24T05:32:00

The effect I was looking for doesn't seem to have a commonly accepted name, but does go by dynamic grid layout and cascading grid layout.

I haven't found a nice server-side component yet, but with ryanb31's help my searches for jquery tiling did lead me to these, and a client-side component might do the trick.

Masonery[^]

Isotope[^]

There is also a commercial component called Packery.