虚拟按钮显示方法和装置的制造方法
【专利摘要】本发明涉及一种虚拟按钮显示方法和装置，获取显示界面中的预设界面元素的显示区域；在显示界面中显示虚拟按钮，其中，虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值。通过获取显示界面中预设界面元素的显示区域，使虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值，避免对预设界面元素造成遮挡，可有效避免出现影响用户对显示界面的相关内容进行查阅和操作的现象。
【专利说明】
虚拟按钮显示方法和装置
技术领域
[0001]本发明涉及智能终端领域技术领域，特别是涉及一种虚拟按钮显示方法和装置。
【背景技术】
[0002]随着科技的发展和进步，手机等触控设备上的实体按键或者是实体电容键越来越少，取而代之的则是各式各样的虚拟按钮。虚拟按钮是一个主屏替换程序，如主屏，菜单，后退和搜索等按钮。虚拟按钮因其位置、功能可调且不易损坏的特点越来越被广泛使用。
[0003]传统的虚拟按钮显示方法是用户通过划动虚拟按钮来改变其显示位置，当显示界面显示不同应用或者同一应用显示不同页面时，都有可能会出现虚拟按钮遮挡文字或者遮挡其他按钮的情况。当文字或其他按钮被遮挡时，则会造成用户查看的不便。
【发明内容】
[0004]基于此，有必要针对上述问题，提供一种能避免对界面文字或者按钮造成遮挡的虚拟按钮显示方法和装置。
[0005]—种虚拟按钮显示方法，包括以下步骤:
[0006]获取显示界面中的预设界面元素的显示区域；
[0007]在所述显示界面中显示虚拟按钮，其中，所述虚拟按钮的显示区域与所述预设界面元素的显示区域的重合区域的面积小于预设阈值。
[0008]一种虚拟按钮显示装置，包括:
[0009]区域获取模块，用于获取显示界面中的预设界面元素的显示区域；
[0010]按钮显示模块，用于在所述显示界面中显示虚拟按钮，其中，所述虚拟按钮的显示区域与所述预设界面元素的显示区域的重合区域的面积小于预设阈值。
[0011]上述虚拟按钮显示方法和装置，获取显示界面中的预设界面元素的显示区域;在显示界面中显示虚拟按钮，其中，虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值。通过获取显示界面中预设界面元素的显示区域，使虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值，避免对预设界面元素造成遮挡，可有效避免出现影响用户对显示界面的相关内容进行查阅和操作的现象。
【附图说明】
[0012]图1为一实施例中虚拟按钮显示方法的流程图；
[0013]图2为一实施例中在显示界面中显示虚拟按钮的流程图；
[0014]图3为描述一实施例中虚拟按钮显示方法的界面示意图；
[0015]图4为描述另一实施例中虚拟按钮显示方法的界面示意图；
[0016]图5为一实施例中虚拟按钮显示装置的结构示意图。
【具体实施方式】
[0017]在一个实施例中，一种虚拟按钮显示方法，可适用于智能终端，智能终端具体可包括手机、PC(Personal Computer，个人计算机)、平板电脑、穿戴设备和智能家居等电子设备。如图1所示，该方法包括以下步骤:
[0018]步骤S120:获取显示界面中的预设界面元素的显示区域。
[0019]显示界面具体可以包括登录界面、桌面和应用程序界面等。界面元素指在显示界面显示的元素，具体可包括布局、颜色、文字、图片、列表、视频、功能按钮、链接、图标和提示框等。其中，布局可包括菜单栏、状态栏和工具栏等，颜色可包括主体色、配色、背景色和透明色等。功能按钮指提供操作快捷入口的按钮。链接可由文字、字母等字符组成，是指在电子计算机程序的各模块之间传递参数和控制命令，并把它们组成一个可执行的整体的过程，链接具体可以包括网页链接、邮件链接等。图标用于指示相关信息，具体可以是箭头图标、电池图标、闹钟图标或邮件图标等。预设界面元素的具体类型可根据实际需求调整，本实施例中，预设界面元素包括文字、图片、视频、功能按钮和链接中的至少一种。
[0020]根据预设界面元素的类型不同，确定预设界面元素的显示区域的具体方式并不唯一，可以是直接将预设界面元素的位置所构成的区域作为显示区域，或者将与预设界面元素的位置的距离小于预设距离值的位置所构成的区域作为显示区域，还可以将预设界面元素所在的显示栏作为显示区域。其中，可以是对显示界面进行读屏，扫描界面元素的坐标以获取预设界面元素所在的位置，或者调用应用程序的接口，通过获取应用程序的控制参数以确定预设界面元素所在的位置。
[0021]举例说明，若预设界面元素为文字，则可以是直接将文字在显示界面中的位置坐标所构成的区域作为显示区域，或者将文字所在的显示框作为显示区域。若预设界面元素为图片或功能按钮，则可直接将图片或功能按钮所在的区域作为显示区域。
[0022]步骤S140:在显示界面中显示虚拟按钮。
[0023]其中，虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值。虚拟按钮具体可包括系统插件和第三方插件，系统插件可以是悬浮球等，第三方插件可以是内存清理按钮等。预设阈值的具体取值并不唯一，可根据实际情况调整。
[0024]具体地，可在获取预设界面元素的显示区域之后，获取与预设界面元素的显示区域的重合区域的面积小于预设阈值的区域，然后在该区域显示虚拟按钮，使得位于该区域的虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值。以预设阈值为零为例，则可以获取预设界面元素的显示区域之外的区域，并在该区域显示虚拟按钮。
[0025]可以是获取预设界面元素的显示区域之后，在显示界面中显示虚拟按钮;也可以是获取预设界面元素的显示区域之后，移动虚拟按钮以改变虚拟按钮的显示位置。在确定预设界面元素的显示区域之后，在显示界面中显示虚拟按钮，并使虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值，以避免虚拟按钮对预设界面元素造成遮挡。
[0026]上述虚拟按钮显示方法，通过获取显示界面中预设界面元素的显示区域，使虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值，避免对预设界面元素造成遮挡，可有效避免出现影响用户对显示界面的相关内容进行查阅和操作的现象。
[0027]在一个实施例中，显示界面包括应用程序界面，预设界面元素包括应用程序界面中的功能按钮。如图2所示，步骤S140包括S142和步骤S144。
[0028]步骤S142:判断虚拟按钮的显示区域是否覆盖功能按钮。
[0029]获取虚拟按钮的显示区域并检测是否覆盖功能按钮，若是，则进行步骤S144，移动虚拟按钮;若否，则结束，不需要移动虚拟按钮。
[0030]应用程序界面具体类型并不唯一，对应的功能按钮的类型也不唯一。例如，当应用程序界面为音乐或视频播放界面时，功能按钮可以包括播放按钮、暂停按钮、快进按钮和快退按钮等；当应用程序界面为游戏界面时，功能按钮可以包括行走按钮、奔跑按钮和攻击按钮等；当应用程序界面为聊天界面时，功能按钮可以包括发送按钮、语音按钮和表情按钮等。
[0031]步骤S144:移动虚拟按钮至显示界面中的非功能按钮区域，以使虚拟按钮的显示区域与功能按钮的显示区域无重合区域。
[0032]非功能按钮区域即是指不存在功能按钮的区域，具体可以是在获取功能按钮的显示区域之后，获取功能按钮的显示区域之外的区域作为非功能按钮区域。当检测到虚拟按钮的显示区域覆盖功能按钮，则将虚拟按钮移动到非功能按钮区域，使虚拟按钮的显示区域与功能按钮的显示区域无重合区域。
[0033]本实施例中，在运行应用程序时，当检测到虚拟按钮的显示区域覆盖应用程序界面中的功能按钮之后，移动虚拟按钮至显示界面中的非功能按钮区域，能避免虚拟按钮遮挡功能按钮，为用户对功能按钮的操作提供便利。
[0034]进一步地，在一个实施例中，步骤S144中移动虚拟按钮至显示界面中的非功能按钮区域，包括:移动虚拟按钮至显示界面中的空白区域，空白区域内无界面元素。
[0035]空白区域即指不存在界面元素的区域。具体地，可先获取显示界面中所有界面元素的显示区域，然后获取所有界面元素的显示区域之外的区域作为空白区域，将虚拟按钮移动至空白区域，避免虚拟按钮遮挡界面元素。
[0036]本实施例中，在检测到虚拟按钮覆盖功能按钮后，将虚拟按钮移动到显示界面中不存在界面元素的空白区域进行显示，能避免显示界面中所有的界面元素被虚拟按钮遮挡，进一步提高了用户对显示界面的相关内容进行查阅和操作的便利性。
[0037]在一个实施例中，步骤S144中移动虚拟按钮至显示界面中的非功能按钮区域，包括:将虚拟按钮移动至非功能按钮区域中与虚拟按钮的显示区域距离最小的位置。
[0038]在确定显示界面中的非功能按钮区域之后，将虚拟按钮移动到非功能按钮区域中，与虚拟按钮移动前的显示区域距离最小的位置进行显示，减小虚拟按钮移动前后的位置变化量，降低移动虚拟按钮对用户操作带来的影响，同样提高了用户操作便利性。
[0039]在一个实施例中，显示界面包括应用程序界面，预设界面元素包括应用程序界面中的功能按钮。步骤S140包括以下步骤:
[0040]步骤1:判断虚拟按钮的显示区域是否覆盖功能按钮。
[0041]在获取功能按钮的显示区域之后，检测虚拟按钮的显示区域是否覆盖功能按钮，若是，则进行步骤2;若否，则结束。
[0042]步骤2:移动虚拟按钮至显示界面中的空白区域中，与虚拟按钮的显示区域距离最小的位置。
[0043]空白区域内无界面元素，在检测到虚拟按钮覆盖功能按钮后，将虚拟按钮移动到不存在界面元素的空白区域中，与虚拟按钮移动之前的显示区域距离最小的位置进行显示。能避免显示界面中所有的界面元素被虚拟按钮遮挡，还能减小虚拟按钮移动前后的位置变化量，降低移动虚拟按钮对用户操作带来的影响。
[0044]为便于更好地理解上述虚拟按钮显示方法，下面以应用程序界面为例进行详细的解释说明。
[0045]如图3所示，应用程序界面310中显示的界面元素包括多个功能按钮，具体包括发送按钮312、语音按钮314和表情按钮316等。获取各功能按钮的显示区域后，检测到虚拟按钮320的显示区域覆盖了发送按钮312，则将虚拟按钮320移动到显示界面中不存在界面元素的空白区域中，与虚拟按钮320移动之前的显示区域距离最小的位置，如图4所示，能避免应用程序界面310中所有的界面元素被虚拟按钮320遮挡，可有效避免出现影响用户对显示界面的相关内容进行查阅和操作的现象，还降低了移动虚拟按钮320对用户操作带来的影响。
[0046]在一个实施例中，一种虚拟按钮显示装置，可适用于智能终端，智能终端具体可包括手机、PC(Personal Computer，个人计算机、平板电脑、穿戴设备和智能家居等电子设备。如图5所示，该装置包括区域获取模块120和按钮显示模块140。
[0047]区域获取模块120用于获取显示界面中的预设界面元素的显示区域。
[0048]本实施例中，预设界面元素包括文字、图片、视频、功能按钮和链接中的至少一种。根据预设界面元素的类型不同，确定预设界面元素的显示区域的具体方式并不唯一。
[0049]按钮显示模块140用于在显示界面中显示虚拟按钮。
[0050]其中，虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值。虚拟按钮具体可包括系统插件和第三方插件，系统插件可以是悬浮球等，第三方插件可以是内存清理按钮等。预设阈值的具体取值并不唯一，可根据实际情况调整。
[0051]上述虚拟按钮显示装置，通过获取显示界面中预设界面元素的显示区域，使虚拟按钮的显示区域与预设界面元素的显示区域的重合区域的面积小于预设阈值，避免对预设界面元素造成遮挡，可有效避免出现影响用户对显示界面的相关内容进行查阅和操作的现象。
[0052]在一个实施例中，显示界面包括应用程序界面，预设界面元素包括应用程序界面中的功能按钮。按钮显示模块140在显示界面中显示虚拟按钮，包括:判断虚拟按钮的显示区域是否覆盖功能按钮;若是，则移动虚拟按钮至显示界面中的非功能按钮区域，以使虚拟按钮的显示区域与功能按钮的显示区域无重合区域。
[0053]本实施例中，在运行应用程序时，当检测到虚拟按钮的显示区域覆盖应用程序界面中的功能按钮之后，移动虚拟按钮至显示界面中的非功能按钮区域，能避免虚拟按钮遮挡功能按钮，为用户对功能按钮的操作提供便利。
[0054]进一步地，在一个实施例中，按钮显示模块140移动虚拟按钮至显示界面中的非功能按钮区域，包括:移动虚拟按钮至显示界面中的空白区域，空白区域内无界面元素。
[0055]本实施例中，在检测到虚拟按钮覆盖功能按钮后，将虚拟按钮移动到显示界面中不存在界面元素的空白区域进行显示，能避免显示界面中所有的界面元素被虚拟按钮遮挡，进一步提高了用户对显示界面的相关内容进行查阅和操作的便利性。
[0056]在一个实施例中，按钮显示模块140移动虚拟按钮至显示界面中的非功能按钮区域，包括:将虚拟按钮移动至非功能按钮区域中与虚拟按钮的显示区域距离最小的位置。
[0057]在确定显示界面中的非功能按钮区域之后，将虚拟按钮移动到非功能按钮区域中，与虚拟按钮移动前的显示区域距离最小的位置进行显示，减小虚拟按钮移动前后的位置变化量，降低移动虚拟按钮对用户操作带来的影响，同样提高了用户操作便利性。
[0058]在一个实施例中，显示界面包括应用程序界面，预设界面元素包括应用程序界面中的功能按钮。按钮显示模块140在显示界面中显示虚拟按钮，包括:判断虚拟按钮的显示区域是否覆盖功能按钮;若是，则移动虚拟按钮至显示界面中的空白区域中，与虚拟按钮的显示区域距离最小的位置。
[0059]空白区域内无界面元素，在检测到虚拟按钮覆盖功能按钮后，将虚拟按钮移动到不存在界面元素的空白区域中，与虚拟按钮移动之前的显示区域距离最小的位置进行显示。能避免显示界面中所有的界面元素被虚拟按钮遮挡，还能减小虚拟按钮移动前后的位置变化量，降低移动虚拟按钮对用户操作带来的影响。
[0060]以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
[0061]以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。
【主权项】
1.一种虚拟按钮显示方法，其特征在于，包括以下步骤: 获取显示界面中的预设界面元素的显示区域； 在所述显示界面中显示虚拟按钮，其中，所述虚拟按钮的显示区域与所述预设界面元素的显示区域的重合区域的面积小于预设阈值。2.根据权利要求1所述的方法，其特征在于，所述显示界面包括应用程序界面;预设界面元素包括所述应用程序界面中的功能按钮;所述在所述显示界面中显示虚拟按钮，包括: 判断所述虚拟按钮的显示区域是否覆盖所述功能按钮； 若是，则移动所述虚拟按钮至所述显示界面中的非功能按钮区域，以使所述虚拟按钮的显示区域与所述功能按钮的显示区域无重合区域。3.根据权利要求2所述的方法，其特征在于，所述移动所述虚拟按钮至所述显示界面中的非功能按钮区域，包括: 移动所述虚拟按钮至所述显示界面中的空白区域，所述空白区域内无界面元素。4.根据权利要求2所述的方法，其特征在于，所述移动所述虚拟按钮至所述显示界面中的非功能按钮区域，包括: 将所述虚拟按钮移动至所述非功能按钮区域中与所述虚拟按钮的显示区域距离最小的位置。5.根据权利要求1所述的方法，其特征在于，所述预设界面元素包括文字、图片、视频、功能按钮和链接中的至少一种。6.一种虚拟按钮显示装置，其特征在于，包括: 区域获取模块，用于获取显示界面中的预设界面元素的显示区域； 按钮显示模块，用于在所述显示界面中显示虚拟按钮，其中，所述虚拟按钮的显示区域与所述预设界面元素的显示区域的重合区域的面积小于预设阈值。7.根据权利要求6所述的装置，其特征在于，所述显示界面包括应用程序界面;预设界面元素包括所述应用程序界面中的功能按钮;所述按钮显示模块在所述显示界面中显示虚拟按钮，包括:判断所述虚拟按钮的显示区域是否覆盖所述功能按钮;若是，则移动所述虚拟按钮至所述显示界面中的非功能按钮区域，以使所述虚拟按钮的显示区域与所述功能按钮的显示区域无重合区域。8.根据权利要求7所述的装置，其特征在于，所述按钮显示模块移动所述虚拟按钮至所述显示界面中的非功能按钮区域，包括:移动所述虚拟按钮至所述显示界面中的空白区域，所述空白区域内无界面元素。9.根据权利要求7所述的装置，其特征在于，所述按钮显示模块移动所述虚拟按钮至所述显示界面中的非功能按钮区域，包括:将所述虚拟按钮移动至所述非功能按钮区域中与所述虚拟按钮的显示区域距离最小的位置。10.根据权利要求6所述的装置，其特征在于，所述预设界面元素包括文字、图片、视频、功能按钮和链接中的至少一种。
【文档编号】G06F3/0481GK106055207SQ201610375024
【公开日】2016年10月26日
【申请日】2016年5月30日
【发明人】韩旭, 高欢欢
【申请人】珠海市魅族科技有限公司