ADL之UI初预览

      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 中进行开发，它的主界面如下：

    大家可以到官方网站上去下载，（ [url]http://www.joyistar.com/[/url] ）也可以到网上去搜索下，下载还是蛮多的。