300粉丝集结号吹响了，可以开源重量级的流程引擎或UI引擎

最新推荐文章于 2024-09-13 22:19:18 发布

weixin_34356555

最新推荐文章于 2024-09-13 22:19:18 发布

阅读量153

点赞数

CC 4.0 BY-SA版权

文章标签： ui javascript python ViewUI

原文链接：https://my.oschina.net/tinyframework/blog/214018

本文介绍如何使用AeroWindow与ArcText两个UI组件，通过简单的代码示例展示了如何实现窗口效果及弧形文字布局。只需引入相应依赖即可轻松实现丰富的视觉效果。

2019独角兽企业重金招聘Python工程师标准>>>

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

好吧，先小秀一下UI：

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

        <dependency>
            <groupId>org.tinygroup</groupId>
            <artifactId>org.tinygroup.aerowindow</artifactId>
            <version>1.0.0-SNAPSHOT</version>
        </dependency>

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

比如创建aero.page文件

#@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,什么图片资源，字体资源统统不用管。

#@aeroWindow("Demo" "演示" "400" "300")
......
#end

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

再看一个例子：

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

        <dependency>
            <groupId>org.tinygroup</groupId>
            <artifactId>org.tinygroup.arctext</artifactId>
            <version>1.0.0-SNAPSHOT</version>
        </dependency>

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

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

然后执行，就可以执行出下面的效果：

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

转载于:https://my.oschina.net/tinyframework/blog/214018