[发明专利]交互元素显示方法、装置、电子设备及存储介质

说明书

本公开关于一种交互元素显示方法、装置、电子设备及存储介质。所述方法包括：当目标交互元素被触发时，确定目标交互元素对应的初始背景颜色；根据初始背景颜色，得到目标交互元素的目标背景颜色；将目标交互元素的背景颜色切换为显示目标背景颜色。本公开提供的交互元素配置方法，在交互元素被触发时，可以通过交互元素的初始背景颜色，得到该交互元素被触发后需要切换的目标颜色，相比于相关技术中需要开发者为每一个交互元素设置触发后的显示样式，本公开可以自动计算交互触发后的显示样式，从而提高交互元素的配置效率。

技术领域

本公开涉及计算机技术领域，尤其涉及一种交互元素显示方法、装置、电子设备及存储介质。

背景技术

随着计算机技术的发展，出现了一种通过在界面上显示的交互元素，例如按钮、下拉以及表元素等实现用户交互的技术。用户可以通过触发上述交互元素，执行相应的交互行为，此时交互元素响应用户的触发操作后，也可以对交互元素的展示进行相应的变化，例如，当用户点击某个界面上显示的按钮时，按钮则可以产生颜色加深的效果，以表征按钮已被触发。

相关技术中，开发者需要为每一个界面上显示的交互元素独立设置触发后的样式，因此，当界面上的交互元素数量较多时，则需要开发者多次设置交互元素的样式，目前交互元素的配置效率较低。

发明内容

本公开提供一种交互元素显示方法、装置、电子设备及存储介质，以至少解决相关技术中交互元素的配置效率低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种交互元素显示方法，包括：

当目标交互元素被触发时，确定所述目标交互元素对应的初始背景颜色；

根据所述初始背景颜色，得到所述目标交互元素的目标背景颜色；

将所述目标交互元素的背景颜色切换为显示所述目标背景颜色。

在一示例性实施例中，所述根据所述初始背景颜色，得到所述目标交互元素的目标背景颜色，包括：根据所述初始背景颜色，得到针对所述目标交互元素的第一亮度值、饱和度以及色相值；基于所述第一亮度值、饱和度以及色相值，得到针对所述目标交互元素的目标背景颜色。

在一示例性实施例中，所述基于所述第一亮度值、饱和度以及色相值，得到针对所述目标交互元素的目标背景颜色，包括：根据所述第一亮度值、所述饱和度以及所述色相值，得到针对所述目标交互元素的第二亮度值；利用所述第二亮度值、所述饱和度以及所述色相值，得到所述目标背景颜色。

在一示例性实施例中，所述根据所述第一亮度值、所述饱和度以及所述色相值，得到针对所述目标交互元素的第二亮度值，包括：根据所述饱和度以及所述色相值，确定所述目标交互元素对应的亮度值调节比例；利用所述亮度值调节比例对所述第一亮度值进行调节，得到所述第二亮度值。

在一示例性实施例中，所述将所述目标交互元素的背景颜色切换为显示所述目标背景颜色之后，还包括：当所述目标交互元素的触发结束后，将所述目标交互元素的背景颜色由所述目标背景颜色切换为显示所述初始背景颜色；或当所述目标交互元素被再次触发时，将所述目标交互元素的背景颜色由所述目标背景颜色切换为显示所述初始背景颜色。

在一示例性实施例中，所述当目标交互元素被触发时，确定所述目标交互元素对应的初始背景颜色之前，所述方法还包括：获取用于在页面上显示的待配置交互元素；从所述待配置交互元素中筛选出被配置为禁止触发属性的禁用交互元素，将所述待配置交互元素中禁用交互元素以外的交互元素作为所述目标交互元素。

在一示例性实施例中，所述确定所述目标交互元素对应的初始背景颜色，包括：获取所述目标交互元素在页面上展示的背景颜色；将所述目标交互元素在所述页面上展示的背景颜色作为所述目标交互元素对应的初始背景颜色。