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