1185907650 发表于 2020-12-25 23:48:54

【技术文章博客】火山PC图形按钮制作器开发教程

本帖最后由 1185907650 于 2021-2-14 13:50 编辑

前言:
自定义方式制作图形按钮素材,涉及画板操作、动态创建等知识。
需要安装最新火山模块2020-12-18版


一、配置模块
右键配置-勾选火山模块,还调用了一个高级图形按钮文件。
https://www.lkuaiy.com/image/editor/16082597136124.png


二、界面布局
基本是全动态式,创建相应变量如下
https://www.lkuaiy.com/image/editor/16082597208076.png


三、初始化和生成
①初始化
https://www.lkuaiy.com/image/editor/16082597297082.png


②生成界面
Ctrl M新建方法,代码如下
https://www.lkuaiy.com/image/editor/16082597399321.png

https://www.lkuaiy.com/image/editor/16082597463135.png

https://www.lkuaiy.com/image/editor/16082597524029.png


③生成按钮
Ctrl M新建方法,代码如下
https://www.lkuaiy.com/image/editor/16082597595556.png

https://www.lkuaiy.com/image/editor/16082597699800.png

https://www.lkuaiy.com/image/editor/16082597789949.png



四、事件
①编辑框调节事件
https://www.lkuaiy.com/image/editor/16082597879406.png


②内容被改变事件
https://www.lkuaiy.com/image/editor/16082597943017.png


③颜色选择器事件
https://www.lkuaiy.com/image/editor/16082598012964.png


④组合框事件
https://www.lkuaiy.com/image/editor/16082598083264.png

https://www.lkuaiy.com/image/editor/16082598157299.png


⑤选择框事件
这里加载的图标是有规律的,需要按名称加数字来编排,比如这里的“默认1.bmp-默认4.bmp”,当加载1时,后面会自动加载,图标的背景色需要和按钮的一致,这样来达到透明化效果。
https://www.lkuaiy.com/image/editor/16082598233203.png

https://www.lkuaiy.com/image/editor/16082598306905.png


⑥单选框事件
https://www.lkuaiy.com/image/editor/16082598396466.png


⑦按钮事件
https://www.lkuaiy.com/image/editor/16082598487588.png



五、注意事件
1、按钮默认的背景色是品红,如果选择了圆角形的制作方法,那么图形按钮在使用制作好的素材时,需要将透明色设置为品红

2、如需在按钮中加载图标,请将图标背景色改成和按钮的背景色一致,自带的去色透明效果不好,所以需要你自己配置同色来达到透明效果。

3、图标命令规则,在名称后加数字1-4即可,这样在加载图标1时,会自动加载后面的图标,参照目录下默认的素材



六、演示效果
https://www.lkuaiy.com/image/editor/16082598609239.gif



例子下载:**** Hidden Message *****



青年的故事 发表于 2020-12-27 17:43:34

提个小建议哈,每一行实现的什么功都能写个注释,这样会更能方便新手学习。

abcfox 发表于 2020-12-27 20:47:53

这个教程值得拥有,谢谢分享:P

1185907650 发表于 2020-12-28 21:25:09

日常一顶。

bbwtjjw 发表于 2020-12-29 11:17:34


这个教程值得拥有,谢谢分享

最棒的英雄 发表于 2020-12-31 12:45:43

这个是好东西啊

最棒的英雄 发表于 2021-1-4 11:33:52

推广火山 一起加油

lijianye 发表于 2021-1-4 16:15:43

下载学习

ynxyzl 发表于 2021-1-5 09:27:21


这个教程值得拥有,谢谢分享

fsxq 发表于 2021-1-5 10:18:29

火山PC图形按钮制作器开发教程
页: [1] 2 3 4 5
查看完整版本: 【技术文章博客】火山PC图形按钮制作器开发教程