【问题标题】:User Interface Layout Algorithms用户界面布局算法
【发布时间】:2012-11-17 06:55:35
【问题描述】:

我正在开发一个 UI 容器来保存 UI 组件,这些组件可以拖放到容器上,还可以在容器内移动组件。组件有各种尺寸。我在 flex/actionscript 中这样做,但我想这个问题适用于任何用户界面。是否有任何具有布局算法的资源(书籍等)。对此的任何指示都会有很大帮助。

用户可以拖放项目。但是这些项目应该重新排列,以免重叠。例如。如果有两个项目彼此相邻并且用户将第三个项目放在它们上面(在中间),则前两个项目应该移到一边,为第三个项目腾出空间。 (类似于examples.adobe.com/flex3/devnet/dashboard/main.html,但项目大小不同)。

仪表板布局的源代码假设所有组件都具有相同的尺寸。我正在寻找的是一种布局不同尺寸组件的方法。

谢谢

【问题讨论】:

  • 如果用户可以将项目拖放到任意位置;你希望你的布局算法做什么?你希望这个算法做什么?
  • 用户可以拖放项目。但是这些项目应该重新排列,以免重叠。例如。如果有两个项目彼此相邻并且用户将第三个项目放在它们上面(在中间),则前两个项目应该移到一边,为第三个项目腾出空间。 (类似于examples.adobe.com/flex3/devnet/dashboard/main.html,只是项目大小不同)
  • 听起来像是您可能希望在问题中包含的重要信息。使用该仪表板/布局的源有什么问题? examples.adobe.com/flex3/devnet/dashboard/srcview/index.html
  • 仪表板布局的源代码假设所有组件都具有相同的尺寸。我正在寻找的是一种布局不同尺寸组件的方法。

标签: apache-flex layout user-interface actionscript


【解决方案1】:

我们过去曾为客户做过一些类似的工作。您需要的是碰撞检测算法的实现。看到这个http://code.google.com/p/collisiondetectionkit/ 这里还有一篇关于代码项目的文章,它在 C# 中有一些布局实用程序,可以实现这一点,您可能可以移植:http://www.codeproject.com/Articles/23871/WPF-Diagram-Designer-Part-3。还有

【讨论】:

  • 感谢大家的投入。如果我发现更多信息,我会查看上面的链接并回复。
猜你喜欢
  • 2010-09-05
  • 1970-01-01
  • 2011-02-19
  • 2015-08-04
  • 1970-01-01
  • 2016-02-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多