分享个gif录制助手源代码

popdes

如题：
就是咱们论坛【开发工具箱】那个板块里面的那个。
这个大概是去年刚学aar的时候写的，一直也没更新过了，之前还发布到各大软件平台了。
现在源码奉上。希望对新人有点帮助吧

工程下载：
链接：https://pan.baidu.com/s/1B0cWiEnLxYPDvrGpe59g6A 密码：tqis



主要代码如下：
main.aardio文件里：

1. import win.ui;
   
2. import gdip.fontAwesome;
   
3. /*DSG{{*/
   
4. mainForm = win.form(text="aardio form";right=692;bottom=400;bgcolor=8421376;border="none";clipch=1)
   
5. mainForm.add(
   
6. logo={cls="plus";text='\uF2A9';left=627;top=0;right=673;bottom=44;color=33023;dr=1;dt=1;font=LOGFONT(name='FontAwesome';h=-35;weight=700);transparent=1;z=9};
   
7. logo2={cls="plus";text="GIF录制助手";left=603;top=40;right=693;bottom=63;color=33023;dr=1;dt=1;font=LOGFONT(name='微软雅黑';h=-14;weight=700);transparent=1;z=8};
   
8. picturebox={cls="picturebox";left=2;top=2;right=601;bottom=399;bgcolor=0;db=1;dl=1;dr=1;dt=1;z=1};
   
9. 停止={cls="plus";text='\uF04D  停止';left=601;top=245;right=693;bottom=288;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);transparent=1;z=5};
   
10. 关于={cls="plus";text='\uF05A  关于';left=601;top=371;right=693;bottom=401;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);notify=1;transparent=1;z=10};
    
11. 关闭={cls="plus";text='\uF011  关闭';left=601;top=329;right=693;bottom=372;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);notify=1;transparent=1;z=11};
    
12. 开启={cls="plus";text='\uF1C8  开启';left=601;top=120;right=693;bottom=163;bgcolor=20608;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);transparent=1;z=2};
    
13. 新建={cls="plus";text='\uF0C7  新建';left=601;top=78;right=693;bottom=121;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);transparent=1;z=6};
    
14. 暂停={cls="plus";text='\uF04C  暂停';left=601;top=162;right=693;bottom=205;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);transparent=1;z=3};
    
15. 查看={cls="plus";text='\uF07C';left=646;top=287;right=693;bottom=330;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);notify=1;transparent=1;z=7};
    
16. 继续={cls="plus";text='\uF04B  继续';left=601;top=204;right=693;bottom=246;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-16);transparent=1;z=4};
    
17. 预览={cls="plus";text='\uF06E';left=601;top=287;right=648;bottom=330;bgcolor=3768320;border={color=-16777216;width=1};color=16777215;db=1;dr=1;font=LOGFONT(name='FontAwesome';h=-19);notify=1;transparent=1;z=12}
    
18. )
    
19. /*}}*/
    
20. 
    
21. /*皮肤代码{{*/
    
22. namespace theme{
    
23.         list = {
    
24.                 color = {
    
25.                     hover = 0xFFFF8080; //鼠标放上去时悬停的状况
    
26.                     active = 0xFFFF8080; //鼠标点击时
    
27.                     disable = 0xFF008080;
    
28.                 }
    
29.             }
    
30. }
    
31. mainForm.新建.skin( theme.list );
    
32. mainForm.停止.skin( theme.list );
    
33. mainForm.关于.skin( theme.list );
    
34. mainForm.查看.skin( theme.list );
    
35. mainForm.关闭.skin( theme.list );
    
36. mainForm.开启.skin( theme.list );
    
37. mainForm.暂停.skin( theme.list );
    
38. mainForm.预览.skin( theme.list );
    
39. /*
    
40. mainForm.水印.skin( theme.list );
    
41. */
    
42. mainForm.继续.skin( theme.list );
    
43. 
    
44. mainForm.查看.disabled = true;
    
45. mainForm.停止.disabled = true;
    
46. mainForm.开启.disabled = true;
    
47. mainForm.暂停.disabled = true;
    
48. mainForm.继续.disabled = true;
    
49. mainForm.预览.disabled = true;
    
50. /*}}*/
    
51. 
    
52. var gifThr , gifPath;
    
53. mainForm.关于.oncommand = function(id,event){
    
54.         import process;
    
55.         process.execute("http://www.htmlayout.cn/t/16");//打开网页
    
56. }
    
57. 
    
58. import fsys.dlg;
    
59. mainForm.新建.oncommand = function(id,event){
    
60.         gifPath = fsys.dlg.save("*.gif|*.gif",,,mainForm.hwnd,,"gifTest.gif");//获取路径
    
61.         if(gifPath){
    
62.                 var ret = string.save(gifPath,"");//保存
    
63.              if(ret){
    
64.                              thread.set("PicLantch",gifPath )
    
65.                      //mainForm.msgbox("保存成功!")
    
66.                     mainForm.停止.disabled = true;
    
67.                                 mainForm.开启.disabled = false;
    
68.                                 mainForm.暂停.disabled = true;
    
69.                                 mainForm.继续.disabled = true;
    
70.             
    
71.              }else {
    
72.                      mainForm.msgbox("新建失败!")
    
73.              }       
    
74.         }
    
75. }
    
76. mainForm.开启.oncommand = function(id,event){
    
77.         thread.set("startOrend",true);
    
78.    
    
79.     gifThr = thread.create(
    
80.         function( mainForm,caphwnd,gifPath ){
    
81.             import soImage;
    
82.             import win.ui ;
    
83.             import com;
    
84.             var img = soImage();
    
85.             var gifFile = soImage.gifFile(gifPath);
    
86.             while(thread.get("startOrend")){
    
87.                 var x,y,cx,cy = mainForm.picturebox.getPos();//坐标 x , y  宽 高
    
88.                 var xx,yy = win.toScreen(mainForm.hwnd,x,y);
    
89.                 var pic = com.picture.snap(caphwnd,xx,yy,cx,cy);
    
90.                 img.fromBitmap(pic.Handle);
    
91.                 gifFile.write(img,false,,,3); //写入GIF文件
    
92.                sleep(50);//50HZ
    
93.             }
    
94.             gifFile.close();//释放录制
    
95.            // console.log("录制完毕")
    
96.         },mainForm,win.getDesktop(),gifPath
    
97.     )
    
98.     owner.disabled = true;
    
99.     mainForm.停止.disabled = false;
    
100.         mainForm.暂停.disabled = false;
     
101.         mainForm.继续.disabled = true;
     
102. }
     
103. mainForm.暂停.oncommand = function(id,event){
     
104.         thread.suspend( gifThr );
     
105.         owner.disabled = true;
     
106.         mainForm.停止.disabled = false;
     
107.         mainForm.继续.disabled = false;
     
108. }
     
109. mainForm.继续.oncommand = function(id,event){
     
110.         thread.resume( gifThr );
     
111.         owner.disabled = true;
     
112.         mainForm.停止.disabled = false;
     
113.         mainForm.暂停.disabled = false;
     
114. }
     
115. mainForm.停止.oncommand = function(id,event){
     
116.         thread.set("startOrend",false);
     
117.         thread.wait(gifThr,50);
     
118.         raw.closehandle(gifThr);
     
119.         owner.disabled = true;
     
120.         mainForm.开启.disabled = false;
     
121.         mainForm.暂停.disabled = true;
     
122.         mainForm.继续.disabled = true;
     
123.         mainForm.查看.disabled = false;
     
124.         mainForm.预览.disabled = false;
     
125. }
     
126. mainForm.查看.oncommand = function(id,event){
     
127.         import process;
     
128.         if(gifPath){
     
129.                 mulupath = io.splitpath(gifPath);
     
130.                 process.explore(mulupath.dir);
     
131.         }
     
132. }
     
133. mainForm.预览.oncommand = function(id,event){
     
134.         if(gifPath){
     
135.                 mainForm.loadForm("\res\chakan.aardio");
     
136.         }
     
137. }
     
138. 
     
139. mainForm.关闭.oncommand = function(id,event){
     
140.         if(gifThr){
     
141.                 thread.set("startOrend",false);
     
142.                 thread.wait(gifThr,50);
     
143.                 raw.closehandle(gifThr);       
     
144.         }
     
145.         mainForm.close();
     
146. }
     
147. mainForm.wndproc = function(hwnd,message,wParam,lParam){
     
148.         select( message ) {
     
149.                 case 0x201/*_WM_LBUTTONDOWN*/{
     
150.                         mainForm.hitCaption();
     
151.                         }
     
152.         }
     
153. }
     
154. 
     
155. 
     
156. mainForm.transparent(0x808000,0)
     
157. win.setTopmost(mainForm.hwnd);
     
158. import win.ui.shadow;
     
159. win.ui.shadow(mainForm,,5);
     
160. //下面的代码为窗体添加可拖动改变大小的边框
     
161. import win.ui.resizeBorder;
     
162. win.ui.resizeBorder( mainForm );
     
163. 
     
164. import win.ui.minmax;
     
165. win.ui.minmax(mainForm,120,380)
     
166. 
     
167. mainForm.enableDpiScaling();
     
168. mainForm.show();
     
169. 
     
170. return win.loopMessage();
     

复制代码

引用的chakan.aardio文件里：
这个文件里的代码引用了论坛里
仿Picasa照片查看器效果 http://bbs.aardio.com/forum.php? ... mp;highlight=%B7%C2
神码 和 多多洛 提供的代码

1. import win.ui;
   
2. /*DSG{{*/
   
3. var winform = win.form(text="GIF录制助手预览器";right=0;bottom=0;exmode="toolwindow")
   
4. winform.add()
   
5. /*}}*/
   
6. 
   
7. winform.transparent(true);//启用分层窗口以支持透明
   
8. winform.fullscreen(true);//全屏
   
9. 
   
10. import web.layout;//导入内置浏览器引擎
    
11. import web.layout.behavior.windowCommand;//导入标题栏按钮支持库
    
12. wbLayout = web.layout(winform); //创建浏览器
    
13. 
    
14. wbLayout.html = /**
    
15. <!DOCTYPE html>
    
16. <html>
    
17. <body>
    
18.         <div id="hl_ctrl_bar"><span id="close" command="window-close" title="关闭">r</span></div>
    
19.         <img id="simulate_area"></img>
    
20. </body>
    
21. </html>
    
22. **/
    
23. 
    
24. wbLayout.css = /**
    
25. html { background: none; } /* HTML背景透明 */
    
26. body, html { margin:0; padding:0; height:100%; width:100% }
    
27. body { margin:0; outline: none; background-color:rgba(0,0,0,0.7); }
    
28. 
    
29. /* 窗体控制按钮 */
    
30. #hl_ctrl_bar { max-width: max-intrinsic; padding-right: 5px; position: absolute; right:0; top:0; padding: 0; }
    
31. #hl_ctrl_bar span {
    
32.         display: block; float: left; color: #fff; line-height: 22px; padding: 0 5px;
    
33.         font-family: Webdings; font-weight: bold; font-size: 13px;
    
34.         behavior: windowCommand; /* 添加标题栏按钮交互行为 */
    
35. }
    
36. #hl_ctrl_bar #close {
    
37.         width: 40px; height: 40px; padding:0; overflow: hidden;line-height: 28px;
    
38.         text-indent: 16px; font-size: 14px;background-color:#666; border-radius:0 0 0 100%;
    
39. }
    
40. /*提示框样式,解决右上角提示乱码问题*/
    
41. popup {
    
42.     font-family: '微软雅黑','宋体';
    
43.     font-size: 12px;
    
44.     font-weight: normal;
    
45.     padding: 0 5px;
    
46. }
    
47. #hl_ctrl_bar span#close:hover { background-color: #da3610; }
    
48.   
    
49. #simulate_area[ready]{  
    
50.         background:#000;/* 设背景色后发光效果性能会好点 */
    
51.         outline:15px glow #000 0px;
    
52.         width:0; height:0;
    
53.          
    
54. }
    
55. 
    
56. /* 图像已下载完成 */
    
57. #simulate_area[src]:not(:incomplete){   
    
58. 
    
59.         top: 50%%; left: 50%%; right: 50%%; bottom: 50%%;
    
60.         position: absolute;   
    
61.          
    
62.         /*初始化事件*/
    
63.         assigned!:
    
64.                 self.start-animation( 0.9s ); /*启动动画*/
    
65.    
    
66.     /*动画事件*/
    
67.     animation-step!:
    
68.         self::width = morph("cubic-in-out", 1px, self.min-intrinsic-width()),
    
69.         self::height = morph("cubic-in-out", 1px, self.min-intrinsic-height() );
    
70.          
    
71.      animation-end!:
    
72.              self.ready = "true"; /* 动画完了再显示发光效果 */
    
73. }
    
74. **/
    
75. 
    
76. winform.updateImage = function(url){
    
77.         var ltEle = wbLayout.queryEle('#simulate_area'); //CSS选择器获取节点对象
    
78.         ltEle.src = url;//动态修改图像        
    
79. }
    
80. 
    
81. //预览指定图像
    
82. winform.updateImage( thread.get("PicLantch") );
    
83. 
    
84. winform.show();
    
85. win.loopMessage();
    

复制代码

lvhoo

早起的鸟儿有虫子吃。
先来的人儿有代码收。
谢谢分享。

。

ccbwx

谢谢分享。谢谢分享。谢谢分享。谢谢分享。谢谢分享。谢谢分享。