搜索
查看: 15645|回复: 20

[源码分享] HTMLayout 使用APNG制作桌面透明动画窗口

  [复制链接]

43

主题

679

帖子

3805

积分

版主

Rank: 7Rank: 7Rank: 7

积分
3805
发表于 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

主题

1239

帖子

6607

积分

六级会员

Rank: 9Rank: 9Rank: 9

积分
6607
发表于 2012-8-23 17:06:33 | 显示全部楼层

又学到了新东西感谢分享

又学到了新东西感谢分享
我是菜鸟...
回复

使用道具 举报

12

主题

205

帖子

1242

积分

荣誉会员

Rank: 8Rank: 8

积分
1242
QQ
发表于 2012-8-23 19:38:48 | 显示全部楼层

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

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

使用道具 举报

48

主题

593

帖子

3329

积分

五级会员

Rank: 8Rank: 8

积分
3329
发表于 2012-8-23 20:12:25 | 显示全部楼层

很漂亮的效果{:3_59:}

很漂亮的效果
回复

使用道具 举报

33

主题

543

帖子

3304

积分

荣誉会员

Rank: 8Rank: 8

积分
3304
发表于 2012-8-23 21:37:24 | 显示全部楼层

支持一下,效果很不错

支持一下,效果很不错
回复

使用道具 举报

10

主题

71

帖子

492

积分

荣誉会员

Rank: 8Rank: 8

积分
492
发表于 2012-8-23 22:37:02 | 显示全部楼层

真好玩啊,虽然我还看不懂!

真好玩啊,虽然我还看不懂!
回复

使用道具 举报

2

主题

68

帖子

494

积分

二级会员

Rank: 3Rank: 3

积分
494
发表于 2012-8-25 00:19:49 | 显示全部楼层

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

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

使用道具 举报

4

主题

877

帖子

4724

积分

荣誉会员

Rank: 8Rank: 8

积分
4724
发表于 2012-8-25 11:25:20 | 显示全部楼层

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

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

回复

使用道具 举报

7

主题

161

帖子

935

积分

三级会员

Rank: 4

积分
935
发表于 2012-8-26 22:22:59 | 显示全部楼层

学习了。谢谢分享。

学习了。谢谢分享。
有眼界才有境界,有实力才有魅力,有思路才有出路!
使用20%的努力,带动80%的资源,创造100%的成功!
回复

使用道具 举报

17

主题

86

帖子

902

积分

三级会员

Rank: 4

积分
902
发表于 2012-8-30 08:29:01 | 显示全部楼层

效果真的很漂亮!谢谢分享,学习一下!

效果真的很漂亮!谢谢分享,学习一下!
回复

使用道具 举报

10

主题

71

帖子

492

积分

荣誉会员

Rank: 8Rank: 8

积分
492
发表于 2012-8-31 16:59:42 | 显示全部楼层

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

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

使用道具 举报

43

主题

679

帖子

3805

积分

版主

Rank: 7Rank: 7Rank: 7

积分
3805
 楼主| 发表于 2012-8-31 17:56:09 | 显示全部楼层

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

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

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

使用道具 举报

1

主题

33

帖子

192

积分

一级会员

Rank: 2

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

感谢分享

感谢分享
回复

使用道具 举报

1

主题

20

帖子

316

积分

二级会员

Rank: 3Rank: 3

积分
316
发表于 2012-10-26 15:34:50 | 显示全部楼层

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

这个可以拿来搞个桌面宠物什么的吗?
回复

使用道具 举报

43

主题

679

帖子

3805

积分

版主

Rank: 7Rank: 7Rank: 7

积分
3805
 楼主| 发表于 2012-10-26 15:44:27 | 显示全部楼层

[quote][size=2][color=#999999]hai321 发表于 2012-10-26 15:34[/color] [url=forum.php

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

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

使用道具 举报

2

主题

68

帖子

494

积分

二级会员

Rank: 3Rank: 3

积分
494
发表于 2012-11-6 12:09:59 | 显示全部楼层

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

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

使用道具 举报

0

主题

6

帖子

36

积分

新手入门

Rank: 1

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

又学到了新东西感谢分享


又学到了新东西感谢分享
回复

使用道具 举报

0

主题

55

帖子

367

积分

二级会员

Rank: 3Rank: 3

积分
367
QQ
发表于 2014-4-29 09:36:23 来自手机 | 显示全部楼层

好漂亮呀!

好漂亮呀!
回复

使用道具 举报

0

主题

2

帖子

14

积分

新手入门

Rank: 1

积分
14
发表于 2016-1-9 10:26:31 | 显示全部楼层

{:3_48:}很经典

很经典
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

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

GMT+8, 2017-11-23 20:51 , Processed in 0.078125 second(s), 19 queries , WinCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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