algorithm - 以编程方式以抽象方式无间隙地排列矩形 UI 对象

标签 algorithm layout image-processing user-interface

给定一组具有不同宽度和高度的图像,比如 50 张,如何以编程方式以有趣*抽象的方式排列它们? (见下图)

enter image description here

  • 我的意思是有趣,没有大的间隙,也没有容易区分的行或列(负空间形成很多 T 形交叉点)。

对于我的具体情况,所有图像的最大尺寸都设置为 150 像素,这可能意味着高度或宽度的最大值为 150 像素(可以是 150 像素 x 450 像素,或 378 像素 x 150 像素)。

这似乎是一个经典的编程挑战,但我发现这个主题很难用 Google 搜索...

编辑:更改图像以显示对整体布置必须如何没有限制(不必适合设定区域内)

最佳答案

如果你不反对jquery插件,你可以看看这个-http://masonry.desandro.com/

关于algorithm - 以编程方式以抽象方式无间隙地排列矩形 UI 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9297022/

相关文章:

java - 24位RGB图像到8位灰度字节数组

algorithm - 相似子串快速搜索

algorithm - "hill climbing"和 "branch-and-bound"搜索算法有什么区别?

algorithm - 来自类属性的唯一、人类可读的 ID

html - CSS:带有图像的菜单中宽度和高度的百分比大小

java - android布局,有面板吗?

c++ - 如何在wxWidgets中制作 '3 part'分割窗口?

algorithm - 非特定方向计算中的动态规划方法

python - 如何在Python中实现Matlab bwmorph(bw ,'remove' )

javascript - 图片加载时和加载后的尺寸不同