aardio界面与控件

By xwcxf at 13 天前 • 0人收藏 • 45人看过

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


一、创建主窗口

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


(一)最简主窗口创建
import win.ui;
var winform = win.form(text = "我的第一个窗口");
winform.width = 500;
winform.height = 400;
winform.show();
win.loopMessage(); [/mw_shl_code]

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


(二)带位置设定的主窗口
import win.ui;
var winform = win.form(text = "带位置的窗口");
winform.width = 300;
winform.height = 200;
win.setPos(winform.hwnd,200,800);

winform.show();
win.loopMessage();[/mw_shl_code]

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


二、添加按钮控件

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


(一)添加单个按钮
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();[/mw_shl_code]

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


(二)添加多个按钮
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();[/mw_shl_code]

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


三、添加文本框控件

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


(一)简单文本框添加
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();[/mw_shl_code]

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


(二)带初始文本的文本框
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();[/mw_shl_code]

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


四、实践

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


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();[/mw_shl_code]


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



登录后方可回帖

登 录
信息栏
本站域名

ChengXu.XYZ

投诉联系:  popdes@126.com



快速上位机开发学习,本站主要记录了学习过程中遇到的问题和解决办法及上位机代码分享

这里主要专注于学习交流和经验分享.
纯私人站,当笔记本用的,学到哪写到哪.
如果侵权,联系 Popdes@126.com

友情链接
Aardio官方
Aardio资源网


才仁机械


网站地图SiteMap

Loading...