DockableFlex

来自goozo
Rinick讨论 | 贡献2015年2月21日 (六) 22:45的版本 (Created page with " == 介绍 == === DockableFlex === DockableFlex是一款基于Adobe Flex的开源框架。提供窗口拖动停靠的功能。 [http://www.goozo.net/dockableflex/demo.swf...")

(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳转至: 导航搜索


介绍

DockableFlex

DockableFlex是一款基于Adobe Flex的开源框架。提供窗口拖动停靠的功能。

功能预览

下载

源代码:Google Code

直接下载swc

文档

Class Reference of DockableFlex


功能

拖动标签

你可以拖动窗口页面标签并放进其他窗口。 红框显示了新窗口被创建的区域。

你也可以放进另一个窗口的标签条来创建一个新标签而不是新窗口

Dockableflex t1.png Dockableflex t2.png

拖动窗口

你可以拖动窗口顶部标题栏并拖动到其他位置

你也可以把窗口拖进其他窗口的标签条,这样会使原来窗口的所有标签都并入到新窗口

Dockableflex t3.png Dockableflex t4.png

多层深度的停靠

当界面上有多层布局的时候,将逐层向上查找到一个合适的位置,鼠标位置离开目标窗口的边界越近,则向上搜索的层次越多。

Dockableflex d1.png

Dockableflex d2.png

Dockableflex d3.png

浮动窗口

拖动窗口时释放在空白区域就可以创建悬浮窗口

悬浮窗口可以直接通过拖动标题来移动, 拖动窗口右下角可以调节窗口大小

如果需要将悬浮窗口放回原有布局,必须通过拖动页面标签的方式逐页拖回

Dockableflex f2.png Dockableflex f3.png

关闭页面

如果窗口内当前页面允许关闭功能,则关闭按钮会显示在窗口右上角,可以点击关闭当前页面

Dockableflex c1.png

窗口组

每个窗口都有自己的ID。当两个窗口拥有不同ID的时候,一个窗口的页面将无法被拖放到另一窗口

窗口默认的ID都是""

Dockableflex g1.png

自动移除不需要的控件

当页面标签栏里不再有页面的时候,窗口会自动被移除

当布局中一个横向排列或纵向排列的组只剩下一个窗口时,这个组会被移除,内部发窗口会自动添加到上层的组

皮肤支持

DockableFlex支持Flex框架的其他皮肤

Dockableflex style1.png


示例

拖动窗口

窗口和页面标签拖动的示例

打开示例 查看源代码 下载示例和源代码

提示:布局中最好留下一个无法关闭的窗口,避免显示区域变成空白

悬浮窗口

你可以在一开始就在布局中创建悬浮窗口,所有悬浮窗口都应在布局的顶层,不要把它放在任何组里。

打开示例 查看源代码 下载示例和源代码

可关闭的页面

打开示例 查看源代码 下载示例和源代码

在这个例子里,A与B两组窗口的页面无法被拖到另一个窗口内

打开示例 查看源代码 下载示例和源代码

皮肤

窗口样式和拖动框的效果都可以通过皮肤调节

打开示例 查看源代码 下载示例和源代码

例子中使用的皮肤来自于:scale nine