ADL之UI初预览
1．ADL介绍：
AJAX Dev Library( 简称 ADL)是FA组织下的一个开源项目，主要以javascript 为基本语言，是一个面向对象的AJAX 组件库系列。ADL包含丰富的UI类库，界面也比较美观，用起来也很方便，并且据说可以支持 JAVA ， .NET ， PHP 等多种语言开发，而且能够实现跨浏览器。因为被它的功能所吸引，所以亲自试了一下，拿出来和大家分享下。
1.1 UI 初体验 — WebForm
下面就ADL中的WebForm为例，说下我做的过程，先给大家看下效果，
以下的实现的主要代码。
|
window.webform = new js.ui.WebForm();
var div2 = new js.dhtml.Div();
webform.style.height = '230';
webform.style.width = '385';
webform.style.position = 'absolute';
webform.style.left = '33';
webform.style.top = '58';
div2.style.width = "100%";
div2.style.height = "100%";
div2.style.backgroundColor = "#EEEEEE";
div2.innerHTML = "Hello Word!";
webform.SetIcon(GetResourcePath()+"webform/Test.GIF")//添加标题图片
webform.SetTitle("Welcome To China!"); //添加标题
window.Add(webform);
webform.Add(div2); |
通过上面几行代码就能实现功能比较全的的webform，可以实现任意拖动，调整大小等很多功能，用起来还真的挺方便的。
1.2其他UI组件
除了上面的介绍的WebForm还有很多功能强大的UI组件，这里就不一一祥述了，下面给大家贴上几张UI组件的效果图片，让大家看下：
Splitter 组件 DateTimePicker组件
ChannelPanel 组件 TabSet 组件
MenuBar 组件 ProgressBar 组件
TreeView 组件 ListView 和Grid 组件
FileIcon 组件 Menu 组件
NavBar 和TreeView 组件 PopupMenu 组件
这里只是简单的介绍了ADL中的几个组件，还有很多功能强大的组件由于篇幅原因就不一一介绍了，如果想要进一步了解的话，请访问FAC的官方网站[url]http://www.futureapps.org/[/url]，也可以直接到ADL的开源社区地址：[url]https://sourceforge.net/projects/ajax-dev-lib[/url]；
2． ADL开发工具
看到上面的这些介绍，相信已经有好多人迫不及待的想动手尝试下了吧？，俗话说的好“工欲善其事,必先利其器”用adl做开发用什么开发工具呢？用常用的文本编辑器当然可以，比如：“EditPlus”等，不过有没有更加方便的开发工具呢？答案是有的，这里向大家推荐一个ajax开发工具——Webshop.，ADL 可以集成到webshop中进行开发，它的主界面如下：
