CN114167991B - 控件显示方法、装置、电子设备和存储介质 - Google Patents

Abstract

本申请涉及一种控件显示方法、装置、电子设备和存储介质，电子设备获取针对控件的触发操作，然后响应于该触发操作，在控件的显示区域内呈现色彩流动效果。由于控件被触发之后，在显示区域内呈现色彩流动效果，使得被触发的控件的显示状态与电子设备的显示界面中其它区域存在更明显的差异，特别是针对智能眼镜等电子设备，上述色彩流动效果使得被触发的控件的显示状态可以明显区别于用户透过眼镜看到的现实场景，使得用户可以更直观地感知到该控件被成功触发；进一步地，控件的显示区域中呈现色彩流动效果，可以增强用户操作电子设备时的视觉效果。

Description

控件显示方法、装置、电子设备和存储介质

技术领域

本申请涉及终端技术领域，特别是涉及一种控件显示方法、装置、电子设备和存储介质。

背景技术

随着终端技术的发展，智能眼镜越来越受到人们的关注，可以给用户带来全新的增强现实(Augmented Reality，简称AR)观影体验、AR家居体验、AR游戏体验以及AR学习体验等。用户可以基于智能眼镜的显示屏中显示的控件，对智能眼镜进行操作控制。

一般情况下，显示屏中的控件可以通过改变控件颜色，向用户反馈该控件被选中。但是，由于用户通过智能眼镜的显示屏看到除了控件的显示界面，还包括现实场景，颜色比较复杂；控件的颜色改变迭代在上述场景中，不能给用户提供明确的反馈信息。

发明内容

本申请实施例提供了一种控件显示方法、装置、电子设备和存储介质，可以向用户提供明确的反馈信息。

第一方面，一种控件显示方法，包括：

获取针对控件的触发操作；

响应于触发操作，在控件的显示区域内呈现色彩流动效果。

第二方面，一种控件显示装置，包括：

获取模块，用于获取针对控件的触发操作；

响应模块，用于响应于触发操作，在控件的显示区域内呈现色彩流动效果。

第三方面，一种电子设备，包括存储器及处理器，存储器中储存有计算机程序，计算机程序被处理器执行时，使得处理器执行第一方面中的方法的步骤。

第四方面，一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行上述第一方面中的方法的步骤。

上述控件显示方法、装置、电子设备和存储介质，电子设备获取针对控件的触发操作，然后响应于该触发操作，在控件的显示区域内呈现色彩流动效果。由于控件被触发之后，在显示区域内呈现色彩流动效果，使得被触发的控件的显示状态与电子设备的显示界面中其它区域存在更明显的差异，特别是针对智能眼镜等电子设备，上述色彩流动效果使得被触发的控件的显示状态可以明显区别于用户透过眼镜看到的现实场景，使得用户可以更直观地感知到该控件被成功触发；进一步地，控件的显示区域中呈现色彩流动效果，可以增强用户操作电子设备时的视觉效果。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请一个实施例中控件显示方法的应用环境图；

图2为本申请一个实施例中控件显示方法的流程图；

图3为本申请一个实施例中色彩流动效果的示意图；

图4为本申请一个实施例中色彩流动效果的示意图；

图5为本申请一个实施例中控件显示方法的流程图；

图6为本申请一个实施例中设置界面的示意图；

图7为本申请一个实施例中设置界面的示意图；

图8为本申请一个实施例中设置界面的示意图；

图9为本申请一个实施例中控件显示方法的流程图；

图10为本申请一个实施例中控件显示方法的流程图；

图11为本申请一个实施例中控件显示方法的流程图；

图12为本申请一个实施例中立体控件的示意图；

图13为本申请一个实施例中色彩流动方向的示意图；

图14为本申请一个实施例中色彩流动方向的示意图；

图15为一个实施例中控件显示装置的结构框图；

图16为一个实施例中控件显示装置的结构框图；

图17为一个实施例中控件显示装置的结构框图；

图18为一个实施例中电子设备的结构示意图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

可以理解，本申请所使用的术语“第一”、“第二”等可在本文中用于描述各种元件，但这些元件不受这些术语限制。这些术语仅用于将第一个元件与另一个元件区分。举例来说，在不脱离本申请的范围的情况下，可以将第一操作称为第二操作，且类似地，可将第二操作称为第一操作。第一操作和第二操作两者都是用户操作，但其不是同一操作。

图1为一个实施例中控件显示方法的应用环境示意图。如图1所示，该应用环境包括电子设备100可以但不限于个人计算机、笔记本电脑、平板电脑、穿戴设备等，上述穿戴设备可以但不限于是智能手表、智能手环、AR眼镜、虚拟现实技术(Virtual Reality，简称VR)眼镜、智能头盔等各种类型的电子设备。图1中的眼镜仅为示例。上述电子设备中设置有控件200，可以通过控件与用户进行交互。

图2为一个实施例中控件显示方法的流程图。本实施例中的控件显示方法，以运行于图1中的电子设备上为例进行描述。如图2所示，上述方法包括：

S101、获取针对控件的触发操作。

其中，上述控件可以是电子设备中获取用户触发操作，并触发电子设备完成响应的元件。上述控件可以是电子设备的显示界面上的可视化图形控件，也可以是电子设备上设置的物理控件。上述可视化图形控件可以是电子设备中的界面上显示的操作按钮，也可以是电子设备的界面上显示的应用容器，在此不做限定。上述物理控件可以设置于电子设备主体上的任意位置，例如电子设备的顶部、电子设备的底部、电子设备的侧框等。例如，上述操作按钮可以是设置电子设备的网络连接状态、音量大小、播放状态、屏幕亮度等参数的设置按钮；上述操作按钮也可以是电子设备上运行的应用程序中的菜单按钮、应用程序中确认按钮、提交按钮等。上述应用容器可以是电子设备的显示界面上显示的应用程序的图标，例如相册图标、摄像头图标等；也可以是电子设备的显示界面上弹出的窗口，例如电子设备中弹出的电量提示窗口、消息提示窗口等；上述应用容器还可以是电子设备上运行的应用程序中可以接收用户的触发操作的控制元件，例如用户可以触发的聊天记录等。

上述触发操作可以是针对控件的单机操作，也可以是针对控件的双击操作，还可以是针对控件的长按操作、光标悬停等，对于触发操作的类型在此不做限定。用户针对上述控件执行触发操作之后，电子设备可以获取上述触发操作。

S102、响应于触发操作，在控件的显示区域内呈现色彩流动效果。

在上述步骤的基础上，电子设备获取触发操作之后，可以向用户提供触发反馈，使得用户可以根据触发反馈确定已成功触发该控件。上述触发反馈可以是控件的显示区域的变化，电子设备可以在控件的显示区域内呈现色彩流动效果，使得用户可以从视觉上接收到上述触发反馈。

上述显示区域可以是上述控件在显示界面上占据的区域，也可以是上述控件在显示界面上占据的部分区域，在此不做限定。上述控件为物理控件时，上述显示区域可以是物理控件在显示界面上的映射显示区域，例如上述物理控件为音量控制按钮，用户触发上述控制按钮时，电子设备上的显示界面上可以出现音量调整指示，上述音量调整指示所在区域可以为该物理控件的映射显示区域。上述控件的显示区域可以为平面显示区域，也可以包括立体显示区域，例如智能眼镜的显示界面上，控件呈现立体效果，每个控件可以包括多个显示面，构成立体显示区域。

电子设备可以在控件被触发后，在控件的显示区域内呈现色彩流动效果。上述色彩流动效果可以是指控件的显示区域内其中一部分像素块的颜色，在下一个时刻出现在与之相邻的另一部分像素块中，用户视觉上感知为显示区域内色彩从其中一部分像素块流动至另一部分像素块。如图3所示，在时刻T1，像素块A(图中阴影所示)的颜色为K，位于控件的显示区域靠左侧位置；在时刻T2，像素块B的颜色为K；在时刻T3，像素块C的颜色为K；呈现效果为颜色K在时刻T1至时刻T3之间，从像素块A流动至像素块C。

上述色彩流动效果中，颜料可以呈现不同物理引擎效果。上述色彩流动效果可以包括颜料爆炸效果、颜料碎片效果等，上述色彩流动效果还可以是模拟用户手指搅动颜料桶，泛起涟漪的效果。对于上述色彩流动效果的类型在此不做限定。

上述色彩流动效果中，控件的显示区域中可以包括一种颜色，也可以包括多种颜色，在此不做限定。上述控件的显示区域中包括一种颜色的情况下，在该控件的不同像素中，上述颜色对应的亮度、透明度等显示参数可以不同。

上述显示区域中包括多种颜色的情况下，上述多种颜色可以为相近色，例如为渐变色，也可以为对比色或者互补色等，在此不做限定。上述显示区域中，不同颜色的显示面积可以相同，也可以不同。上述显示区域中，不同颜色之间的界限可以是任意曲线。

上述控件的显示区域中的颜色，可以为默认颜色，也可以随用户的设置而变化。

需要说明的是，控件的显示区域呈现色彩流动效果的过程中，不同时刻对应的显示颜色可以不同。例如，上述显示区域在时刻T1的显示颜色包括K1和K2，在时刻T2的显示颜色包括K1，K2和K3。如图4所示为通过曲线分割的多种颜色，呈现的色彩流动效果。

上述色彩流动效果，颜色值的色彩流动方向可以沿直线流动，也可以沿曲线流动，还可以环状流动，例如呈现旋涡流动效果；对于上述色彩流动方向在此不做限定。例如，上述色彩流动效果为颜色沿控件中心顺时针旋转，旋转速度可以为20秒之内旋转3圈等。上述色彩流动效果中，色彩流动方向可以是随机的，也可以是按照预设方向流动，还可以与用户操作产生交互，随用户的触发操作方向流动。

上述控件被触发之前，在控件的显示区域内可以显示控件的静态显示颜色。或者，在控件未被触发之前，在控件的显示区域内呈现初始色彩流动效果。上述初始色彩流动效果与被触发之后的色彩流动效果对应的显示颜色可以相同，也可以不同；上述初始色彩流动效果与被触发之后的色彩流动效果，对应的色彩流动方式可以相同，也可以不同。可选地，在初始色彩流动效果与被触发之后的色彩流动效果对应的色彩流动方式相同的情况下，上述初始色彩流动效果的流动速度可以小于色彩流动效果的流动速度。

电子设备中的不同控件，对应的色彩流动效果可以相同，也可以不同。针对同一个控件，不同的触发操作对应的色彩流动效果可以相同，也可以不同。

上述控件显示方法，电子设备获取针对控件的触发操作，然后响应于该触发操作，在控件的显示区域内呈现色彩流动效果。由于控件被触发之后，在显示区域内呈现色彩流动效果，使得被触发的控件的显示状态与电子设备的显示界面中其它区域存在更明显的差异，特别是针对智能眼镜等电子设备，上述色彩流动效果使得被触发的控件的显示状态可以明显区别于用户透过眼镜看到的现实场景，使得用户可以更直观地感知到该控件被成功触发；进一步地，控件的显示区域中呈现色彩流动效果，可以增强用户操作电子设备时的视觉效果。

图5为一个实施例中控件显示方法的流程示意图，本实施例涉及用户设置色彩流动方式的一种实现方式，在上述实施例的基础上，如图5所示，上述方法还包括：

S201、显示色彩流动方式的设置界面；色彩流动方式的设置界面中包括多种备选色彩流动方式。

电子设备可以向用户展示色彩流动方式的设置界面，使得用户可以通过该设置界面选择需要的色彩流动方式。

上述色彩流动方式的设置界面可以通过弹窗显示，上述弹窗显示的位置可以位于电子设备的显示界面的中心，也可以位于电子设备的显示界面的顶部、底部、侧边等位置，对于该设置界面的显示位置在此不做限定。

上述色彩流动方式的设置界面可以通过多种方式弹出，例如通过缩放方式显示，通过下拉方式显示，通过卷轴方式显示，对于该设置界面的弹出方式在此不做限定。

上述设置界面中可以包括多种备选色彩流动方式。不同色彩流动方式对应的色彩流动效果不同。上述色彩流动效果可以如S102中描述的效果类型，也可以包括其它类型。可选地，上述备选色彩流动方式可以包括旋涡式流动方式、液体流动方式、碰撞流动方式以及喷射流动方式。

上述多种备选色彩流动方式可以通过不同的文字描述陈列，如图6所示；也可以通过动态流动方式陈列，如图7所示；或者，上述多选色彩流动方式可以同时陈列文字描述和动态流动方式，例如用户可以通过文字描述选择相应的色彩流动方式，在用户选择相应的色彩流动方式之后，对该色彩流动方式的动态效果进行展示，如图8所示。对于上述备选色彩流动方式的陈列方式，在此不做限定。

S202、获取针对其中一个备选色彩流动方式的第一设置操作。

用户可以在设置界面上陈列的多种备选色彩流动方式中，通过单击、双击等触发方式选择其中一个备选色彩流动方式。用户选择其中一个备选色彩流动方式之后，电子设备可以获取该用户的第一设置操作。

S203、响应于第一设置操作，从多种备选色彩流动方式中确定控件的目标色彩流动方式，目标色彩流动方式用于呈现色彩流动效果。

进一步地，电子设备可以基于该第一设置操作，将用户选择的其中一个备选色彩流动方式确定为控件的目标色彩流动方式，使得控件被触发的情况下，可以呈现该目标色彩流动方式对应的色彩流动效果。

上述控件显示方法，电子设备通过显示色彩流动方式的设置界面，使得用户可以在该界面上设置需要的色彩流动方式，获得对应的色彩流动效果，提高电子设备在色彩流动效果上的用户交互性。

对于色彩流动效果，用户除了可以选择色彩流动方式，还可以选择色彩流动效果中的显示颜色，下面实施例中针对用户对色彩流动效果的显示颜色的不同设置方式进行具体说明。

图9为一个实施例中控件显示方法的流程示意图，本实施例涉及用户设置色彩流动效果的显示颜色的一种实现方式，在上述实施例的基础上，如图9所示，上述方法还包括：

S301、显示主题设置界面；主题设置界面中包括多种备选显示主题。

电子设备可以向用户展示主题设置界面，使得用户可以通过该主题设置界面选择对应的显示主题。上述备选显示主题可以包括森林主题、海洋主题等，也可以包括建筑主题、人物主题、风景主题等，还可以包括经典主题、高亮度主题等；对于显示主题的类型在此不做限定。

针对不同的显示主题，电子设备中的控件颜色、页面颜色等可以不同。上述控件颜色可以包括控件的静态显示颜色，也可以包括控件呈现色彩流动效果时的显示颜色。例如，在其中一种备选显示主题中，上述控件颜色和页面颜色可以以绿色为主，在另一种备选显示主题中，上述控件颜色和页面颜色可以以蓝色为主。

上述主题设置界面可以通过弹窗显示，上述弹窗显示的位置可以位于电子设备的显示界面的中心，也可以位于电子设备的显示界面的顶部、底部、侧边等位置，对于该主题设置界面的显示位置在此不做限定。

上述主题设置界面可以通过多种方式弹出，例如通过缩放方式显示，通过下拉方式显示，通过卷轴方式显示，对于该主题设置界面的弹出方式在此不做限定。

上述主题设置界面中的多种备选显示主题可以通过不同的文字描述陈列；也可以通过图片方式陈列，在此不做限定。

S302、获取针对其中一个备选显示主题的第二设置操作。

用户可以在主题设置界面上陈列的多种备选显示主题中，通过单击、双击等触发方式选择其中一个备选显示主题。用户选择其中一个备选显示主题之后，电子设备可以获取该用户的第二设置操作。

S303、响应于第二设置操作，确定目标显示主题，并根据目标显示主题确定色彩流动效果的显示颜色。

进一步地，电子设备可以基于该第二设置操作，将用户选择的其中一个备选显示主题确定为电子设备的目标显示主题。进一步地，电子设备可以根据目标显示主题，确定电子设备在该目标显示主题下，控件的显示区域呈现色彩流动效果时对应的显示颜色。

电子设备可以将目标显示主题中的其中一种或多种颜色确定为色彩流动效果的显示颜色。可选地，电子设备可以确定目标显示主题的背景颜色，根据背景颜色确定色彩流动效果的显示颜色。上述色彩流动效果的显示颜色，可以是背景颜色的对比色，也可以是与背景颜色相近的颜色。可选地，电子设备可以确定与目标显示主题的标识匹配的目标颜色，根据目标颜色确定色彩流动效果的显示颜色。电子设备中可以预设目标显示主题的标识与目标颜色的对应关系，每一种目标显示主题的标识可以对应一种目标颜色，也可以对应多种目标颜色；进一步地，可以将上述目标颜色确定为色彩流动效果的显示颜色。

上述控件显示方法，电子设备通过显示主题设置界面，使得用户可以在选择显示主题之后，获得与该显示主题匹配的色彩流动效果的显示颜色，提高电子设备的显示界面的视觉效果。

图10为一个实施例中控件显示方法的流程示意图，本实施例涉及用户设置色彩流动效果的显示颜色的一种实现方式，在上述实施例的基础上，如图10所示，上述S102包括：

S401、根据控件的静态显示颜色确定色彩流动效果的显示颜色。

上述控件的静态显示颜色可以是控件未被触发的情况下，在控件的显示区域中显示的颜色。电子设备可以根据静态显示颜色确定色彩流动效果的显示颜色。在一种实现方式中，电子设备可以将静态显示颜色确定为色彩流动效果的显示颜色，控件的静态显示颜色可以包括颜色1和颜色2，当控件被触发之后，控件的显示区域可以呈现颜色1和颜色2的流动效果。

在另一种实现方式中，电子设备可以在静态显示颜色上添加其它颜色，将静态显示颜色与添加的颜色共同确定为色彩流动效果的显示颜色。例如，控件的静态显示颜色可以包括颜色1和颜色2，当控件被触发之后，控件的显示区域可以呈现颜色1、颜色2以及颜色3的流动效果。

在另一种实现方式中，电子设备可以在静态显示颜色上减去一种或多种颜色，将剩余的静态显示颜色确定为色彩流动效果的显示颜色。例如，控件的静态显示颜色可以包括颜色1、颜色2和颜色3，当控件被触发之后，控件的显示区域可以呈现颜色1和颜色2的流动效果。

在另一种实现方式中，电子设备可以将静态显示颜色中的其中一种或多种颜色修改为其它颜色，将剩余静态显示颜色其它颜色共同确定为色彩流动效果的显示颜色。例如，控件的静态显示颜色可以包括颜色1和颜色2，当控件被触发之后，控件的显示区域可以呈现颜色1和颜色3的流动效果。

在另一种实现方式中，上述色彩流动效果的显示颜色可以与静态显示颜色均不相同。上述色彩流动效果的显示颜色可以是静态显示颜色的对比色，或者互补色，在此不做限定。例如，控件的静态显示颜色可以包括颜色1和颜色2，当控件被触发之后，控件的显示区域可以呈现颜色3和颜色4的流动效果。

S402、根据色彩流动效果的显示颜色在控件的显示区域内呈现色彩流动效果。

在确定了色彩流动效果的显示颜色之后，电子设备可以在控件的显示区域内呈现色彩流动效果。

上述控件显示方法，电子设备可以根据控件的静态显示颜色，直接确定该控件的静态显示颜色确定色彩流动效果的显示颜色，使得用户可以更明显地感知该控件被触发。

图11为一个实施例中控件显示方法的流程示意图，本实施例涉及用户设置控件颜色的一种实现方式，在上述实施例的基础上，如图11所示，上述方法还包括：

S501、显示控件颜色设置界面；设置界面中包括颜色参数设置区域。

电子设备中可以显示控件颜色设置界面。上述控件颜色可以是色彩流动效果的显示颜色，也可以是控件的静态显示颜色。

上述设置界面中可以包括颜色参数设置区域，上述颜色参数设置区域可以用于设置颜色值，也可以用于设置颜色亮度、透明度等显示参数。

上述颜色参数设置区域可以通过颜色盘显示多种颜色，使得用户可以基于该区域选择控件颜色。上述颜色设置界面中，可以通过图片陈列不同颜色，也可以通过色卡陈列不同颜色，还可以通过动态流动效果，陈列不同颜色。例如，上述颜色设置界面中，包括多个颜料桶，每个颜料桶中存放不同的颜色的颜料，上述颜料桶中的颜料可以呈现动态效果，例如颜料桶中的颜色被搅动的效果，或者颜料桶中的颜色晃动效果。

S502、获取针对颜色参数设置区域的第三设置操作，确定控件的色彩流动效果的显示颜色，和/或，控件的静态显示颜色。

用户可以在上述颜色参数设置区域中选择控件颜色，使得电子设备可以获得用户触发的第三设置操作。然后基于用户的选择，确定控件颜色。

若上述控件颜色为控件的静态显示颜色，电子设备可以基于控件的静态显示颜色，控制控件在未触发的情况下的显示效果；进一步地，电子设备可以根据上述静态显示颜色，确定控件呈现色彩流动效果时的显示颜色。

若上述控件颜色为色彩流动效果的显示颜色，电子设备可以基于该显示颜色，在控件被触发的情况下，呈现该显示颜色对应的色彩流动效果。

在上述步骤的基础上，用户不仅可以设置控件颜色，还可以设置控件颜色中不同颜色的显示比例。上述控件颜色设置界面还包括显示比例设置区域；显示比例设置区域用于设置色彩流动效果的显示颜色，和/或静态显示颜色中，各个颜色值在控件的显示区域中的显示面积。用户可以通过调整比例值，设置各颜色的显示比列，也可以将颜色值分别对应至不同的显示子区域，以获得对应的显示比例；不同显示子区域对应的面积大小可以不同。

上述控件显示方法，电子设备向用户提供控件颜色的设置界面，使得用户可以自定义控件颜色，丰富用户选择。

在一个实施例中，上述控件所在的电子设备可以为智能眼镜；上述控件可以为智能眼镜的显示界面上的功能按钮、应用容器以及物理控件中的至少一种。

以智能眼镜的显示界面上的功能按钮以及智能眼镜的显示界面上的应用容器为例，上述控件可以为立体控件。上述控件的显示区域可以包括立体控件的多个显示面，构成立体显示区域。如图12所示，在智能眼镜的显示界面中，上述控件为长方体控件，上述长方体控件的显示区域包括长方体的多个面。

对于立体控件呈现的色彩流动效果，可以是色彩从一个显示面流动至另一个显示面，如图13所示。可选地，控件的显示颜色在立体控件围成的空间中呈现多个维度的色彩流动效果。例如，上述控件可以被视为一个颜料桶，上述控件呈现的色彩流动效果可以看成颜料在颜料桶中的流动。上述多个维度的色彩流动效果可以呈浪涌效果，也可以呈旋涡流动效果，在此不做限定。

上述显示方式中，智能眼镜中的立体控件被触发后呈现多维度色彩流动效果，可以使得控件被触发之后的控件与现实背景存在更明显的差异，从而可以向用户提供更明确的触发反馈。

在一个实施例中，控件的色彩流动效果可以与用户的触发操作互动。

在智能眼镜的操作过程中，用户可以通过手指动作执行控件的触发操作，也可以通过眼球移动执行控件的触发操作，可选地，用户还可以操作与智能眼镜关联的控制终端，使得控制终端可以在显示界面上发送操作射线。上述控制终端可以是遥控器，也可以手机、手环等，在此不做限定。当显示界面上的操作射线与控件的位置匹配时，电子设备可以确定控件被触发。显示界面上的操作射线与控件的位置匹配时，可以是上述操作射线在控件的显示区域中悬停预设时长，也可以是上述操作射线位于控件的显示区域的情况下，用户在控制终端上执行了触发操作。

在一种实现方式中，当上述操作射线在控件的显示区域中移动时，色彩流动效果的色彩流动方向可以与操作射线在控件的显示区域上的移动方向一致。如图14所示，上述操作射线在显示区域上从左至右移动，上述控件的显示区域可以呈现色彩从左向右流动的效果。另外，上述操作射线的移动方向还可以是从上向下移动、折线移动、以控件为中心旋转移动等，在此不做限定。

在另一种实现方式中，色彩流动方式为液体流动方式的情况下，控件的色彩流动效果的色彩流动方向与父级中心的移动方向一致。其中，上述父级中心为佩戴智能眼镜的用户的头部中心位置。当用户佩戴智能眼镜，并对控件进行触发操作之后，上述色彩流动方向与父级中心的移动方向一致，可以使得用户在移动、静止等状态下，均可以明显感知控件被触发。

上述控件显示方法，智能眼镜将色彩流动效果可以与用户的触发操作互动关联，可以进一步提高控件的触发反馈与现实背景的差异程度；进一步地，通过与触发操作互动，可以提高智能眼镜的操作趣味性。

在一个实施例中，智能眼镜中包括多个控件的情况下，上述触发操作可以为触发操作为针对第一控件和第二控件的联合触发操作，例如同时选中第一控件和第二控件的操作。上述第二控件可以是一个控件，也可以包括多个控件。第一控件和第二控件的色彩流动效果呈联动显示状态。

上述联动显示状态，可以是指第一控件的色彩流动方向与第二控件的色彩流动方向一致，呈现第一控件的色彩流动至第二控件的显示区域的效果。

上述联动显示状态，还可以是指第一控件的色彩流动效果与第二控件的色彩流动效果，均为整体呈现的色彩流动效果中的一部分。例如，多个控件的色彩流动效果整体呈现色彩旋涡流动，上述第一控件的色彩流动效果为旋涡流动的一部分，上述第二控件的色彩流动效果为旋涡流动的另一部分。

上述控件显示方法，多个控件呈现色彩联动显示，可以提高智能眼镜的视觉效果。

应该理解的是，虽然图2-11中的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2-11中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

图15为一个实施例的控件显示装置的结构框图。如图15所示，上述装置包括：

获取模块10，用于获取针对控件的触发操作；

响应模块20，用于响应于所述触发操作，在所述控件的显示区域内呈现色彩流动效果。

在其中一个实施例中，在上述实施例的基础上，如图16所示，上述装置还包括设置模块30，用于显示色彩流动方式的设置界面；所述色彩流动方式的设置界面中包括多种备选色彩流动方式；获取针对其中一个备选色彩流动方式的第一设置操作；响应于所述第一设置操作，从所述多种备选色彩流动方式中确定所述控件的目标色彩流动方式，所述目标色彩流动方式用于呈现所述色彩流动效果。

在其中一个实施例中，在上述实施例的基础上，备选色彩流动方式包括旋涡式流动方式、液体流动方式、碰撞流动方式以及喷射流动方式。

在其中一个实施例中，在上述实施例的基础上，设置模块30还用于：显示主题设置界面；所述主题设置界面中包括多种备选显示主题；获取针对其中一个备选显示主题的第二设置操作；响应于所述第二设置操作，确定目标显示主题，并根据所述目标显示主题确定所述色彩流动效果的显示颜色。

在其中一个实施例中，在上述实施例的基础上，设置模块30还用于：确定与所述目标显示主题的标识匹配的目标颜色，根据所述目标颜色确定所述色彩流动效果的显示颜色；或者，确定所述目标显示主题的背景颜色，根据所述背景颜色确定所述色彩流动效果的显示颜色。

在其中一个实施例中，在上述实施例的基础上，响应模块20具体用于：根据所述控件的静态显示颜色确定所述色彩流动效果的显示颜色；根据所述色彩流动效果的显示颜色在所述控件的显示区域内呈现所述色彩流动效果。

在其中一个实施例中，在上述实施例的基础上，设置模块30还用于：显示控件颜色设置界面；所述设置界面中包括颜色参数设置区域；获取针对所述颜色参数设置区域的第三设置操作，确定所述控件的色彩流动效果的显示颜色，和/或，所述控件的静态显示颜色。

在其中一个实施例中，在上述实施例的基础上，所述控件颜色设置界面还包括显示比例设置区域；所述显示比例设置区域用于设置所述色彩流动效果的显示颜色，和/或所述静态显示颜色中，各个颜色值在所述控件的显示区域中的显示面积。

在其中一个实施例中，在上述实施例的基础上，如图17所示，上述装置还包括显示模块40，用于：在所述控件被触发之前，在所述控件的显示区域内显示所述控件的静态显示颜色。

在其中一个实施例中，在上述实施例的基础上，显示模块40还用于：在所述控件被触发之前，在所述控件的显示区域内呈现初始色彩流动效果；所述初始色彩流动效果的流动速度小于所述色彩流动效果的流动速度。

在其中一个实施例中，在上述实施例的基础上，所述控件所在的电子设备为智能眼镜；所述控件为所述智能眼镜的显示界面上的功能按钮、应用容器以及物理控件中的至少一种。

在其中一个实施例中，在上述实施例的基础上，上述获取模块10具体用于：当所述显示界面上的操作射线与所述控件的位置匹配时，确定所述控件被触发；相应地，所述控件的色彩流动效果中色彩流动方向与所述操作射线在所述控件的显示区域上的移动方向一致。

在其中一个实施例中，在上述实施例的基础上，响应模块20具体用于：所述控件的显示颜色在所述立体控件围成的空间中呈现多个维度的色彩流动效果。

在其中一个实施例中，在上述实施例的基础上，所述触发操作为针对第一控件和第二控件的联合触发操作，所述第一控件和所述第二控件的色彩流动效果呈联动显示状态。

在其中一个实施例中，在上述实施例的基础上，所述色彩流动方式为液体流动方式的情况下，所述控件的色彩流动效果的色彩流动方向与父级中心的移动方向一致；所述父级中心为佩戴所述智能眼镜的用户的头部中心位置。

上述控件显示装置，其实现原理和技术效果参见上述方法实施例，在此不做限定。

上述控件显示装置中各个模块的划分仅仅用于举例说明，在其他实施例中，可将控件显示装置按照需要划分为不同的模块，以完成上述控件显示装置的全部或部分功能。

关于控件显示装置的具体限定可以参见上文中对于控件显示方法的限定，在此不再赘述。上述控件显示装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

图18为一个实施例中电子设备的内部结构示意图。该电子设备可以是手机、平板电脑、笔记本电脑、台式电脑、PDA(Personal Digital Assistant，个人数字助理)、POS(Point of Sales，销售终端)、车载电脑、穿戴式设备等任意终端设备。该电子设备包括通过系统总线连接的处理器和存储器。其中，该处理器可以包括一个或多个处理单元。处理器可为CPU(Central Processing Unit,中央处理单元)或DSP(Digital Signal Processing，数字信号处理器)等。存储器可包括非易失性存储介质及内存储器。非易失性存储介质存储有操作系统和计算机程序。该计算机程序可被处理器所执行，以用于实现以下各个实施例所提供的一种控件显示方法。内存储器为非易失性存储介质中的操作系统计算机程序提供高速缓存的运行环境。

在一个实施例中，上述电子设备为智能眼镜。

本申请实施例中提供的控件显示装置中的各个模块的实现可为计算机程序的形式。该计算机程序可在终端或服务器上运行。该计算机程序构成的程序模块可存储在电子设备的存储器上。该计算机程序被处理器执行时，实现本申请实施例中所描述方法的步骤。

本申请实施例还提供了一种计算机可读存储介质。一个或多个包含计算机可执行指令的非易失性计算机可读存储介质，当所述计算机可执行指令被一个或多个处理器执行时，使得所述处理器执行控件显示方法的步骤。

本申请实施例还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行控件显示方法。

本申请所使用的对存储器、存储、数据库或其它介质的任何引用可包括非易失性和/或易失性存储器。非易失性存储器可包括ROM(Read-Only Memory，只读存储器)、PROM(Programmable Read-only Memory，可编程只读存储器)、EPROM(Erasable ProgrammableRead-Only Memory，可擦除可编程只读存储器)、EEPROM(Electrically ErasableProgrammable Read-only Memory，电可擦除可编程只读存储器)或闪存。易失性存储器可包括RAM(Random Access Memory，随机存取存储器)，它用作外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如SRAM(Static Random Access Memory，静态随机存取存储器)、DRAM(Dynamic Random Access Memory，动态随机存取存储器)、SDRAM(Synchronous Dynamic Random Access Memory，同步动态随机存取存储器)、双数据率DDRSDRAM(Double Data Rate Synchronous Dynamic Random Access memory，双数据率同步动态随机存取存储器)、ESDRAM(Enhanced Synchronous Dynamic Random Access memory，增强型同步动态随机存取存储器)、SLDRAM(Sync Link Dynamic Random Access Memory，同步链路动态随机存取存储器)、RDRAM(Rambus Dynamic Random Access Memory，总线式动态随机存储器)、DRDRAM(Direct Rambus Dynamic Random Access Memory，接口动态随机存储器)。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (17)

1.一种控件显示方法，其特征在于，包括：

获取针对控件的触发操作；其中，所述控件所在的电子设备为智能眼镜；所述控件为所述智能眼镜的显示界面上的功能按钮、所述智能眼镜的显示界面上的应用容器以及所述智能眼镜的物理控件中的至少一种；

响应于所述触发操作，在所述控件的显示区域内呈现色彩流动效果；所述触发操作为针对第一控件和第二控件的联合触发操作，所述第一控件和所述第二控件的色彩流动效果呈联动显示状态；当色彩流动方式为液体流动方式的情况下，所述控件的色彩流动效果的色彩流动方向与父级中心的移动方向一致；所述父级中心为佩戴所述智能眼镜的用户的头部中心位置。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

显示色彩流动方式的设置界面；所述色彩流动方式的设置界面中包括多种备选色彩流动方式；

获取针对其中一个备选色彩流动方式的第一设置操作；

响应于所述第一设置操作，从所述多种备选色彩流动方式中确定所述控件的目标色彩流动方式，所述目标色彩流动方式用于呈现所述色彩流动效果。

3.根据权利要求2所述的方法，其特征在于，所述备选色彩流动方式包括旋涡式流动方式、碰撞流动方式以及喷射流动方式。

4.根据权利要求3所述的方法，其特征在于，所述备选色彩流动方式还包括液体流动方式。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

显示主题设置界面；所述主题设置界面中包括多种备选显示主题；

获取针对其中一个备选显示主题的第二设置操作；

响应于所述第二设置操作，确定目标显示主题，并根据所述目标显示主题确定所述色彩流动效果的显示颜色。

6.根据权利要求5所述的方法，其特征在于，所述根据所述目标显示主题确定所述色彩流动效果的显示颜色，包括：

确定与所述目标显示主题的标识匹配的目标颜色，根据所述目标颜色确定所述色彩流动效果的显示颜色；或者，

确定所述目标显示主题的背景颜色，根据所述背景颜色确定所述色彩流动效果的显示颜色。

7.根据权利要求1所述的方法，其特征在于，所述在所述控件的显示区域内呈现色彩流动效果，包括：

根据所述控件的静态显示颜色确定所述色彩流动效果的显示颜色；

根据所述色彩流动效果的显示颜色在所述控件的显示区域内呈现所述色彩流动效果。

8.根据权利要求1所述的方法，其特征在于，所述方法还包括：

显示控件颜色设置界面；所述设置界面中包括颜色参数设置区域；

获取针对所述颜色参数设置区域的第三设置操作，确定所述控件的色彩流动效果的显示颜色，和/或，所述控件的静态显示颜色。

9.根据权利要求7所述的方法，其特征在于，所述控件颜色设置界面还包括显示比例设置区域；所述显示比例设置区域用于设置所述色彩流动效果的显示颜色，和/或所述静态显示颜色中，各个颜色值在所述控件的显示区域中的显示面积。

10.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述控件被触发之前，在所述控件的显示区域内显示所述控件的静态显示颜色。

11.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述控件被触发之前，在所述控件的显示区域内呈现初始色彩流动效果；所述初始色彩流动效果的流动速度小于所述色彩流动效果的流动速度。

12.根据权利要求1所述的方法，其特征在于，获取针对控件的触发操作，包括：

当所述显示界面上的操作射线与所述控件的位置匹配时，确定所述控件被触发；

相应地，所述控件的色彩流动效果中色彩流动方向与所述操作射线在所述控件的显示区域上的移动方向一致。

13.根据权利要求1所述的方法，其特征在于，所述控件为立体控件，所述在所述控件的显示区域内呈现色彩流动效果，包括：

所述控件的显示颜色在所述立体控件围成的空间中呈现多个维度的色彩流动效果。

14.一种控件显示装置，其特征在于，包括：

获取模块，用于获取针对控件的触发操作；其中，所述控件所在的电子设备为智能眼镜；所述控件为所述智能眼镜的显示界面上的功能按钮、所述智能眼镜的显示界面上的应用容器以及所述智能眼镜的物理控件中的至少一种；

响应模块，用于响应于所述触发操作，在所述控件的显示区域内呈现色彩流动效果；所述触发操作为针对第一控件和第二控件的联合触发操作，所述第一控件和所述第二控件的色彩流动效果呈联动显示状态；当色彩流动方式为液体流动方式的情况下，所述控件的色彩流动效果的色彩流动方向与父级中心的移动方向一致；所述父级中心为佩戴所述智能眼镜的用户的头部中心位置。

15.一种电子设备，包括存储器及处理器，所述存储器中储存有计算机程序，其特征在于，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至13中任一项所述的方法的步骤。

16.根据权利要求15所述的电子设备，其特征在于，所述电子设备为智能眼镜。

17.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至13中任一项所述的方法的步骤。