aardio界面和控件

今天学习 aardio 创建窗口与控件的知识海洋。这部分内容就像是为程序打造外观,重要性不言而喻。

一、创建主窗口

创建主窗口是程序界面搭建的基石。在 aardio 里,操作说难不难,说简单也得用心学。

(一)最简主窗口创建

ini 复制代码
import win.ui;
var winform = win.form(text = "我的第一个窗口"); 
winform.width = 500; 
winform.height = 400; 
winform.show(); 
win.loopMessage(); 

先引入 win.ui 库,这是创建窗口的得力助手。然后声明 winform 对象,设定好窗口标题,调整宽度和高度,最后显示窗口并运行消息循环,一个简单的主窗口就亮相了。这就好比搭个简易小房子,虽然简单,但却是后续添砖加瓦的基础。

(二)带位置设定的主窗口

ini 复制代码
import win.ui;
var winform = win.form(text = "带位置的窗口");
winform.width = 300;
winform.height = 200;
win.setPos(winform.hwnd,200,800);

winform.show();
win.loopMessage();

这里多了窗口位置的设置,win.setPos(winform.hwnd,200,800); 就像给小房子选了个特定的地址,能让窗口精准地出现在屏幕上想要的地方。

二、添加按钮控件

按钮控件就像是程序这个房子里的特殊开关,能触发各种操作。

(一)添加单个按钮

ini 复制代码
import win.ui;
var winform = win.form(text="带按钮的窗口";right=500;width=500)
winform.add(
button={cls="button";text="点击我";left = 100; top = 80; right = 200; bottom = 120};
)
winform.show();
win.loopMessage();

winform.add 方法,给按钮安排好位置、大小,写上显示的文字,一个按钮就添加到窗口里了,就像在房子里装了个开关,就等用户来按动。

(二)添加多个按钮

ini 复制代码
import win.ui;
var winform = win.form(text="带按钮的窗口";right=500;width=500)
winform.add(
btn={cls="button";text="按钮一";left = 50; top = 50; right = 150; bottom = 90};
btn2={cls="button";text="按钮二";left = 150; top = 50; right = 250; bottom = 90}
)
winform.show();
win.loopMessage();

添加多个按钮时,每个按钮都能有自己的个性,设置不同的位置和文字,就像给房子装了好几个功能各异的开关。

三、添加文本框控件

文本框控件就像是程序里的留言板,方便用户输入和显示文字。

(一)简单文本框添加

ini 复制代码
import win.ui;
var winform = win.form(text = "带文本框的窗口";width= 300;height= 200);
winform.add(
edit={cls="edit";text="";left = 50; top = 50; right = 250; bottom = 90}
)
winform.show();
win.loopMessage();

winform.add 方法设置好位置和大小,文本框就添加成功了,就像在房子里放了一块空白留言板。

(二)带初始文本的文本框

ini 复制代码
import win.ui;
var winform = win.form(text = "带文本的窗口";width= 300;height= 200);
winform.add(
edit={cls="edit";text="请输入内容"; left = 50; top = 50; right = 250; bottom = 90}
)
winform.show();
win.loopMessage();

这种文本框提前写好了提示内容,就像在留言板上先写了提示语,引导用户去输入。

四、实践

题目是创建一个主窗口,加上一个"提交"按钮和显示"请输入你的姓名"的文本框。

ini 复制代码
import win.ui;
var winform = win.form(text = "综合窗口";width= 300;height= 200);
winform.add(
btn={cls = "button";text = "提交"; left = 100; top = 120; right = 200; bottom = 160}
edit={cls="edit";text="请输入你的姓名"; left = 50; top = 50; right = 250; bottom = 90}
)
winform.show();
win.loopMessage();

通过今天的学习和习题练习,我对 aardio 创建窗口和控件有了更扎实的认识。不过也明白这只是个开始,还有好多知识等着我去探索,以后得继续加油,多实践多总结,才能把这些知识真正吃透。

相关推荐
楽码4 天前
终于说清楚!希腊字符如何进入数学或科学场景
openai·编程语言·trae
用户05956611920913 天前
Java 入门之循环结构基础详细讲解
java·性能优化·编程语言
Moonbit14 天前
MoonBit Pearls Vol.02:MoonBit 中的面向对象编程
编程语言
Codebee15 天前
OneCode基础组件介绍——树形组件(Tree)
前端·编程语言
Mirageef15 天前
aardio 事件驱动
编程语言
大熊猫侯佩16 天前
Swift 隐藏宝藏:“逆天改命”调整方法重载(function overloading)优先级
swift·编程语言·apple
大熊猫侯佩16 天前
Swift 入门之自定义类型的模式匹配(Pattern Matching)
swift·编程语言·apple
Mirageef17 天前
aardio 并行任务处理
编程语言
大熊猫侯佩17 天前
Swift 5.9 新 @Observable 对象在 SwiftUI 使用中的陷阱与解决
swift·编程语言·apple
Moonbit17 天前
MoonBit 地区大使持续招募中:语言走向稳定,社区加速壮大!
编程语言