开源重量级的流程引擎或UI引擎

AeroWindow与ArcText组件使用
介绍如何通过AeroWindow和ArcText组件快速实现窗口特效及弧形文字布局,仅需简单配置即可完成复杂的UI设计。

关注这两个方面的同学个踊跃加粉了~~同时在下面回复期望开源哪一个,将先开源呼声高的一个。

好吧,先小秀一下UI:

增加下面的pom依赖,表示此工程需要org.tinygroup.aerowindow

?
1
2
3
4
5
         < dependency >
             < groupId >org.tinygroup</ groupId >
             < artifactId >org.tinygroup.aerowindow</ artifactId >
             < version >1.0.0-SNAPSHOT</ version >
         </ dependency >

接下来就可以在页面文件中编写内容了:

比如创建aero.page文件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#@aeroWindow("Demo" "演示" "400" "300")
< ul >
     < li >< strong >Special feature:</ strong > Live animated Aero Glossy look (see header when moving) </ li >
     < li >Usual window buttons: Minimize, Zoom, Maximize and Close </ li >
     < li >Double-click support, such as in windows (maximize, zoom out) </ li >
     < li >Active window is highlighted visually, as in Windows </ li >
     < li >User-infinitely scalable window size </ li >
     < li >Sliding window by mouse dragging </ li >
     < li >Usual Z-order management, as in Windows </ li >
     < li >+ Animated change of window size</ li >
     < li >+ Multiple configuration options </ li >
</ ul >
#end
 
#@aeroWindow("hundsun" "百度" "800" "400")
< iframe  src = "http://www.baidu.com"  width = "100%"  height = "100%"  style = "border: 0px;"  frameborder = "0" ></ iframe >
#end
 
#@iconContainer("abc")
     #@icon("firefox" "DesktopIcon-Firefox.png")
     alert(1);
     #end
#end

运行结果:

简单吧。

实际上,这个效果要出来,需要用到aero window jquery plugin,它还用到了jqueryui,JqueryUI还用到了jquery,但是所有的这一切程序员都不用管了。

只要引用了UI组件包org.tinygroup.aerowindow,什么jss,css,什么图片资源,字体资源统统不用管。

?
1
2
3
#@aeroWindow("Demo" "演示" "400" "300")
......
#end

只要在页面中写入上面的内容,......就会自动放入到窗口中去。

再看一个例子:

增加下面的pom依赖,表示此工程需要org.tinygroup.arctext

?
1
2
3
4
5
         < dependency >
             < groupId >org.tinygroup</ groupId >
             < artifactId >org.tinygroup.arctext</ artifactId >
             < version >1.0.0-SNAPSHOT</ version >
         </ dependency >

然后编写下在的页面文件arctext.page:

?
1
2
# @arcText  ( "abc"  3  "100"  1  "200pt"  "200pt" )中华人民共和国#end
# @arcText  ( "aaa"  3  "100"  - 1  "200pt"  "200pt" )中华人民共和国#end



然后执行,就可以执行出下面的效果:

只要去掉上面的POM依赖,它们就会消失的干干净净。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值