打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
探索aardio的魅力:打造个性化圆角窗口

1. 引言

aardio对图形用户界面(GUI)的支持尤为出色。aardio内置了一套完整的GUI框架,开发者可以使用它来创建各种各样的窗口和控件。其中,圆角窗口就是aardio GUI框架的一个重要特性。圆角窗口相比于传统的直角窗口,更加柔和和友好,能够给用户带来更好的视觉体验。

2. 实例说明

做一个圆角无边框窗口,用aardio是非常简单,要点是必须要设置窗口背景,和边框阴影的设置

import win.ui;
/*DSG{{*/var winform = win.form(text='aardio form';right=759;bottom=469;bgcolor=15780518;border='none')
winform.add()
/*}}*/

//import win.util.round 同样效果,作者建议用win.region.round
import win.region.round
win.region.round(winform,,,15,15)


import win.ui.simpleWindow
win.ui.simpleWindow(winform)

//设置阴影透明度,这样就基本看不见阴影
import win.ui.shadow
win.ui.shadow(winform).transparent(0.1)

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

实现效果:


如果细心点会发同圆角不够完美,有锯齿感,下面我们用另一个库来实现圆角窗口并消除锯齿感

3. 分层圆角窗口

这一次我们用到分层窗口,同样要设置窗口背景不然就是透明的了。需要注意的是用了分层窗口,我们要在上面放控件,必须要将控件设置为悬浮控件,不然就显示不出来了

import win.ui;
/*DSG{{*/var winform = win.form(text='aardio form';right=759;bottom=469;bgcolor=15780518)
winform.add(
button={cls='button';text='Button';left=271;top=169;right=419;bottom=235;z=1}
)
/*}}*/

//控件要用悬浮控件才能显示
winform.button.orphanWindow()
winform.button.oncommand = function(id,event){
    winform.msgbox('ok')
}

//要指定窗口背景色
import win.ui.layeredRound
win.ui.layeredRound(winform,20)

import win.ui.simpleWindow
win.ui.simpleWindow(winform)

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

这次设置圆角的角度为20,看下图比较完美并没有锯齿感


4. 培训资讯

如果你想进一步深入学习aardio以及其他有关应用程序开发的知识,我建议你考虑参加我们的aardio培训班。

我们的培训班旨在帮助新手开发者快速入门并掌握aardio的各种功能和技术。你将学习从基础知识到高级技巧的全方位内容,并有机会与其他开发者进行交流和分享经验。

我们的培训班不仅提供在线学习资源,还会有专业的导师进行指导和答疑。无论你是想要在个人项目中应用这些技术,还是希望在职业发展中获得竞争优势,我们的培训班将为你提供所需的支持和指导。

培训内容及福利介绍:https://mp.weixin.qq.com/s/cr47qhp_Cpz0p57lbbPwug

课程优势:

1.aardio零基础到精通视频

2.疑问解答

3.实用扩展库和例子

4.完整项目开发过程

5.完整的系统教程

如果你对aardio培训班感兴趣,可以通过以下联系方式获得更多信息。我们期待能与你一起开启这个令人兴奋的学习之旅!

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
新手教程:写一个资源管理器
教程:使用web.blink (miniblink) 嵌入瀏覽器控件
aardio 🔊 专注于桌面软件开发,17年一直保持非常活跃地更新( 更新日志
使用webkit内核开发桌面软件界面
持久化变量 aardio
零基础学编程:10 分钟写个下载软件
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服