18.htmlayout & Aardio 按钮事件实现方法总结(4)

编程语言 Mr.R 2年前 (2016-12-13) 957次浏览 已收录 0个评论 扫描二维码

18.htmlayout & Aardio 按钮事件实现方法总结(4)

实例代码:

import win.ui;
import web.layout; //导入 layout
import web.layout.behavior.windowCommand;
import process;
mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none")
mainForm.add()
wbLayout = web.layout( mainForm )  
if( _STUDIO_INVOKED ){  //开启 layout 调试
	import web.layout.debug;
	wbLayout.attachEventHandler( web.layout.debug );
	}
	
html = /** 
<!DOCTYPE html>
<html>
<head>
	<title>R 大技术站</title>
	<style type="text/css">
	#btn{width:120px;height:32px;line-height:32px;text-align:center;margin-top:10px;margin-left:50%% - 60px;background:#009688;color:#fff;behavior:button;}
	#btn:hover{background:#c1c1c1;}
	</style>
</head>
<body>	
	<p><div id="btn">按钮 div</div></p>	
</body>
</html>

 **/

wbLayout.html = html;

wbLayout.onButtonClick = {
	btn = function (ltTarget,ltOwner,reason,behaviorParams) {
		mainForm.close()
	}	
}
 
mainForm.show() 
return win.loopMessage(); 

实例说明:
这期,又是一个按钮,也是用的.onButtonClick 事件, (也可以用节点事件参照方法 3)
没有什么特别的,辣么会有什么区别呢?

这次我们是通过 div 来定义一个按钮,并指定 id 为 btn,
同时注意在 css 中,我们为#btn 绑定了 behavior:button 行为;
之前是用的 button 控件,自带特效,
现在我们通过把特效拿过来给 div,
效果也是一样一样的!!!


修仙㊀群
修仙㊁群
常见问题:1、文件解压请使用 Winrar5.5 版本以上解压;
2、视频播放有声音无画面,请了解下 PotPlayer 播放器;
R 大技术站 , 版权所有,如未注明 , 均为原创,如需转载请注明来源!
喜欢 (0)
[itdiy@qq.com]
分享 (0)
发表我的评论
取消评论

表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址