aardio 事件驱动

文周周的 3天前 113

 


事件驱动编程

今天开始学习事件驱动编程,突然觉得编程就像一场音乐会——每个程序组件都是乐器,而“事件”就像指挥棒的挥动,只有被触发时才会演奏。这种编程模式让程序能根据用户操作、系统状态变化做出响应。

一、事件绑定基础

事件绑定的关键是把事件和处理函数关联起来,我在aardio里试了两个例子:

示例1:按钮点击事件绑定

import win.ui;
/*DSG{{*/
var winform = win.form(text="事件绑定示例";right=759;bottom=469)
winform.add(
button={cls="button";text="点击我";left=327;top=202;right=432;bottom=241;z=1}
)
/*}}*/

// 定义按钮点击事件处理函数
winform.button.oncommand = function(id,event){
    win.msgbox("按钮被点击啦!")
}

winform.show();
win.loopMessage();
截图一
截图一

运行后点击按钮真的弹出了消息框!原来通过oncommand属性就能绑定点击事件,匿名函数里的逻辑就是事件触发后的动作。

示例2:窗口关闭事件绑定

import win.ui;
/*DSG{{*/
var winform = win.form(text="窗口关闭事件示例";right=759;bottom=469)
winform.add(
edit={cls="edit";text="关闭窗口试试";left=9;top=11;right=747;bottom=170;edge=1;multiline=1;z=1}
)
/*}}*/

winform.onClose= function(hwnd,message,wparam){
    select(message) {
        case 0x10{
            if(win.msgboxTest("你要关闭窗口么?") ===false){
                return wparam;
            }
        } 
    }
}
winform.show();
win.loopMessage();
截图二
截图二

这个例子让我学会了拦截系统事件——当点击窗口关闭按钮时,程序会先弹出确认框,选“否”就不关闭窗口。这里用onClose绑定事件,通过message参数判断是否为关闭事件(0x10是Windows消息中的WM_CLOSE)。

二、自定义事件”

系统事件不够用?那就自己定义!试了两个例子:

示例1:自定义事件触发

import win.ui;
/*DSG{{*/
var winform = win.form(text="自定义事件示例";right=759;bottom=469)
winform.add(
button={cls="button";text="触发自定义事件";left=327;top=202;right=432;bottom=241;z=1}
)
/*}}*/

// 定义自定义事件处理函数
var customEvent = function(){
    win.msgbox("自定义事件被触发啦!")
}

// 按钮点击时触发自定义事件
winform.button.oncommand = function(id,event){
    customEvent()
}

winform.show();
win.loopMessage();
截图三
截图三

先定义一个customEvent函数,再通过按钮点击事件调用它——这就像自己写了一段旋律,让按钮成为触发演奏的开关。

示例2:带参数的自定义事件

import win.ui;
/*DSG{{*/
var winform = win.form(text="带参数的自定义事件示例";right=759;bottom=469)
winform.add(
button={cls="button";text="触发带参数的自定义事件";left=327;top=202;right=432;bottom=241;z=1}
)
/*}}*/

// 定义带参数的自定义事件处理函数
var customEventWithParam = function(param){
    win.msgbox("自定义事件被触发,参数是:" + param)
}

// 按钮点击时触发带参数的自定义事件
winform.button.oncommand = function(id,event){
    customEventWithParam("Hello, aardio!")
}

winform.show();
win.loopMessage();
截图四
截图四

带参数的事件更灵活!比如可以让不同按钮传递不同文本,事件函数根据参数显示不同内容,这让程序逻辑更动态了。

三、事件队列管理

事件太多时,需要按顺序执行——这就是事件队列的作用。

示例1:简单的事件队列

import win.ui;
/*DSG{{*/
var winform = win.form(text="事件队列示例";right=759;bottom=469)
winform.add(
button={cls="button";text="触发事件队列";left=327;top=202;right=432;bottom=241;z=1}
)
/*}}*/

// 定义事件队列
var eventQueue = {}

// 定义事件处理函数
var event1 = function(){
    win.msgbox("事件 1 被执行")
}
var event2 = function(){
    win.msgbox("事件 2 被执行")
}
// 将事件添加到队列
table.push(eventQueue,event1)
table.push(eventQueue,event2)

// 按钮点击时依次执行队列中的事件
winform.button.oncommand = function(id,event){

   for(i=1;#eventQueue;1){
       eventQueue[i]()
   } 
}
winform.show();
win.loopMessage();
截图五
截图五

用数组eventQueue存储事件函数,点击按钮后通过循环依次执行——就像音乐会按节目单逐个演奏曲目,顺序不会乱。

示例2:动态管理事件队列

import win.ui;
/*DSG{{*/
var winform = win.form(text="动态管理事件队列示例";right=759;bottom=469)
winform.add(
button1={cls="button";text="添加事件到队列";left=200;top=202;right=305;bottom=241;z=1},
button2={cls="button";text="执行队列中的事件";left=400;top=202;right=505;bottom=241;z=2}
)
/*}}*/

// 定义事件队列
var eventQueue = {}

// 定义事件处理函数
var event1 = function(){
    win.msgbox("事件 1 被执行")
}

// 按钮 1 点击时添加事件到队列
winform.button1.oncommand = function(id,event){
    table.push(eventQueue,event1)
    win.msgbox("事件已添加到队列")
}

// 按钮 2 点击时执行队列中的事件
winform.button2.oncommand = function(id,event){
    for(i=1;#eventQueue;1){
        eventQueue[i]()
 
    } 
}
winform.show();
win.loopMessage();
截图六
截图六

这个例子更实用!可以随时添加事件到队列,再统一执行。比如用户连续点击“添加事件”按钮,程序会按顺序记录所有事件,最后一次性处理。

四、挑战

题目要求做一个带事件队列的窗口,我试着写了代码:

import win.ui;
/*DSG{{*/
var winform = win.form(text="综合习题示例";right=759;bottom=469)
winform.add(
button1={cls="button";text="添加事件到队列";left=200;top=202;right=305;bottom=241;z=1},
button2={cls="button";text="执行队列中的事件";left=400;top=202;right=505;bottom=241;z=2}
)
/*}}*/

// 定义事件队列
var eventQueue = {}
var eventCount = 0

// 按钮 1 点击时添加事件到队列
winform.button1.oncommand = function(id,event){
    eventCount = eventCount + 1
    var newEvent = function(){
        win.msgbox("事件 " + eventCount + " 被执行")
    }
    table.push(eventQueue,newEvent)
    win.msgbox("事件 " + eventCount + " 已添加到队列")
}

// 按钮 2 点击时执行队列中的事件
winform.button2.oncommand = function(id,event){
    for(i=1;#eventQueue;1){
        eventQueue[i]()
    } 
    eventQueue = {}
}

winform.show();
win.loopMessage();
截图七
截图七

运行后发现,每次点击“添加事件”按钮,程序会生成一个带编号的事件并加入队列;点击“执行事件”按钮,会按顺序弹出消息框。这里我用eventCount记录事件编号,每次添加事件时动态创建函数 !

今日总结

  • 事件驱动编程的核心是“事件触发-函数响应”模式。

  • 事件绑定、自定义事件、事件队列是三大基础模块,通过oncommandonClose等属性实现交互逻辑。

aardio 新手交流学习群,一起学习的进

qq群号:697197055
微信群加我 _825720xw 拉你


 


最新回复 (0)
返回