HTMLayout 使用APNG制作桌面透明动画窗口

编程 · 发表于 2012-8-23 16:08:27

APNG制作软件：

1:VirtualDub APNG Mod
2:APNG Anime Maker
3:APNG Edit
4:Animat Animat----firefox制作APNG动画的插件
5:Japng Editor

import win.ui;
/*DSG{{*/
winform = ..win.form( bottom=121;parent=...;text="aardio Form";border="none";exmode="toolwindow";mode="popup";right=138;topmost=1 )
winform.add(  )
/*}}*/

//启用分层窗口，aardio新版中可直接使用 winform.transparent(true);函数
winform.modifyStyleEx(,0x80000/*_WS_EX_LAYERED*/)

import web.layout;
wbLayout = web.layout(winform);

wbLayout.html =/***
<img src="http://upload.wikimedia.org/wikipedia/commons/1/14/Animated_PNG_example_bouncing_beach_ball.png" />

<menu.context id="menuId">
<li>退出</li>
</menu>
***/

wbLayout.css = /**
html {
background-color:transparent; /*网页背景透明*/
context-menu:selector(menu#menuId);
}
**/

wbLayout.documentElement.attachEventHandler(

//鼠标按下拖动触发下面的函数
onMouseMove = function (ltTarget,ltEle,x,y,ltMouseParams) {
      if( ltMouseParams.button_state == 1/*_HL_MAIN_MOUSE_BUTTON*/ ){
         var wx,wy = winform.getPos();
         wx = wx + (x - winform.downPos.x)
         wy = wy + (y - winform.downPos.y)
         ltTarget.getForm().setPos( wx,wy)
         return true;
      }
}

//鼠标按下触发下面的函数
onMouseDown = function (ltTarget,ltEle,x,y,ltMouseParams) {
      winform.capture = true;
      winform.downPos = { x = x ;y = y}
}
)

//右键菜单触发下面的函数
wbLayout.onMenuItemClick = function (ltTarget,ltEle,reason,behaviorParams) {
if( ltTarget.innerText == "退出" ){
   winform.close();
}
}

winform.show()
win.loopMessage();

落伍者 · 发表于 2012-8-23 17:06:33

又学到了新东西感谢分享

cjc0045 · 发表于 2012-8-23 19:38:48

哈哈好玩。。谢谢高手分享

jyb21 · 发表于 2012-8-23 20:12:25

很漂亮的效果

lujjjh · 发表于 2012-8-23 21:37:24

支持一下，效果很不错

fanishare · 发表于 2012-8-23 22:37:02

真好玩啊，虽然我还看不懂！

gxrcn · 发表于 2012-8-25 00:19:49

太利害了，原来png还可以像gif一样做成动画

不争 · 发表于 2012-8-25 11:25:20

APNG 比 GIF 更清晰, 效果更好 !
FLASH虽然体积小, 但矢量图的清晰度终究也有限。
APNG 就是大点, 不过用于桌面软件开发, 这点体积根本就不是问题了。

jsniu · 发表于 2012-8-26 22:22:59

学习了。谢谢分享。

xwlzx · 发表于 2012-8-30 08:29:01

效果真的很漂亮！谢谢分享，学习一下！

fanishare · 发表于 2012-8-31 16:59:42

我还没看明白跳动是怎么实现的，我把图片换掉的话就不行了！

编程 · 发表于 2012-8-31 17:56:09

跳动不是程序实现的，而是图片本身就是动画，
这跟GIF动画，Flash动画是一回事。APNG就是多个透明PNG图片组合在一起创建动画。

你可以使用下面的软件创建APNG动画，或者转换其他的格式为APNG文件
1:VirtualDub APNG Mod
2:APNG Anime Maker
3:APNG Edit
4:Animat
5:Japng Editor

988668 · 发表于 2012-9-2 08:56:33

感谢分享

hai321 · 发表于 2012-10-26 15:34:50

这个可以拿来搞个桌面宠物什么的吗？

编程 · 发表于 2012-10-26 15:44:27

hai321 发表于 2012-10-26 15:34
这个可以拿来搞个桌面宠物什么的吗？

可以的，非常适合做桌面宠物,MSN的桌面宠物多猫就是用HTMLayout实现的。

gxrcn · 发表于 2012-11-6 12:09:59

用“gif2apng”软件可以直接将gif转换为apng啦，这个更加简单

cheetah · 发表于 2014-1-25 02:38:58

又学到了新东西感谢分享

wjmcu · 发表于 2014-4-29 09:36:23

好漂亮呀！

yahoooo · 发表于 2016-1-9 10:26:31

很经典

		自动登录	找回密码
密码			注册会员