JavaScript 库,支持锚点/停靠,就像 winforms 应用程序一样
JavaScript library with support for anchors/docking like winforms apps have
jQuery或任何其他JavaScript库中是否有任何内容可以轻松布局网页,就像Windows Form(i.e.-.NET WinForms)应用程序一样,您可以在其中为每个元素设置"锚点"? 因此,如果我为顶部、左侧和右侧设置锚点......元素将随着包含的扩展而扩展其宽度,但不会扩展高度(但将保持在同一 Y/顶部位置)。 如果我不设置任何锚点,元素将保持相同的宽度和高度并居中。
我知道这与大多数优秀的网页设计相反(页面需要在各种屏幕尺寸/等上工作),但就我而言,我正在尝试创建一个非常丰富的 UI,这是使用可用的 HTML/CSS 布局规则无法实现的。 在你说这不是真的之前,我认为有几个流行的网站使用 JavaScript 在页面调整大小时重新定位项目。 例如,我认为谷歌日历就是这样做的。
我的整体UI设计类似于这个Dojo示例:http://demos.dojotoolkit.org/demos/themePreviewer/demo.html
我的页面将始终适合浏览器窗口(永远不会在窗口本身上垂直/horz 滚动条)——当然,最大尺寸可达最小值,在这种情况下,如果您无法使用页面也没关系(与 Dojo 示例相同,它只是裁剪部分并变得不可用)。 我将有几个带有拆分器的面板来调整每个面板的大小,以及面板中需要锚定到各个点(底部/右侧/左侧/顶部/填充)的内容。
我不认识道场——它看起来很大。 我主要想知道我的选择是什么,并倾向于一个较小的库,专门用于添加锚点/停靠支持。
我正在编写自己的类似布局框架,我即将完成它的核心功能,这可能对您有用。 Mine的设计允许用户随心所欲地移动停靠的面板,但是如果您真的愿意,可以在停靠面板上"禁用"此功能。
在这里查看:http://docker.webcabin.org/
编辑:布局框架现已完成并准备好正式使用!
Ext JS具有强大/灵活的布局引擎,支持锚定和完整的浏览器流畅布局。http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html
查看他们的border
布局。
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- 在Web应用程序中使用Highcharts javascript
- css 和 JavaScript 像 iOS 照片应用程序一样滚动
- 像 Android 一样在 Dart 应用程序中使用 angular2js 干杯
- Android的PhoneGap加速度计应用程序像疯了一样滞后,什么'我的代码错了
- 像桌面应用程序一样运行Node Webkit
- 如何为应用程序截图创建一个漂亮的水平滚动区域,就像iTunes上的应用程序一样
- 在浏览器中创建像移动应用程序一样的动画
- 是Zepto.js只用于移动web应用程序,还是它可以像jQuery一样用于桌面?
- 为什么应用程序的行为与自定义javascript对象函数不一样
- Apache Cordova-混合移动应用程序页面像chrome浏览器一样打开,而不像Cordova应用程序
- 如何在web应用程序中使用复制表单windows,就像在googlegmail中使用图像副本一样
- JavaScript 库,支持锚点/停靠,就像 winforms 应用程序一样
- 有没有一个Chrome应用程序可以像Firefox中的暂存器一样工作
- 可以在HTML5中制作交互式应用程序(用于离线使用),就像在Flash中(使用Actionscript)一样