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 创建窗口和控件有了更扎实的认识。不过也明白这只是个开始,还有好多知识等着我去探索,以后得继续加油,多实践多总结,才能把这些知识真正吃透。

相关推荐
今天没有盐15 小时前
Scala Map集合完全指南:从入门到实战应用
后端·scala·编程语言
有意义2 天前
栈数据结构全解析:从实现原理到 LeetCode 实战
javascript·算法·编程语言
HyperAI超神经6 天前
【TVM 教程】优化大语言模型
人工智能·语言模型·自然语言处理·cpu·gpu·编程语言·tvm
吴名氏.13 天前
电子书《ASP.NET MVC企业级实战》
后端·asp.net·mvc·编程语言
Mr_Dwj13 天前
【Python】Python 基本概念
开发语言·人工智能·python·大模型·编程语言
加个鸡腿儿14 天前
React项目实战 | 修复Table可展开行,点击一个全部展开
前端·react.js·编程语言
Moonbit14 天前
MoonBit 再获美国知名科技媒体关注:The New Stack 推出 MoonBit Wasm 组件教程
编程语言·webassembly·web components
Moonbit15 天前
MoonBit Pearls Vol.14:哈希表避坑指南
后端·算法·编程语言
Moonbit17 天前
MGPIC 初赛提交倒计时 4 天!
后端·算法·编程语言
今天没有盐19 天前
Pandas缺失值处理完全指南:从基础操作到高级技巧
python·pycharm·编程语言