2

jQuery 或任何其他 JavaScript 库中是否有任何东西可以让您轻松布局网页,就像您可以在其中为每个元素设置“锚点”的 Windows 窗体(即-.NET WinForms)应用程序一样?因此,如果我为 Top、Left 和 Right 设置一个锚点...元素将随着包含的扩展而扩展其宽度,但不会扩展高度(但将保持在相同的 Y/顶部位置)。如果我不设置任何锚点,则元素保持相同的宽度和高度并居中。

我知道这与大多数优秀的网页设计相反(页面需要在各种屏幕尺寸/等上工作),但就我而言,我正在尝试创建一个非常丰富的 UI,而使用可用的 HTML/CSS 是不可能的布局规则。在您说这不是真的之前,我认为有几个流行的网站使用 JavaScript 在页面调整大小时重新定位项目。例如,我认为谷歌日历就是这样做的。

我的整体 UI 设计类似于这个 Dojo 示例:http ://demos.dojotoolkit.org/demos/themePreviewer/demo.html

我的页面将始终适合浏览器窗口(从不在窗口本身上的垂直/水平滚动条) - 当然,最大尺寸,在这种情况下,如果您不能使用该页面(与 Dojo 示例相同,它只是裁剪零件并变得无法使用)。我将有几个带有拆分器的面板来调整每个面板的大小,以及面板内需要锚定到各个点(底部/右侧/左侧/顶部/填充)的内容。

我不知道 Dojo - 它看起来相当庞大。我主要想知道我的选择是什么,并倾向于一个较小的库,专门用于添加锚/对接支持。

4

2 回答 2

2

Ext JS 有一个强大/灵活的布局引擎,支持锚定和完整的浏览器流体布局。 http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html

检查他们的border布局。

于 2013-01-29T23:37:44.970 回答
2

我正在编写自己的类似布局框架,我即将完成其核心功能,这可能对您有用。我的设计允许用户随意移动停靠面板,但如果你真的想的话,这个功能“可以”在你的停靠面板上被禁用。

在这里查看:http: //docker.webcabin.org/

编辑:布局框架现已完成并可以正式使用!

于 2014-07-16T18:35:57.087 回答