ImageButton按钮样式库-优化版

《Gui控件功能扩展增强系列 1》

问：我们为什么要制作好看的界面呢？直接改脚本内容不就行了吗？

答：界面就跟向老板汇报的PPT一样。我们不能要求老板们直接去读代码，所以界面做得好不好，就直接影响到老板会不会给你批资金和预算。

ImageButton按钮样式库可以自定义你的Gui控件按钮样式，让你的Gui界面更加美观。

我在原版库的基础上加入并优化了使用方式，可以一键替换Button、Checkbox、Radio控件。无需一个个指定后设置。

效果下图如图：

原版库地址：https://github.com/AHK-just-me/Class_ImageButton

ImageButton按钮样式库优化版+6个示例+4个按钮相关的库：

Gui控件功能扩展增强系列目录

我修改的ImageButton库调用代码片段【新增无需依赖外部图片的Base64字符串图像】：

SetBatchLines -1
#SingleInstance Force
#Include <ImageButton>

Gui, Color, White

Gui Add, Slider, w1 h1  ; 处理默认焦点虚线问题

Gui Add, Text, Section x20 y10, Checkbox style demo

Gui Add, Checkbox, xs+10 yp+20, Test1
Gui Add, Checkbox, Section xs+10 y+8 Checked, Test2

Gui Add, Text, Section xs-10 yp+26, Click to button toggle styles
Gui Add, Button, xs+10 yp+18 w116 h50 hwndHBT1 Left gIBStyleFunc, 点击改样式 ; IB Styles
Button_style := [ { 1:0, 2:0x80F4F4F4, 5:3, 6:0xFFFFFFFF, 7:0xBCC4D0, 8:1, icon:{HICON: LoadPicture("Shell32", "Icon166", _ ) } }  ; normal
             , { 1:0, 2:0x80BEE7FD, 5:3, 6:0xFFFFFFFF, 7:0xBCC4D0, 8:1, icon:{HICON: LoadPicture("Shell32", "Icon3", _ ) } }  ; hover
             , { 1:0, 2:0x80FBFBFB, 5:3, 6:0xFFFFFFFF, 7:0xBCC4D0, 8:1, icon:{HICON: LoadPicture("Shell32", "Icon3", _ ) } } ]  ; pressed
; , { 1:0, 2:0x80FBFBFB, 5:3, 6:0xFFFFFFFF, 7:0xBCC4D0, 8:1, icon:{file:"Resources\save.png"} }
ImageButton.Create(HBT1, Button_style*)  ; ImageButton自定义样式


Gui Add, Text, xs yp+60, Radio style demo

Gui Add, Radio, xs+10 yp+20 Checked, Test3
Gui Add, Radio, xs+10 y+8, Test4

Gui Add, Text, xs yp+28, Other Control demo
Gui Add, Edit, xs+14 y+8 w42 r1 Number, edit
Gui Add, UpDown, , 30

Gui Font, s12 W560, Microsoft YaHei UI
Gui Add, Checkbox, xs yp+40 Checked, Mouse Button Tips

Gui Add, Button, Section yp+28, Test5
IBStyle()  ; 单个样式替换，跟着创建按钮调用函数就行
Gui Add, Button, ys, Test6

; IBStyle(0)  ; 可以在Gui, Show前, 进行控件批量替换

Gui, Show,, Image Buttons
Return


IBStyleFunc:
    IBStyle(0)  ; 参数为0时，批量替换控件
Return