在Gox语言中用LCL库进行GUI图形界面编程-GX25.1

由于Gox 1.56a版本之后已经不支持Govcl库，因此本文档仅用作留存参考

老资格的Delphi程序员都知道，用VCL库编写图形界面是非常方便的，而LCL库就是受VCL库启发而来形成的免费版本的图形界面开发库。感谢Github上的ying32提供的Govcl库，使得我们现在可以使用Gox语言（Goxlang）结合LCL库进行GUI图形界面的编程，下面我们就来看一个具体的实例。

Goxlang

在Gox语言简介一文中，我们已经介绍过使用基于OpenGL技术的GUI图形界面库Giu来开发图形界面的方式，而使用LCL库开发则更贴近传统程序员的图形界面构建思路，我们来看用LCL库实现与之前的例子功能一致的小型计算器的程序代码。

errT = lcl.InitLCL()

if errT != nil {
    tk.Plerr(errT)
    return
}

application = lcl.GetApplication()

application.Initialize()

application.SetTitle("Calculator with LCL")
application.SetMainFormOnTaskBar(true)

mainForm = application.CreateForm()

mainForm.SetWidth(400)
mainForm.SetHeight(200)
mainForm.SetCaption("Calculator with LCL")
mainForm.SetPosition(lcl.PoScreenCenter)

mainForm.Font().SetSize(11)

onFromDestory = fn(sender) {
    println("Form Destroyed.")
}

mainForm.SetOnDestroy(lcl.NewTNotifyEvent(onFromDestory))

label1 = lcl.NewLabel(mainForm)
label1.SetParent(mainForm)
label1.SetLeft(10)
label1.SetTop(10)
label1.Font().SetName("Arial")
label1.Font().SetSize(18)

label1.SetCaption("Enter an expression")

onEdit1KeyUp = fn(sender, key, shift) {
    println("onEdit1KeyUp:", sender, *key, shift)
}

edit1 = lcl.NewEdit(mainForm)
edit1.SetParent(mainForm)
edit1.SetBounds(10, 48, 200, 32)
edit1.Font().SetSize(11)
edit1.SetOnKeyUp(lcl.NewTKeyEvent(onEdit1KeyUp))

onClick1 = fn(objA) {
    rs = edit1.Text()
    edit1.SetText(eval(rs))
}

f1 = lcl.NewTNotifyEvent(onClick1)

button1 = lcl.NewButton(mainForm)
button1.SetParent(mainForm)
button1.SetLeft(20)
button1.SetTop(90)
button1.SetCaption("Go")
button1.SetOnClick(f1)

onClick2 = fn(sender) {
    application.Terminate()
}

button2 = lcl.NewButton(mainForm)
button2.SetParent(mainForm)
button2.SetLeft(110)
button2.SetTop(90)
button2.SetCaption("Close")
button2.SetOnClick(lcl.NewTNotifyEvent(onClick2))


application.Run()

可以看到，代码非常简单，连空行加起来一共不超过80行代码，就实现了一个图形界面的计算器。下面我们看看执行之后的效果。

可以看到，很简单地，一个图形界面的小计算器已经成功运行了。我们可以尝试输入一个算式让它计算。

点击“Go”按钮后，就会得到计算结果。

可以看到，计算结果已经出来了，最后的小数点是有名的计算机上的浮点数误差，属于计算机的正常行为。

另外，点击“Close”按钮是关闭该计算器，点击窗口右上方的关闭按钮也是同样的效果。

由此可见，短短几十行代码，实现了一个麻雀虽小、五脏俱全的图形界面小程序，非常不容易。

下面我们来解说一下具体代码，我们还是用代码中的注释来说明吧。

errT = lcl.InitLCL() // 先要初始化LCL库，LCL库也是直接引用lcl即可，不需要写多级路径

if errT != nil {
    tk.Plerr(errT)
    return
}

// 获取LCL的默认应用
application = lcl.GetApplication()

application.Initialize()  // 必须进行初始化

application.SetTitle("Calculator with LCL") // 设置应用标题，显示在任务条上的
application.SetMainFormOnTaskBar(true)  // 设置在任务条上显示

mainForm = application.CreateForm()  // 创建一个主窗口

mainForm.SetWidth(400) // 设置主窗口的宽度
mainForm.SetHeight(200) // 设置主窗口的高度
mainForm.SetCaption("Calculator with LCL") // 设置主窗口的标题
mainForm.SetPosition(lcl.PoScreenCenter) // 设置主窗口的默认位置，PoScreenCenter表示在屏幕中间

mainForm.Font().SetSize(11) // 设置主窗口字体大小

// 用于主窗口销毁时的回调函数
onFromDestory = fn(sender) {
    println("Form Destroyed.")
}

// 设置主窗口销毁时的回调函数
// 这里比较特殊，需要调用NewTNotifyEvent函数将onFromDestory转换为回调函数所需的类型
// 不同的LCL回调函数需要有不同的类型，具体用何事件可以参考[这里](https://z-kit.cc/doc.html)
mainForm.SetOnDestroy(lcl.NewTNotifyEvent(onFromDestory))

// 新建一个label，即显示文字的标签
label1 = lcl.NewLabel(mainForm) // 参数一定是所属的窗口
label1.SetParent(mainForm) // 设置父级对象为主窗口

 // 设置左上角坐标
label1.SetLeft(10)
label1.SetTop(10)

// 设置标签字体
label1.Font().SetName("Arial")
label1.Font().SetSize(18)

// 设置标签文字
label1.SetCaption("Enter an expression")

// 用于文本输入框按键抬起时的回调函数（测试用）
onEdit1KeyUp = fn(sender, key, shift) {
    println("onEdit1KeyUp:", sender, *key, shift)
}

// 创建一个文本输入框
edit1 = lcl.NewEdit(mainForm)
edit1.SetParent(mainForm)
edit1.SetBounds(10, 48, 200, 32) // 设置左上角坐标和宽度、高度
edit1.Font().SetSize(11)
edit1.SetOnKeyUp(lcl.NewTKeyEvent(onEdit1KeyUp)) // 设置按键抬起的回调函数，注意这里是用NewTKeyEvent函数将Gox的函数转换为TKeyEvent类型的回调函数

// 用于按钮1点击后的回调函数
// 对文本输入框中的内容进行eval并将结果填回文本输入框中
onClick1 = fn(objA) {
    rs = edit1.Text()
    edit1.SetText(eval(rs))
}

f1 = lcl.NewTNotifyEvent(onClick1)

// 创建一个按钮用于点击后进行计算
button1 = lcl.NewButton(mainForm)
button1.SetParent(mainForm)
button1.SetLeft(20)
button1.SetTop(90)
button1.SetCaption("Go")
button1.SetOnClick(f1)

// 创建第二个按钮，点击后将退出程序
onClick2 = fn(sender) {
    application.Terminate() // 其实是退出图形界面，仍可以执行Run后面的代码
}

button2 = lcl.NewButton(mainForm)
button2.SetParent(mainForm)
button2.SetLeft(110)
button2.SetTop(90)
button2.SetCaption("Close")
button2.SetOnClick(lcl.NewTNotifyEvent(onClick2))


application.Run()

代码中通过注释的方式已经解释得很详细，另外需要注意：

调用lcl.InitLCL函数进行GUI的初始化时，如果当前系统中没有LCL库（liblcl.dll），则会进行自动下载，保存在gox主程序的相同路径下。如果希望不要有这一步，建议直接去Gox语言的官网自行下载liblcl.dll库文件，然后可以放在Windows目录下，也可以放在Gox语言主程序可执行文件的相同目录下。

特别需要注意的事，所有回调函数需要进行转换，转换方法参考上面代码中的button1和edit1的回调函数，LCL支持的事件则可以参考这里或Govcl的Github页面。

最后，注意图形界面编程的统一禁忌是：只能在一个线程中操作图形界面。

比较一下的话，在Gox语言中使用LCL库编程，更贴近传统程序员的编程思维，也能更精细地控制界面元素的展现和行为方式，相比OpenGL库来说，稍微复杂一些但功能更丰富，唯一需要依赖的是要有运行库，但也就仅需要下载一个dll库文件，还算可以接受。并且，这种方式也是跨平台的，在Mac和Linux只需要下载对应版本的库文件即可。

总的来说，Gox语言作为一个解释执行的脚本语言，能够提供两种风格的图形界面库，并且还是内置的，无需安装附加包，相比大多数其他脚本语言来说是非常方便的。