快速开发图形界面 - 神奇 plus 控件

B站影视 欧美电影 2025-06-11 13:17 1

摘要:仅仅用这一个控件,就可以创建静态图片框、动画控件、按钮、透明按钮、不规则按钮、复选框、超链接、组合框、进度条、扇形进度条、滑块跟踪条、弹出菜单、下拉框、选项卡、导航菜单,柱状图...... 发挥想象力还能做出更多效果。

aardio 里有一个神奇的 plus 控件:

1. 纯 aardio 代码实现的开源控件,不依赖任何第三方组件。

2. 标准库内置控件,打包体积仅 20 KB,比一个小图标的体积还要小。

3. 仅仅用这一个控件,就可以创建静态图片框、动画控件、按钮、透明按钮、不规则按钮、复选框、超链接、组合框、进度条、扇形进度条、滑块跟踪条、弹出菜单、下拉框、选项卡、导航菜单,柱状图...... 发挥想象力还能做出更多效果。

4. plus 控件做界面的速度极快,而且好看。很多用 aardio 开发的软件,99% 的界面都是用 plus 控件做的。

5. plus 控件的稳定性与兼容性极好,可以从上古的 XP 系统支持到最新的 Windows 11。

不需要复杂的框架,不需要带上体积惊人的运行库,使用 plus 控件就只要裸奔 + 原生 aardio 代码就能快速制作好看的界面。

下面只用了一句提示词让 AI 完全用 plus 控件写的一个示范界面:

上面这界面内所有控件都是 plus 控件。

而且实现这些效果的代码极其简单,例如画柱状图:

import gdip.chart.bar;var chartBar = gdip.chart.bar(winform.plus)// 准备图表数据集chartBar.dataset = { data = [65, 85, 45, 75, 95]; labels = ["第一季度", "第二季度", "第三季度", "第四季度", "预测"];};

其实这个 gdip.char.bar 库也只有几十句代码。

aardio 的设计思想就是简洁更简洁!我们不会「 既要又要还想要 …… 」而是够用就好。

使用「 aardio 工具 » 界面 » plus 控件配色工具 」可以快速生成 plus 控件的配置代码:

这个配色工具的界面也全部是用 plus 控件写的:

上面界面里的那个取色与选色工具,也完全用 plus 控件实现,支持 ARGB,HSB,Lab 各种模式配色,而且点进去里面的色卡色表与配色方案界面 - 也全部是用 plus 控件制作。

再点开「 aardio 自带范例 » 高级图像控件 」可以看到大量 plus 控件范例,例如透明背景、自定义样式、带显隐按钮的密码输入框:

滑块控件:

导航菜单:

沙漏动画按钮:

以上面的沙漏动画为例简单说一下用法。

在 aardio 开发环境创建一个窗体。在「界面控件」工具条点击「plus」控件。然后在窗体上按下鼠标左键画出控件。
然后打开「 aardio 工具 » 界面 » plus 控件配色工具 」。点选范例里的按钮样式,然后点「导出到窗体设计器选中控件」就搞定了。

现在我们可以在窗体设计器内用鼠标双击 plus 控件,在自动添加的按钮事件中增加以下代码:

winform.plus.oncommand = function(id,event){ //显示沙漏动画,输入 disabledText 编辑器会自动完成下面的代码 winform.plus.disabledText = ['\uF254','\uF251','\uF252','\uF253','\uF250'] //创建线程,将窗口作为参数传入工作线程 thread.invoke( function(winform){ import web.rest.jsonLiteClient; var http = web.rest.jsonLiteClient; var delivery = http.api("https://api.pi.delivery/v1/pi"); //查询 100 位圆周率 var ret = delivery.get( start=1, numberOfDigits=100 ) //显示圆周率 winform.edit.text = "3."+ ret.content //恢复按钮 winform.plus.disabledText = null; },winform )}

一个小工具这就做好了。

aardio 几乎每个功能都提供了大量的文档与范例,在 plus 控件的参考文档可以找到每个属性每个方法的文档,在标准库可以查看 plus 控件的全部源代码,在 aardio 自带范例可以找到大量 plus 控件的示范源码,在 GitHub 上还有很多应用 plus 控件的开源项目,另外在文档里还有 plus 控件新手指南,在网站上我们还提供了视频教程。

一个 plus 控件做不好的事,就上两个 plus 控件(例如在输入框里添加按钮),两个 plus 控件做不好的事就上十个(例如高级选项卡),十个 plus 控件还做不好的事就自绘(例如色卡、柱状图) ……

我想现在你能理解为什么像 ImTip 这样用 aardio 开发的软件,提供了那么多的功能,体积却只有数百 KB 了。

注意:只有 aardio 专用 AI 接口里的大模型才知道怎么使用 plus 控件,而且需要选择能力强一点的模型。

来源:aardio

相关推荐