ADLUI初预览
1ADL介绍:
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])也可以到网上去搜索下,下载还是蛮多的。