图形化编程平台下的自定义按钮样式的方法及电子设备与流程

本发明涉及计算机技术领域，尤其涉及一种图形化编程平台下的自定义按钮样式的方法及电子设备。

背景技术：

在linux系统中，很多系统级别的界面使用的是gtk(一套源码以lgpl许可协议分发、跨平台的图形工具包)框架，而在gtk框架下，定制按钮的样式和添加阴影这种相关的操作的效果非常繁琐，效率较低。

因此，现有技术还有待于改进和发展。

技术实现要素：

鉴于上述现有技术的不足，本发明的目的在于提供一种图形化编程平台下的自定义按钮样式的方法及电子设备，旨在解决现有技术中定制按钮样式过程繁琐、效率低等问题。

本发明的技术方案如下：

一种图形化编程平台下的自定义按钮样式的方法，其中，包括步骤：

a、建立样式表文件，并按照界面需求定义各类状态的样式表；

b、注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联；

c、当所述按钮接收到操作指令时，根据相应的事件逻辑进行样式表的切换。

所述的图形化编程平台下的自定义按钮样式的方法，其中，所述步骤b具体包括：

在所述按钮的窗口对象的初始化函数中，绑定按钮的界面响应事件；

重写所述界面响应事件，以使相应的事件逻辑与样式表关联。

所述的图形化编程平台下的自定义按钮样式的方法，其中，所述步骤b具体包括：

获取需要添加阴影效果的按钮，以及获取相应的阴影参数；

按照所述阴影参数将阴影效果添加至所述按钮中。

所述的图形化编程平台下的自定义按钮样式的方法，其中，所述步骤b中，所述阴影参数包括阴影水平偏移量、阴影垂直偏移量、阴影模糊距离、阴影扩展半径和阴影颜色。

所述的图形化编程平台下的自定义按钮样式的方法，其中，所述阴影水平偏移量和阴影垂直偏移量为必选项，所述阴影模糊距离、阴影扩展半径和阴影颜色为可选项。

一种电子设备，其中，包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

建立样式表文件，并按照界面需求定义各类状态的样式表；

注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联；

当所述按钮接收到操作指令时，根据相应的事件逻辑进行样式表的切换。

所述的电子设备，其中，所述注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联的步骤具体包括：

在所述按钮的窗口对象的初始化函数中，绑定按钮的界面响应事件；

重写所述界面响应事件，以使相应的事件逻辑与样式表关联。

所述的电子设备，其中，所述注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联的步骤具体包括：

获取需要添加阴影效果的按钮，以及获取相应的阴影参数；

按照所述阴影参数将阴影效果添加至所述按钮中。

一种非易失性计算机可读存储介质，其中，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的图形化编程平台下的自定义按钮样式的方法。

一种计算机程序产品，其中，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行所述的图形化编程平台下的自定义按钮样式的方法。

有益效果：本发明通过建立样式表文件，来根据界面进行定义，然后进行界面响应时间的注册，从而达到定制按钮样式的效果，本发明的方法简单易行，效率高。

附图说明

图1为本发明一种图形化编程平台下的自定义按钮样式的方法较佳实施例的流程图。

图2为本发明一种电子设备较佳实施例的流程图。

具体实施方式

本发明提供一种图形化编程平台下的自定义按钮样式的方法及电子设备，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，图1为本发明一种图形化编程平台下的自定义按钮样式的方法较佳实施例的流程图，其包括步骤：

s1、建立样式表文件，并按照界面需求定义各类状态的样式表；

s2、注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联；

s3、当所述按钮接收到操作指令时，根据相应的事件逻辑进行样式表的切换。

本发明通过建立样式表文件，来根据界面进行定义，然后进行界面响应时间的注册，从而达到定制按钮样式的效果，本发明的方法简单易行，效率高。

具体地，在所述步骤s1中，建立样式表文件，并按照界面需求定义各类状态的样式表。

具体地，可以使用background-color属性来设置按钮颜色；使用font-size属性来设置按钮大小；可以使用border-radius属性来设置圆角按钮；使用border属性设置按钮边框颜色；使用:hover选择器来修改鼠标悬停在按钮上的样式，具体可使用transition-duration属性来设置"hover"效果的速度；使用opacity属性为按钮添加透明度；可以添加cursor属性并设置为"not-allowed"来设置一个禁用的图片。默认情况下，按钮的大小由按钮上的文本内容决定(根据文本内容匹配长度)，本发明可以使用width属性来设置按钮的宽度，如果要设置固定宽度可以使用像素(px)为单位，如果要设置响应式的按钮可以设置为百分比。还可移除外边距并添加float:left来设置按钮组，还可使用border属性来设置带边框的按钮组。

所述样式表文件为qss文件，按照ui需求定义各类状态的样式表。

在所述步骤s2中，注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联。

进一步，所述步骤s2具体包括：

s21、在所述按钮的窗口对象的初始化函数中，绑定按钮的界面响应事件；

s22、重写所述界面响应事件，以使相应的事件逻辑与样式表关联。

具体地，在所述步骤s21中，先绑定按钮的相关事件响应，例如：

ui->pushbutton_student->installeventfilter(this)；

ui->pushbutton_teacher->installeventfilter(this)；

ui->pushbutton_enter->installeventfilter(this)；

在所述步骤s22中，重写窗口响应事件，达到需要的逻辑效果。

这里每个逻辑效果根据具体项目需求来，举例如下：

进一步，所述步骤s2具体包括：

获取需要添加阴影效果的按钮，以及获取相应的阴影参数；

按照所述阴影参数将阴影效果添加至所述按钮中。

阴影效果的添加方式举例如下：

进一步，所述步骤s2中，所述阴影参数包括阴影水平偏移量、阴影垂直偏移量、阴影模糊距离、阴影扩展半径和阴影颜色。

其中，阴影水平偏移量是指水平阴影的位置，允许复制。阴影垂直偏移量是指垂直阴影的位置，允许负值。阴影模糊距离即指模糊举例，阴影扩展半径是指阴影的尺寸，阴影颜色即指阴影的颜色，另外还可包括阴影设置，即将外部阴影改为内部阴影。

进一步，所述阴影水平偏移量和阴影垂直偏移量为必选项，所述阴影模糊距离、阴影扩展半径和阴影颜色为可选项。

请参阅图2，本发明还提供一种电子设备10，其包括：

处理器110，适于实现各指令，以及

存储设备120，适于存储多条指令，所述指令适于由处理器加载并执行：

建立样式表文件，并按照界面需求定义各类状态的样式表；

注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联；

当所述按钮接收到操作指令时，根据相应的事件逻辑进行样式表的切换。

所述处理器110可以为通用处理器、数字信号处理器(dsp)、专用集成电路(asic)、现场可编程门阵列(fpga)、单片机、arm(acornriscmachine)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。还有，处理器还可以是任何传统处理器、微处理器或状态机。处理器也可以被实现为计算设备的组合，例如，dsp和微处理器的组合、多个微处理器、一个或多个微处理器结合dsp核、任何其它这种配置。

存储设备120作为一种非易失性计算机可读存储介质，可用于存储非易失性软件程序、非易失性计算机可执行程序以及模块，如本发明实施例中的图形化编程平台下的自定义按钮样式的方法对应的程序指令。处理器通过运行存储在存储设备中的非易失性软件程序、指令以及单元，从而执行图形化编程平台下的自定义按钮样式的方法的各种功能应用以及数据处理，即实现上述方法实施例。

进一步，所述注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联的步骤具体包括：

在所述按钮的窗口对象的初始化函数中，绑定按钮的界面响应事件；

重写所述界面响应事件，以使相应的事件逻辑与样式表关联。

进一步，所述注册按钮的界面响应事件，以使相应的事件逻辑与样式表关联的步骤具体包括：

获取需要添加阴影效果的按钮，以及获取相应的阴影参数；

按照所述阴影参数将阴影效果添加至所述按钮中。

关于上述电子设备10的具体技术细节在前面的方法中已有详述，故不再赘述。

本发明还提供一种非易失性计算机可读存储介质，所述非易失性计算机可读存储介质存储有计算机可执行指令，该计算机可执行指令被一个或多个处理器执行时，可使得所述一个或多个处理器执行所述的图形化编程平台下的自定义按钮样式的方法。

本发明还提供一种计算机程序产品，计算机程序产品包括存储在非易失性计算机可读存储介质上的计算机程序，计算机程序包括程序指令，当程序指令被处理器执行时，使所述处理器执行所述的图形化编程平台下的自定义按钮样式的方法。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。