aardio 官方社区

 找回密码
 注册会员

QQ登录

只需一步,快速开始

搜索
查看: 58392|回复: 21

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

[复制链接]

43

主题

628

回帖

3765

积分

版主

积分
3765
发表于 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();

117

主题

1103

回帖

6572

积分

六级会员

积分
6572
发表于 2012-8-23 17:06:33 | 显示全部楼层
又学到了新东西感谢分享

12

主题

188

回帖

1249

积分

荣誉会员

积分
1249
QQ
发表于 2012-8-23 19:38:48 | 显示全部楼层
哈哈  好玩 。。 谢谢高手分享

48

主题

542

回帖

3328

积分

五级会员

积分
3328
发表于 2012-8-23 20:12:25 | 显示全部楼层
很漂亮的效果

33

主题

497

回帖

3294

积分

荣誉会员

积分
3294
发表于 2012-8-23 21:37:24 | 显示全部楼层
支持一下,效果很不错

10

主题

61

回帖

493

积分

新手入门

积分
493
发表于 2012-8-23 22:37:02 | 显示全部楼层
真好玩啊,虽然我还看不懂!

2

主题

73

回帖

553

积分

三级会员

积分
553
发表于 2012-8-25 00:19:49 | 显示全部楼层
太利害了,原来png还可以像gif一样做成动画

4

主题

852

回帖

4689

积分

荣誉会员

积分
4689
发表于 2012-8-25 11:25:20 | 显示全部楼层
APNG 比 GIF 更清晰, 效果更好 !
FLASH虽然体积小, 但矢量图的清晰度终究也有限。
APNG 就是大点, 不过用于桌面软件开发, 这点体积根本就不是问题了。

7

主题

149

回帖

925

积分

三级会员

积分
925
发表于 2012-8-26 22:22:59 | 显示全部楼层
学习了。谢谢分享。

17

主题

69

回帖

1014

积分

四级会员

积分
1014
发表于 2012-8-30 08:29:01 | 显示全部楼层
效果真的很漂亮!谢谢分享,学习一下!

10

主题

61

回帖

493

积分

新手入门

积分
493
发表于 2012-8-31 16:59:42 | 显示全部楼层
我还没看明白跳动是怎么实现的,我把图片换掉的话就不行了!

43

主题

628

回帖

3765

积分

版主

积分
3765
 楼主| 发表于 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

1

主题

31

回帖

192

积分

一级会员

积分
192
发表于 2012-9-2 08:56:33 | 显示全部楼层
感谢分享

1

主题

19

回帖

322

积分

二级会员

积分
322
发表于 2012-10-26 15:34:50 | 显示全部楼层
这个可以拿来搞个桌面宠物什么的吗?

43

主题

628

回帖

3765

积分

版主

积分
3765
 楼主| 发表于 2012-10-26 15:44:27 | 显示全部楼层
hai321 发表于 2012-10-26 15:34
这个可以拿来搞个桌面宠物什么的吗?

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

2

主题

73

回帖

553

积分

三级会员

积分
553
发表于 2012-11-6 12:09:59 | 显示全部楼层
用“gif2apng”软件可以直接将gif转换为apng啦,这个更加简单

0

主题

6

回帖

36

积分

新手入门

积分
36
发表于 2014-1-25 02:38:58 | 显示全部楼层

又学到了新东西感谢分享

0

主题

54

回帖

362

积分

二级会员

积分
362
QQ
发表于 2014-4-29 09:36:23 来自手机 | 显示全部楼层
好漂亮呀!

0

主题

2

回帖

21

积分

新手入门

积分
21
发表于 2016-1-9 10:26:31 | 显示全部楼层
很经典
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|aardio.com|aardio 官方社区 ( 皖ICP备09012014号 )

GMT+8, 2024-6-15 16:52 , Processed in 0.065099 second(s), 23 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

快速回复 返回顶部 返回列表