关注这两个方面的同学个踊跃加粉了~~同时在下面回复期望开源哪一个，将先开源呼声高的一个。
好吧，先小秀一下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依赖，它们就会消失的干干净净。
