aardio - 利用customPlus库+plus构造一个多按钮组件

已于 2023-04-25 15:26:13 修改
阅读量1.7k 收藏 13
点赞数 4
分类专栏： aardio 文章标签： aardio 界面 paint customPlus
于 2022-07-02 10:18:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sdlgq/article/details/125565680
版权

利用customPlus库+plus组件，轻松构造一个多按钮组件，实现鼠标悬停效果，实现响应点击功能。

效果一：

 代码一：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=759;bottom=469)
winform.add(
plus2={cls="plus";left=10;top=10;right=750;bottom=460;db=1;dl=1;dr=1;dt=1;notify=1;z=1}
)
/*}}*/
 
winform.show();
// 定义项目模板
var itemModel = {
        {   
            type="rect", 
            rectf={x=3;y=3;width=-3;height=-3},
            name="项目背景色",
            click=true; 
            width=1, 
            round=25,
            color=0xFF009955, 
            fillcolor=0x22009955,   
            itemhoverfillcolor=0xAA009955, 
        },
        {   
            type="text", 
            rectf={x=3;y=3;width=-3;height=-3},
            name="标题文字",
            align=1; 
            valign=1;
            smooth=true; 
            text="", 
            font={name="Tahoma",h=-13,color=0xFFFF0000,weight=700}, 
            itemhoverfont={name="Tahoma",h=-16,color=0xFFFFFFFF,weight=700},
        }
    }
    
//生成项目列表
var itemList = {}
for(i=1;1000;1){
    ..table.push(itemList,{标题文字="ITEM"++i})    
}
 
//构造组件
import godking.customPlus
var c = godking.customPlus(winform.plus2,itemModel,itemList,{
        itemWidth=80,    /*项目宽度*/
        itemHeight=40,    /*项目高度*/
        autoSizeWidth=true,    /*自动根据项目行数及plus高度调整项目高度*/
        autoSizeHeight=true,    /*自动根据项目列数及plus宽度调整项目宽度*/
        colnum=0,     /*项目列数，为0则根据项目宽度和plus宽度自动计算*/
        rownum=0,     /*项目行数，为0则根据项目高度和plus高度自动计算*/
        padLeft=5,    /*plus左边空白距离*/
        padTop=5,    /*plus顶边空白距离*/
        padRight=5,    /*plus右边空白距离*/
        padBottom=5 ,   /*plus底边空白距离*/
        bkcolor=0xFFFFFFFF
        });
 
 
c.onClick = function(itemIndex){
		..win.msgbox("您点击了："++itemIndex)
	}
 
winform.adjust = function( cx,cy,wParam ) {	 
	c.init( /*项目模板*/,/*背景颜色*/,/*背景图像*/)  
};
win.loopMessage();

效果二：

代码二：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=669;bottom=399)
winform.add(
button={cls="button";text="添加";left=530;top=330;right=660;bottom=390;color=14120960;flat=1;font=LOGFONT(h=-14);note="添加一个项目";z=2};
plus={cls="plus";left=0;top=0;right=670;bottom=320;clipBk=false;notify=1;z=1}
)
/*}}*/

winform.show();
import inet.http
// 定义项目模板
var itemModel = {
        {   
            type="rect", 
            rectf={x=3;y=3;width=-3;height=-3},
            name="项目背景色",
            click=true; 
            width=2, 
            round=4,
            color=0xFF009955, 
            fillcolor=0x55009955,   
            hoverfillcolor=0xBB009955, 
        },
        {   
            type="text", 
            rectf={x=3;y=3;width=-3;height=-3},
            name="标题文字",
            align=1; 
            valign=1;
            smooth=true; 
            text="", 
            font={name="Tahoma",h=-13,color=0xFFFFFFFF,weight=700}, 
            hoverfont={name="Tahoma",h=-16,color=0xFFFFFF00,weight=700},
        }
    }
    
//生成项目列表
var itemList = {}
for(i=1;40;1){
    ..table.push(itemList,{标题文字="ITEM"++i})    
}

//构造组件
import godking.customPlus
var c = godking.customPlus(winform.plus,itemModel,itemList,{
        itemWidth=80,    /*项目宽度*/
        itemHeight=40,    /*项目高度*/
        autoSizeWidth=1,    /*自动根据项目行数及plus高度调整项目高度*/
        autoSizeHeight=1,    /*自动根据项目列数及plus宽度调整项目宽度*/
        colnum=0,     /*项目列数，为0则根据项目宽度和plus宽度自动计算*/
        rownum=0,     /*项目行数，为0则根据项目高度和plus高度自动计算*/
        padLeft=20,    /*plus左边空白距离*/
        padTop=20,    /*plus顶边空白距离*/
        padRight=20,    /*plus右边空白距离*/
        padBottom=20,    /*plus底边空白距离*/
        bkimg = "https://img1.baidu.com/it/u=3977836567,3094831983&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500"
        });


c.onClick = function(itemIndex){
		..win.msgbox("您点击了："++itemIndex)
	}

winform.button.oncommand = function(id,event){
	..table.push(itemList,{标题文字="ITEM"++(#itemList+1)})  
	c.update()
}

win.loopMessage();

效果三：

 代码三：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=669;bottom=399)
winform.add(
button={cls="button";text="添加";left=530;top=330;right=660;bottom=390;color=14120960;db=1;dr=1;flat=1;font=LOGFONT(h=-14);note="添加一个项目";z=2};
plus={cls="plus";left=0;top=0;right=670;bottom=320;clipBk=false;db=1;dl=1;dr=1;dt=1;notify=1;z=1}
)
/*}}*/
 
winform.show();
import inet.http
// 定义项目模板
var itemModel = {
        {   
            type="rect", 
            rectf={x=23;y=3;width=-3;height=-3},
            name="项目背景色",
            click=true; 
            width=0, 
            round=50,
            color=0xFF009955, 
            fillcolor=0x55009955,   
            hoverfillcolor=0xBB009955, 
        },
        {   
            type="text", 
            rectf={x=30;y=3;width=-3;height=-3},
            name="标题文字",
            align=1; 
            valign=1;
            smooth=true; 
            text="", 
            font={name="Tahoma",h=-13,color=0xFFFFFFFF,weight=700}, 
            hoverfont={name="Tahoma",h=-16,color=0xFFFFFF00,weight=700},
        }
         {   
            type="img", 
            rectf={x=0;y=0;width=50;height=50},
            scale = true;
            name="cio",
            img = "https://img-blog.csdnimg.cn/bebdf4e57c4d41bb9bf1376ffc527ccf.png"
        }       
    }
    
//生成项目列表
var itemList = {}
for(i=1;580;1){
    ..table.push(itemList,{标题文字="ITEM"++i})    
}
 
//构造组件
import godking.customPlus
var c = godking.customPlus(winform.plus,itemModel,itemList,{
        itemWidth=150,    /*项目宽度*/
        itemHeight=50,    /*项目高度*/
        autoSizeWidth=true,    /*自动根据项目行数及plus高度调整项目高度*/
        autoSizeHeight=true,    /*自动根据项目列数及plus宽度调整项目宽度*/
        colnum=0,     /*项目列数，为0则根据项目宽度和plus宽度自动计算*/
        rownum=0,     /*项目行数，为0则根据项目高度和plus高度自动计算*/
        padLeft=20,    /*plus左边空白距离*/
        padTop=20,    /*plus顶边空白距离*/
        padRight=20,    /*plus右边空白距离*/
        padBottom=20,    /*plus底边空白距离*/
        bkcolor = 0xFF000000
        });
 
c.onClick = function(itemIndex){
		..win.msgbox("您点击了："++itemIndex)
	}
 
winform.button.oncommand = function(id,event){
	..table.push(itemList,{标题文字="ITEM"++(#itemList+1)})  
	c.update()
}
 
winform.adjust = function( cx,cy,wParam ) {	 
	c.init()  
};
 c.toNextPage()
win.loopMessage();

效果四： 

  代码四：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=669;bottom=399)
winform.add(
button={cls="button";text="添加";left=530;top=330;right=660;bottom=390;color=14120960;db=1;dr=1;flat=1;font=LOGFONT(h=-14);note="添加一个项目";z=2};
plus={cls="plus";left=0;top=0;right=670;bottom=320;clipBk=false;db=1;dl=1;dr=1;dt=1;notify=1;z=1}
)
/*}}*/

winform.show();
import inet.http
// 定义项目模板
var itemModel = {
        {   
            type="rect", 
            rectf={x=3;y=3;width=-3;height=-3},
            name="项目背景色",
            click=true; 
            width=2, 
            round=4,
            color=0xFF009955, 
            fillcolor=0x55009955,   
            hoverfillcolor=0xBB009955, 
        },
        {   
            type="text", 
            rectf={x=20;y=3;width=-3;height=-3},
            name="标题文字",
            align=1; 
            valign=1;
            smooth=true; 
            text="", 
            font={name="Tahoma",h=-13,color=0xFFFFFFFF,weight=700}, 
            hoverfont={name="Tahoma",h=-16,color=0xFFFFFF00,weight=700},
        }
         {   
            type="img", 
            rectf={x=10;y=10;width=30;height=30},
            scale = true;
            name="cio",
            img = "https://img-blog.csdnimg.cn/bebdf4e57c4d41bb9bf1376ffc527ccf.png"
        }       
    }
    
//生成项目列表
var itemList = {}
for(i=1;580;1){
    ..table.push(itemList,{标题文字="ITEM"++i})    
}
 
//构造组件
import godking.customPlus
var c = godking.customPlus(winform.plus,itemModel,itemList,{
        itemWidth=150,    /*项目宽度*/
        itemHeight=50,    /*项目高度*/
        autoSizeWidth=true,    /*自动根据项目行数及plus高度调整项目高度*/
        autoSizeHeight=true,    /*自动根据项目列数及plus宽度调整项目宽度*/
        colnum=0,     /*项目列数，为0则根据项目宽度和plus宽度自动计算*/
        rownum=0,     /*项目行数，为0则根据项目高度和plus高度自动计算*/
        padLeft=20,    /*plus左边空白距离*/
        padTop=20,    /*plus顶边空白距离*/
        padRight=20,    /*plus右边空白距离*/
        padBottom=20,    /*plus底边空白距离*/
        bkcolor=0xFF000000
        });
 
c.onClick = function(itemIndex){
		..win.msgbox("您点击了："++itemIndex)
	}
 
winform.button.oncommand = function(id,event){
	..table.push(itemList,{标题文字="ITEM"++(#itemList+1)})  
	c.update()
}

winform.adjust = function( cx,cy,wParam ) {	 
	c.init()  
};
 c.toNextPage()
win.loopMessage();

使用的图像：

效果五：

 代码五：

import win.ui;
/*DSG{{*/
var winform = win.form(text="aardio form";right=639;bottom=399)
winform.add(
button={cls="button";text="添加";left=500;top=330;right=630;bottom=390;color=14120960;db=1;dr=1;flat=1;font=LOGFONT(h=-14);note="添加一个项目";z=2};
plus={cls="plus";left=0;top=0;right=650;bottom=320;clipBk=false;db=1;dl=1;dr=1;dt=1;notify=1;z=1}
)
/*}}*/
winform.show();
// 定义项目模板
var itemModel = {
        {   
            type="rect", 
            rectf={x=0;y=0;width=151;height=51},
            name="项目背景色",
            click=true; 
            width=0, 
            round=0, // 或1
            color=0xBB009955;
            fillcolor=0x55009955,   
            hoverfillcolor=0xBB009955, 
        },
        {   
            type="text", 
            rectf={x=20;y=3;width=-3;height=-3},
            name="标题文字",
            align=1; 
            valign=1;
            smooth=true; 
            text="", 
            font={name="Tahoma",h=-13,color=0xFFFFFFFF,weight=700}, 
            hoverfont={name="Tahoma",h=-16,color=0xFFFFFF00,weight=700},
        }
         {   
            type="img", 
            name = "pic",
            rectf={x=10;y=10;width=30;height=30},
            scale = true;
        }       
    }
    
//生成项目列表
var itemList = {}
for(i=1;580;1){
    ..table.push(itemList,{标题文字="ITEM"++i;pic="E:\图片素材\png\png128_1000\"++i++".png"})    
}
 
//构造组件
import godking.customPlus
var c = godking.customPlus(winform.plus,itemModel,itemList,{
        itemWidth=150,    /*项目宽度*/
        itemHeight=50,    /*项目高度*/
        autoSizeWidth=0,    /*自动根据项目行数及plus高度调整项目高度*/
        autoSizeHeight=0,    /*自动根据项目列数及plus宽度调整项目宽度*/
        colnum=0,     /*项目列数，为0则根据项目宽度和plus宽度自动计算*/
        rownum=0,     /*项目行数，为0则根据项目高度和plus高度自动计算*/
        padLeft=20,    /*plus左边空白距离*/
        padTop=20,    /*plus顶边空白距离*/
        padRight=20,    /*plus右边空白距离*/
        padBottom=20,    /*plus底边空白距离*/
        bkcolor=0xFF000000
        });

c.onClick = function(itemIndex/*项目索引*/,elemIndex/*元素索引*/,elemID/*元素id*/,elemName/*元素name*/,pageIndex/*当前页项目索引*/){
		..win.msgbox("您点击了："++c.itemList[itemIndex].标题文字)
	}
	
winform.button.oncommand = function(id,event){
	..table.push(itemList,{标题文字="ITEM"++(#itemList+1)})  
	c.update()
}
 
winform.adjust = function( cx,cy,wParam ) {	 
	c.init()  
};
 c.toNextPage()
win.loopMessage();

卢光庆
关注
  • 4
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
aardio_plus.zip
02-08
aardio 炫酷进度条, plus控件全功能展示操作. 1. 百分比进度条 2. 扇形进度条, 类似360安全卫士的检查进度条 3. 加载条 4. 播放器进度条 只有web中才能看到的功能,都有
uni-app+Vue3+pinia+uview-plus搭建的项目包
12-28
uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...
aardio - 使用customPlus库制作弹出列表
光庆的学习笔记
01-18 1080
customPlus库非常强大，但是很多人可能不会用。本文演示如何使用customPlus库制作弹出列表。
编程语言和IDE-吴涛错过的金矿,一名投资人眼中的JetBrains 公司
最新发布
06-13 60
无论是高盛，还是国内的“五大行”，它们均拥有数千人的软件开发人员，这样的软件开发实力几乎不逊于一些大型互联网公司。上文这名发推的 GP（普通合伙人）回复到，“这对我来说，是看待 JetBrains 的一个很好的角度。我们看到 7 家公司中，JetBrains 公司的自由现金流占比 50%，而像 Splunk、MongDB 这样的公司自由现金流（FCF）竟然都为负，让人大跌眼镜。今天，企业业务快速发展，产品迭代加速。实际上，JetBrains 的产品分为免费版，免费版具有基础功能，还有付费版，功能更强大。
aardio - 【库】customPlus自绘组件库
光庆的学习笔记
11-28 9434
利用aardio的plus组件，通过gdip自绘实现漂亮的列表组件效果。以本库为基础，通过改造项目模板，可实现各种不同风格的列表组件。
aardio窗体缩放自动匹配批量生成plus实例
weixin_43250893的博客
08-19 221
【代码】aardio窗体缩放自动匹配批量生成plus实例。
aardio - 用customPlus库写个漂亮的数独界面
光庆的学习笔记
04-24 734
本文演示如何用customPlus库写个漂亮的数独界面。得益于customPlus库的特性，所以本例代码简单，只需要定义元素位置即可，不需要为复杂的逻辑烦恼。
notepad-plus-plus：Notepad ++官方存储库
02-06
有关更多信息，请参见。Notepad ++发行密钥自从7.6.5版发行以来，Notepad ++已使用GPG通过以下密钥进行签名： 签名者： Notepad ++ 电子邮件： 密钥ID： 0x8D84F46E 密钥指纹： 14BC E436 2749 B2B5 1F8C 7122 6C42...
Spring Boot 集成 Sharding-JDBC + Mybatis-Plus 实现分库分表功能
09-07
Mybatis-Plus是一个基于Mybatis的简化开发框架，提供了自动CRUD操作和强大的查询条件构造。集成Mybatis-Plus到Spring Boot项目中，需做以下工作： 1. 添加Mybatis-Plus依赖：在POM.xml中引入Mybatis-Plus的starter...
redis-plus-plus：用C ++编写的Redis客户端
01-28
**redis-plus-plus** 是一个基于C++编写的高效、易用的Redis客户端库，它为开发者提供了方便的接口，使得在C++应用中操作Redis数据库变得更加简单。这个库充分利用了C++11特性，提供了现代C++编程风格的API，提高了...
C-Plus-Plus:C ++练习和练习
03-28
编程挑战特别是，由于我在每一章的结尾都在研究编程方面的挑战，因此，我也在上记录了每个编程方面的挑战。 您可以在以下各章的目录中找到编程挑战{any given chapter}/Review Questions and Exercises/Programming ...
aardio控件综合练习--网卡管理小工具
weixin_30323961的博客
10-14 572
只有一个架子，没有功能，练习之作 import win.ui; import inet.adapter; import inet.conn; /*DSG{{*/ winForm = win.form(text="网卡管理工具";right=305;bottom=521;max=false) winForm.add( button={cls="button";text="修改...
aardio - 【库】listboxEX 列表框自绘库
光庆的学习笔记
09-24 2629
说明： // listboxEX 列表框自绘库 // 光庆封装 V2.0 // 本库参考 https://www.htmlayout.cn/t/464 ，重写了功能代码，在此对各帖子作者表示感谢。 1、详细的主题设置，可自定义菜单及项目的字体名称、文本大小、文本颜色、图标、背景颜色等各项功能。 2、内置两种主题：listboxEX.theme_dark 暗色主题 和 listboxEX.theme_light 亮色主题。 3、可通过 setTheme() 和 getTheme() 设置和获取当前主题
利用aardio配合Python快速开发桌面应用！不得不说非常实用！
爬遍所有网站
10-20 5483
1. 前言 我们都知道 Python 可以用来开发桌面应用，一旦功能开发完成，最后打包的可执行文件体积大，并且使用 Python 开发桌面应用周期相对较长 假如想快速开发一款 PC 端的桌面应用，推荐使用 Aardio + Python 搭配的方式进行开发 2. Aardio 介绍 Aardio 是一款专注于 Windows 桌面端的软件开发，适用于快速开发一些自用的 PC 端桌面工具，并且它支持与 Python、JS、Golang 等主流语言进行混合编程 它是一款免费的开发工具，简单易学..
aardio语言批量自动生成按钮和写库
weixin_43250893的博客
09-05 287
aardio语言批量自动生成按钮和写库。只需要指定行列按钮数量，自动适应宽度。
aardio - 【库】imgPager图形化的分页组件
光庆的学习笔记
07-13 2827
1、只需要指定plus、表格，数据，所有翻页操作都自动处理，非常简单。 2、表格支持 listview、vlistEx、egrid等所有带 setTable() 函数的组件。 3、支持自定义图片（仅前景、背景两张），可以自己设计个性化皮肤。............
aardio + customPlus 显示图片演示
光庆的学习笔记
08-08 683
aardio + customPlus 显示图片演示。
aardio - 【库】易高级表格库
光庆的学习笔记
06-05 6147
易语言高级表格，封装为aardio可用的dll库。
aardio npoi库操作excel （一）工作表
m0_60842374的博客
02-04 1657
NPOI可以在没有安装Office的情况下对Excel文档进行读写操作。支持xls和xlsx两种格式文件。读写速度快，这次使用aardio对它一些常用功能进行封装为第三方库。所有代码在npoi库版本号v6.6 测试成功！
springboot+mybatis-plus+layui+ajax+mysql实现登录按钮与注册按钮
03-26
在项目中定义一个User实体类，并通过Mybatis-Plus创建一个对应的UserMapper映射文件。 5.实现Mybatis-Plus数据库操作 在LoginService中实现Mybatis-Plus数据库操作，包括用户登录和注册。 6.添加前端页面 在src/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卢光庆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值