CN103984476B - 菜单显示方法及装置 - Google Patents

菜单显示方法及装置 Download PDF

Info

Publication number
CN103984476B
CN103984476B CN201410189146.5A CN201410189146A CN103984476B CN 103984476 B CN103984476 B CN 103984476B CN 201410189146 A CN201410189146 A CN 201410189146A CN 103984476 B CN103984476 B CN 103984476B
Authority
CN
China
Prior art keywords
menu
viewing area
margin
away
touch
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201410189146.5A
Other languages
English (en)
Other versions
CN103984476A (zh
Inventor
万钰臻
王文林
韩伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Xiaomi Inc
Original Assignee
Xiaomi Inc
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Xiaomi Inc filed Critical Xiaomi Inc
Priority to CN201410189146.5A priority Critical patent/CN103984476B/zh
Publication of CN103984476A publication Critical patent/CN103984476A/zh
Application granted granted Critical
Publication of CN103984476B publication Critical patent/CN103984476B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本公开是关于一种菜单显示方法及装置。所述方法包括:获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;获取所述菜单的尺寸;比较所述菜单的尺寸和所述页边距;根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单。通过终端的自动计算在页面上完整显示菜单,无需人工操作,节约了人力成本,并且无论用户触控操作在页面上的任意位置,都可以完整的显示出菜单,菜单显示灵活。当屏幕发生旋转时,重新计算菜单的显示位置,使得始终可以在页面上显示完整的菜单。用户对页面显示的体验度较高。

Description

菜单显示方法及装置
技术领域
本公开涉及终端显示技术领域,尤其涉及一种菜单显示方法及装置。
背景技术
在终端屏幕的触控位置弹出带箭头的菜单时,可能出现在触控位置上下左右四个方向不是都有足够的空间显示菜单,因此需要根据触控位置到屏幕边框距离的大小,指定菜单的显示位置。相关技术中,对于每个菜单弹出时,都需要开发人员计算菜单显示位置。这样,不仅浪费了大量的人力资源,并且,由于需要人工计算菜单的显示位置,菜单显示效果比较单一,菜单显示不够灵活。而且,当屏幕发生旋转时,菜单实际的显示位置相对于原来计算出菜单显示位置发生变化,可能造成菜单显示不全。
发明内容
为克服相关技术中存在的问题,本公开实施例提供一种菜单显示方法及装置。
根据本公开实施例的第一方面,提供一种菜单显示方法,所述方法包括:
获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
获取所述菜单的尺寸;
比较所述菜单的尺寸和所述页边距;
根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单。
本公开的实施例提供的技术方案可以包括以下有益效果:通过终端的自动计算在页面上完整显示菜单,无需人工操作,节约了人力成本,并且无论用户触控操作在页面上的任意位置,都可以完整的显示出菜单,菜单显示灵活。当屏幕发生旋转时,重新计算菜单的显示位置,使得始终可以在页面上显示完整的菜单。用户对页面显示的体验度较高。
可选的,所述获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距,包括:
当所述触控位置为点时,获取所述点距离所述当前显示页面各边界的页边距;
当所述触控位置为矩形区域时,获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点。
可选的,所述方法还包括:
以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域、第二显示区域、第三显示区域和第四显示区域;
其中,所述第一显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距;
所述第二显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距;
所述第三显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距;
所述第四显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距。
可选的,所述根据所述比较结果,确定能完整显示所述菜单的位置,包括:
当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
可选的,所述方法还包括:当所述比较结果指示所述菜单的高度大于所述第一页边距且大于所述第二页边距时,在所述第三显示区域或第四显示区域显示所述菜单。
可选的,当所述触控位置为点时,所述方法还包括:
当所述比较结果指示所述菜单的宽度的一半大于所述第三页边距时,进一步将所述菜单的一部分显示在所述第三显示区域中,并将所述菜单的另一部分显示在所述第四显示区域中;
当所述比较结果指示所述菜单的宽度的一半大于所述第四页边距时,进一步将所述菜单的一部分显示在所述第四显示区域中,并将所述菜单的另一部分显示在所述第三显示区域中;
当所述比较结果指示所述菜单的宽度的一半既大于所述第三页边距又大于所述第四页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,当所述触控位置为矩形区域时,所述方法还包括:
根据所述触控位置的垂直中线将所述第一显示区域或第二显示区域划分为左子区域、右子区域,获取所述垂直中线与所述当前显示页面左、右边界的第五页边距和第六页边距;
当所述比较结果指示所述菜单的宽度的一半大于所述第五页边距时,进一步将所述菜单的一部分显示在所述左子区域中,并将所述菜单的另一部分显示在所述右子区域中;
当所述比较结果指示所述菜单的宽度的一半大于所述第六页边距时,进一步将所述菜单的一部分显示在所述右子区域中,并将所述菜单的另一部分显示在所述左子区域中;
当所述比较结果指示所述菜单的宽度的一半既大于所述第五页边距又大于所述第六页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,当在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏时,所述方法还包括:
接收用户在水平方向上的滑动操作;
根据用户在水平方向上的滑动操作,控制所述菜单在水平方向上移动,显示隐藏的部分菜单。
在可选方案中,通过首先判断菜单是否能完整显示在第一或第二显示区域,如果菜单不能在第一或第二显示区域完整显示时,再判断菜单是否能完整显示在第三或第四显示区域。当菜单能完整显示在第一或第二显示区域时,可以进一步确定菜单在第一显示区域或第二显示区域中的具体显示位置。这样,使得菜单的显示更加准确,显示效果更好。
可选的,所述根据所述比较结果,确定能完整显示所述菜单的位置,包括:
当所述比较结果指示所述菜单的宽度小于等于所述第三页边距且大于所述第四页边距时,在所述第三显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第三页边距且小于等于所述第四页边距时,在所述第四显示区域显示所述菜单。
可选的,所述方法还包括:
当所述比较结果指示所述菜单的高度大于所述第三页边距且大于所述第四页边距时,在所述第一显示区域或第二显示区域显示所述菜单。
可选的,当所述触控位置为点时,所述方法还包括:
当所述比较结果指示所述菜单的高度的一半大于所述第一页边距时,进一步将所述菜单的一部分显示在所述第一显示区域中,并将所述菜单的另一部分显示在所述第二显示区域中;
当所述比较结果指示所述菜单的高度的一半大于所述第二页边距时,进一步将所述菜单的一部分显示在所述第二显示区域中,并将所述菜单的另一部分显示在所述第一显示区域中;
当所述比较结果指示所述菜单的高度的一半既大于所述第一页边距又大于所述第二页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,当所述触控位置为矩形区域时,所述方法还包括:
根据所述触控位置的水平中线将所述第三显示区域或第四显示区域划分为上子区域、下子区域,获取所述水平中线与所述当前显示页面上、下边界的第七页边距和第八页边距;
当所述比较结果指示所述菜单的高度的一半大于所述第七页边距时,进一步将所述菜单的一部分显示在所述上子区域中,并将所述菜单的另一部分显示在所述下子区域中;
当所述比较结果指示所述菜单的高度的一半大于所述第八页边距时,进一步将所述菜单的一部分显示在所述下子区域中,并将所述菜单的另一部分显示在所述上子区域中;
当所述比较结果指示所述菜单的高度的一半既大于所述第七页边距又大于所述第八页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,当在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏时,所述方法还包括:
接收用户在垂直方向上的滑动操作;
根据用户在垂直方向上的滑动操作,控制所述菜单在垂直方向上移动,显示隐藏的部分菜单。
在可选方案中,通过首先判断菜单是否能完整显示在第三或第四显示区域,如果菜单不能在第三或第四显示区域完整显示时,再判断菜单是否能完整显示在第一或第二显示区域。当菜单能完整显示在第三或第四显示区域时,可以进一步确定菜单在第三或第四显示区域中的具体显示位置。这样,使得菜单的显示更加准确,显示效果更好。
在可选方案中,当菜单的尺寸超出当前显示页面的尺寸时,可采用隐藏方式显示菜单,在保证菜单显示的完整性的同时,显示效果更好,并且用户查看菜单的操作简单,提高用户体验度。
根据本公开实施例的第二方面,提供一种菜单显示装置,包括:
第一获取模块,用于获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
第二获取模块,用于获取所述菜单的尺寸;
比较模块,用于比较所述菜单的尺寸和所述页边距;
菜单确定显示模块,用于根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单。
可选的,当所述触控位置为点时,所述第一获取模块,用于获取所述点距离所述当前显示页面各边界的页边距;
当所述触控位置为矩形区域时,所述第一获取模块,用于获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点。
可选的,所述装置还包括:
区域分割模块,用于以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域、第二显示区域、第三显示区域和第四显示区域;
其中,所述第一显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距;
所述第二显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距;
所述第三显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距;
所述第四显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距。
可选的,所述菜单确定显示模块包括:
第一位置确定单元,用于当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
可选的,所述第一位置确定单元,还用于当所述比较结果指示所述菜单的高度大于所述第一页边距且大于所述第二页边距时,在所述第三显示区域或第四显示区域显示所述菜单。
可选的,当所述触控位置为点时,所述第一位置确定单元,还用于当所述比较结果指示所述菜单的宽度的一半大于所述第三页边距时,进一步将所述菜单的一部分显示在所述第三显示区域中,并将所述菜单的另一部分显示在所述第四显示区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第四页边距时,进一步将所述菜单的一部分显示在所述第四显示区域中,并将所述菜单的另一部分显示在所述第三显示区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第三页边距又大于所述第四页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,当所述触控位置为矩形区域时,所述菜单确定显示模块还包括:
第一区域划分单元,用于根据所述触控位置的垂直中线将所述第一显示区域或第二显示区域划分为左子区域、右子区域,获取所述垂直中线与所述当前显示页面左、右边界的第五页边距和第六页边距;
所述第一位置确定单元,还用于当所述比较结果指示所述菜单的宽度的一半大于所述第五页边距时,进一步将所述菜单的一部分显示在所述左子区域中,并将所述菜单的另一部分显示在所述右子区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第六页边距时,进一步将所述菜单的一部分显示在所述右子区域中,并将所述菜单的另一部分显示在所述左子区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第五页边距又大于所述第六页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,所述装置还包括:
第一接收模块,用于接收用户在水平方向上的滑动操作;
第一菜单控制模块,用于根据用户在水平方向上的滑动操作,控制所述菜单在水平方向上移动,显示隐藏的部分菜单。
可选的,所述菜单确定显示模块包括:
第二位置确定单元,用于当所述比较结果指示所述菜单的宽度小于等于所述第三页边距且大于所述第四页边距时,在所述第三显示区域显示所述菜单;当所述比较结果指示所述菜单的高度大于所述第三页边距且小于等于所述第四页边距时,在所述第四显示区域显示所述菜单。
可选的,所述第二位置确定单元,还用于当所述比较结果指示所述菜单的高度大于所述第三页边距且大于所述第四页边距时,在所述第一显示区域或第二显示区域显示所述菜单。
可选的,所述第二位置确定单元,还用于当所述比较结果指示所述菜单的高度的一半大于所述第一页边距时,进一步将所述菜单的一部分显示在所述第一显示区域中,并将所述菜单的另一部分显示在所述第二显示区域中;当所述比较结果指示所述菜单的高度的一半大于所述第二页边距时,进一步将所述菜单的一部分显示在所述第二显示区域中,并将所述菜单的另一部分显示在所述第一显示区域中;当所述比较结果指示所述菜单的高度的一半既大于所述第一页边距又大于所述第二页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,所述菜单确定显示模块还包括:
第二区域划分单元,用于根据所述触控位置的水平中线将所述第三显示区域或第四显示区域划分为上子区域、下子区域,获取所述水平中线与所述当前显示页面上、下边界的第七页边距和第八页边距;
所述第二位置确定单元,还用于当所述比较结果指示所述菜单的高度的一半大于所述第七页边距时,进一步将所述菜单的一部分显示在所述上子区域中,并将所述菜单的另一部分显示在所述下子区域中;当所述比较结果指示所述菜单的高度的一半大于所述第八页边距时,进一步将所述菜单的一部分显示在所述下子区域中,并将所述菜单的另一部分显示在所述上子区域中;当所述比较结果指示所述菜单的高度的一半既大于所述第七页边距又大于所述第八页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,所述装置还包括:
第二接收模块,用于接收用户在垂直方向上的滑动操作;
第二菜单控制模块,用于根据用户在垂直方向上的滑动操作,控制所述菜单在垂直方向上移动,显示隐藏的部分菜单。
根据本公开实施例的第三方面,提供一种菜单显示装置,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
获取所述菜单的尺寸;
比较所述菜单的尺寸和所述页边距;
根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本发明的实施例,并与说明书一起用于解释本发明的原理。
图1是根据一示例性实施例示出的一种菜单显示方法的流程图。
图2a是根据一示例性实施例示出的用户手指触摸显示屏的示意图。
图2b是根据一示例性实施例示出的图2a中触摸显示屏顺时针旋转90度后的示意图。
图3是根据一示例性实施例示出的触控位置与当前显示页面各边界的页边距的示意图。
图4a是根据一示例性实施例示出的触控位置与当前显示页面各边界的页边距的示意图。
图4b是根据另一示例性实施例示出的触控位置与当前显示页面各边界的页边距的示意图。
图5a和图5b是根据一示例性实施例示出的显示区域的示意图;
图6a和图6b是根据一示例性实施例示出的显示区域的子区域的示意图;
图7a~图7l是根据一示例性实施例示出的在当前显示页面上显示的菜单的示意图;
图8是根据一示例性实施例示出的菜单显示方法的流程图;
图9是根据一示例性实施例示出的在当前显示页面上显示的菜单的示意图;
图10是根据一示例性实施例示出的菜单显示方法的流程图;
图11是根据一示例性实施例示出的在当前显示页面上显示的菜单的示意图;
图12是根据一示例性实施例示出的一种菜单显示装置框图;
图13是根据另一示例性实施例示出的一种菜单显示装置框图;
图14是根据一示例性实施例示出的菜单确定显示模块框图;
图15是根据另一示例性实施例示出的一种菜单显示装置框图;
图16是根据另一示例性实施例示出的菜单确定显示模块框图;
图17是根据一示例性实施例示出的一种菜单显示装置框图;
图18是根据一示例性实施例示出的一种用于菜单显示的装置1300的框图。
具体实施方式
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。
图1是根据一示例性实施例示出的一种菜单显示方法的流程图,如图1所示,菜单显示方法用于终端中,包括以下步骤。
在步骤S11中,获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距。
在步骤S12中,获取菜单的尺寸。
在步骤S13中,比较菜单的尺寸和页边距。
在步骤S14中,根据比较结果,确定能完整显示菜单的位置,并显示菜单。
图2a是根据一示例性实施例示出的用户手指触摸显示屏的示意图。如图2a所示,用户手指触摸到当前显示页面21时,用户的触控操作在触控位置22处调出菜单。此时,需要获取触控位置22到当前显示页面21各边界的页边距,并获取菜单的尺寸,如菜单的宽度和高度。将菜单尺寸和触控位置22到当前显示页面21各边界的页边距进行比较,确定在当前显示页面21上能够完整显示菜单的位置,并在该位置上显示菜单。
图2b是根据一示例性实施例示出的图2a中触摸显示屏顺时针旋转90度后的示意图。如图2b所示,当显示屏幕发生顺时针旋转90度后,需要重新定义当前显示页面21’的各边界,原显示页面21的左边界变为当前显示页面21’的上边界,原显示页面21的上边界变为当前显示页面21’的右边界等。因此,用户的触控位置22’在当前显示页面21’中的位置也发生变化,需要重新计算触控位置22’到当前显示页面21’各边界的页边距。将菜单尺寸和触控位置22’到当前显示页面21’各边界的页边距进行比较,重新确定在当前显示页面21’上能够完整显示菜单的位置,并在该位置上显示菜单。
本实施例中,根据用户调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距及菜单的尺寸,判断在当前显示页面上能完整显示菜单的位置。这样,通过终端的自动计算在页面上完整显示菜单,无需人工操作,节约了人力成本,并且无论用户触控操作在页面上的任意位置,都可以完整的显示出菜单,菜单显示灵活。当屏幕发生旋转时,重新计算菜单的显示位置,使得始终可以在页面上显示完整的菜单。用户对页面显示的体验度较高。
可选的,菜单的尺寸可以根据菜单的内容,如图片、文字等,预先计算出来并在本地进行存储,也可以在每次调出菜单时实时计算出来。
可选的,在步骤S11中,可以将触控位置看作一个点,也可以将触控位置看作一个矩形区域。
在可选方案中,可能在页面将用户的触控位置显示为一个圆形,如图2a和图2b所示,触控位置也可以显示为其他形状。但是,实际计算菜单显示位置时,会以一个点或一个矩形区域作为该触控位置来计算触控位置距离当前显示页面各边界的页边距。这样,使得页边距的计算更加方便、准确。
当所述触控位置为点时,获取所述点距离所述当前显示页面各边界的页边距;当所述触控位置为矩形区域时,获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点。
图3是根据一示例性实施例示出的触控位置与当前显示页面各边界的页边距的示意图。如图3所示,可以以当前显示页面的左上顶点为原点构建坐标系,沿当前显示页面的宽度方向为X轴,沿当前显示页面的高度方向为Y轴。步骤S11包括:当触控位置为点32时,获取点32距离当前显示页面31各边界的页边距。
点32的坐标为(500,400),当前显示页面41的宽度为1700,高度为1300。点32到当前显示页面31上边界的页边距为400,到当前显示页面31下边界的页边距为900,到当前显示页面31左边界的页边距为500,到当前显示页面31右边界的页边距为1200。
图4a是根据一示例性实施例示出的触控位置与当前显示页面各边界的页边距的示意图。如图4a所示,步骤S11包括:当触控位置为矩形区域42时,获取矩形区域42的关键点坐标以及矩形区域的尺寸,根据矩形区域42的关键点坐标和尺寸获取矩形区域42距离当前显示页面41各边的页边距;其中,关键点为矩形区域设定点,如矩形区域的中心点或一个顶点。
当关键点为中心点时,矩形区域42的中心点的坐标为(500,400);矩形区域42的高度为10,宽度为30;当前显示页面41的宽度为1700,高度为1300。矩形区域42到当前显示页面41上边界的页边距为400-10/2=395,到当前显示页面41下边界的页边距为900-10/2=895,到当前显示页面41左边界的页边距为500-30/2=485,到当前显示页面41右边界的页边距为1200-30/2=1185。
当关键点为一个顶点时,如左上顶点,矩形区域42的左上顶点的坐标为(500,400);矩形区域42的高度为10,宽度为30;当前显示页面41的宽度为1700,高度为1300。矩形区域42到当前显示页面41上边界的页边距为400,到当前显示页面41下边界的页边距为900-10=890,到当前显示页面41左边界的页边距为500,到当前显示页面41右边界的页边距为1200-30=1170。
当触控位置为矩形区域时,计算矩形区域距离当前显示页面各边的页边距需要将矩形区域的尺寸考虑在内。
如图4a所示,触控位置距离当前显示页面各边的页边距包括:
获取触控位置到当前显示页面上边界的第一页边距431;
获取触控位置到当前显示页面下边界的第二页边距432;
获取触控位置到当前显示页面左边界的第三页边距433;
获取触控位置到当前显示页面右边界的第四页边距434。
图5a和图5b是根据一示例性实施例示出的显示区域的示意图。
可选的,如图5a和5b所示,本实施例的方法还包括:
以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域51、第二显示区域52、第三显示区域53和第四显示区域54;
其中,所述第一显示区域51为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距431;
所述第二显示区域52为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距432;
所述第三显示区域53为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距433;
所述第四显示区域54为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距434。
在可选方案中,根据触控位置距离当前显示页面各边界的页边距将当前显示页面划分显示区域,便于后续判断究竟在哪个区域中可以完整的显示菜单。
可选的,在步骤S14中,确定显示菜单的位置的方式可以包括:
当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
结合图4a和图5a,将菜单高度与第一页边距431或第二页边距432进行比较,当菜单的高度小于或等于第一页边距431时,如图7a所示,则菜单71可以在第一显示区域51内完整显示,同时,可以显示菜单71指向触控位置42的箭头72。或者,当菜单高度大于第一页边距431,但小于或等于第二页边距432时,如图7b所示,则菜单71可以在第二显示区域52内完整显示。
可选的,当所述比较结果指示所述菜单的高度大于所述第一页边距且大于所述第二页边距时,在所述第三显示区域或第四显示区域显示所述菜单。
可选的,在确定菜单在第一显示区域或第二显示区域完整显示后,还可以进一步确定菜单在第一显示区域或第二显示区域中的具体显示位置。在步骤S14中,当所述触控位置为点时,确定显示菜单的位置的方式可以还包括:当所述比较结果指示所述菜单的宽度的一半大于所述第三页边距时,进一步将所述菜单的一部分显示在所述第三显示区域中,并将所述菜单的另一部分显示在所述第四显示区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第四页边距时,进一步将所述菜单的一部分显示在所述第四显示区域中,并将所述菜单的另一部分显示在所述第三显示区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第三页边距又大于所述第四页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,在步骤S14中,当所述触控位置为矩形区域时,确定显示菜单的位置的方式可以还包括:根据所述触控位置的垂直中线将所述第一显示区域或第二显示区域划分为左子区域、右子区域,获取所述垂直中线与所述当前显示页面左、右边界的第五页边距和第六页边距;
当所述比较结果指示所述菜单的宽度的一半大于所述第五页边距时,进一步将所述菜单的一部分显示在所述左子区域中,并将所述菜单的另一部分显示在所述右子区域中;
当所述比较结果指示所述菜单的宽度的一半大于所述第六页边距时,进一步将所述菜单的一部分显示在所述右子区域中,并将所述菜单的另一部分显示在所述左子区域中;
当所述比较结果指示所述菜单的宽度的一半既大于所述第五页边距又大于所述第六页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
图4b是根据另一示例性实施例示出的触控位置与当前显示页面各边界的页边距的示意图。如图4b所示,触控位置的垂直中线44与当前显示页面上左边界的距离为第五页边距435;
触控位置的垂直中线44与当前显示页面右边界的距离为第六页边距436;
触控位置的水平中线45与当前显示页面上边界的距离为第七页边距437;
触控位置的水平中线45与当前显示页面下边界的距离为第八页边距438。
图6a和图6b是根据一示例性实施例示出的显示区域的子区域的示意图。
结合图4b、图5a和图6a,根据触控位置的垂直中线将第一显示区域51划分为左侧的第一子区域511和右侧的第二子区域512,将第二显示区域52划分为第三子区域521和第四子区域522。获取垂直中线与当前显示页面左边界的第五页边距435、垂直中线与当前显示页面右边界的第六页边距436。
以菜单可以在第一显示区域51中完整显示为例,当菜单宽度的一半小于或等于第五页边距435和第六页边距436时,如图7c所示,可以在第一显示区域51的两个子区域511和512中分别显示菜单71的一半。当菜单宽度的一半大于第五页边距435,如图7d所示,则可使得菜单占满第一子区域511,菜单剩下的部分在第二子区域512中显示。当菜单宽度的一半大于第六页边距436,如图7e所示,则可使得菜单占满第二子区域512,菜单剩下的部分在第一子区域511中显示。
结合图4a、图5a和图5b,当第一页边距431和第二页边距432均小于菜单高度时,即菜单无法在第一显示区域51和第二显示区域52内完整显示时,则菜单只能在第三显示区域53或第四显示区域54内显示。这时,需要根据第三页边距433和第四页边距434确定在第三显示区域53或第四显示区域54完整显示菜单。
当菜单的宽度小于或等于第三页边距433时,如图7f所示,则菜单可以在第三显示区域53内完整显示;或者,当菜单宽度大于第三页边距433,但小于或等于第四页边距434时,如图7g所示,则菜单可以在第四显示区域54内完整显示。
在可选方案中,通过首先判断菜单是否能完整显示在第一或第二显示区域,如果菜单不能在第一或第二显示区域完整显示时,再判断菜单是否能完整显示在第三或第四显示区域。当菜单能完整显示在第一或第二显示区域时,可以进一步确定菜单在第一显示区域或第二显示区域中的具体显示位置。这样,使得菜单的显示更加准确,显示效果更好。
可选的,在步骤S14中,确定显示菜单的位置的另一种方式可以包括:
当所述比较结果指示所述菜单的宽度小于等于所述第三页边距且大于所述第四页边距时,在所述第三显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第三页边距且小于等于所述第四页边距时,在所述第四显示区域显示所述菜单。
结合图4a和图5b,在确定显示菜单的位置的方式中,首先将菜单宽度与第三页边距433或第四页边距434比较,判断是在第三显示区域53还是在第四显示区域54中完整显示菜单。
将菜单宽度与第三页边距433或第四页边距434进行比较,当菜单的宽度小于或等于第三页边距433时,如图7f所示,则菜单可以在第三显示区域53内完整显示;或者,当菜单宽度大于第三页边距433,但小于或等于第四页边距434时,如图7g所示,则菜单可以在第四显示区域54内完整显示。
可选的,当所述比较结果指示所述菜单的高度大于所述第三页边距且大于所述第四页边距时,在所述第一显示区域或第二显示区域显示所述菜单。
可选的,在确定菜单在第三显示区域或第四显示区域完整显示后,还可以进一步确定菜单在第三显示区域或第四显示区域中的具体显示位置。在步骤S14中,当所述触控位置为点时,确定显示菜单的位置的方式可以还包括:当所述比较结果指示所述菜单的高度的一半大于所述第一页边距时,进一步将所述菜单的一部分显示在所述第一显示区域中,并将所述菜单的另一部分显示在所述第二显示区域中;
当所述比较结果指示所述菜单的高度的一半大于所述第二页边距时,进一步将所述菜单的一部分显示在所述第二显示区域中,并将所述菜单的另一部分显示在所述第一显示区域中;
当所述比较结果指示所述菜单的高度的一半既大于所述第一页边距又大于所述第二页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,在步骤S14中,当所述触控位置为矩形区域时,确定显示菜单的位置的方式可以还包括:
根据所述触控位置的水平中线将所述第三显示区域或第四显示区域划分为上子区域、下子区域,获取所述水平中线与所述当前显示页面上、下边界的第七页边距和第八页边距;
当所述比较结果指示所述菜单的高度的一半大于所述第七页边距时,进一步将所述菜单的一部分显示在所述上子区域中,并将所述菜单的另一部分显示在所述下子区域中;
当所述比较结果指示所述菜单的高度的一半大于所述第八页边距时,进一步将所述菜单的一部分显示在所述下子区域中,并将所述菜单的另一部分显示在所述上子区域中;
当所述比较结果指示所述菜单的高度的一半既大于所述第七页边距又大于所述第八页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
结合图4b、图5b和图6b,根据触控位置的水平中线将第三显示区域53划分为上侧的第五子区域531和下侧的第六子区域532,将第四显示区域54划分为第七子区域541和第八子区域542。获取水平中线与当前显示页面上边界的第七页边距437、水平中线与当前显示页面下边界的第八页边距438。
以菜单可以在第三显示区域53中完整显示为例,当菜单高度的一半小于或等于第七页边距437和第八页边距438时,如图7h所示,可以在第三显示区域53的两个子区域531和532中分别显示菜单的一半。当菜单高度的一半大于第六页边距436,如图7i所示,则可使得菜单占满第五子区域531,菜单剩下的部分在第六子区域532中显示。当菜单高度的一半大于第八页边距438,如图7j所示,则可使得菜单占满第六子区域532,菜单剩下的部分在第五子区域531中显示。
可选的,当所述第三页边距和第四页边距均小于所述菜单宽度时,根据所述第一页边距与所述菜单高度的比较结果、或者所述第二页边距与所述菜单高度的比较结果,判断在所述第一显示区域或所述第二显示区域完整显示所述菜单。
结合图4a、图5a和图5b,当第三页边距433和第四页边距434均小于菜单宽度时,即菜单无法在第三显示区域53和第四显示区域54内完整显示时,则菜单只能在第一显示区域51或第二显示区域52内显示。这时,需要根据第一页边距431和第二页边距432确定在第一显示区域51或第二显示区域52完整显示菜单。
在可选方案中,通过首先判断菜单是否能完整显示在第三或第四显示区域,如果菜单不能在第三或第四显示区域完整显示时,再判断菜单是否能完整显示在第一或第二显示区域。当菜单能完整显示在第三或第四显示区域时,可以进一步确定菜单在第三或第四显示区域中的具体显示位置。这样,使得菜单的显示更加准确,显示效果更好。
上述两种确定显示菜单的位置的方式,基本原理相同,只是判断顺序有差别,在实际应用时,可以选择任意一种方式来确定菜单的显示位置。
可选的,当在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏时,所述方法还包括:
接收用户在垂直方向上的滑动操作;
根据用户在垂直方向上的滑动操作,控制所述菜单在垂直方向上移动,显示隐藏的部分菜单。
当菜单的高度超过当前显示页面的高度时,菜单只能在第三显示区域或第四显示区域显示,但却无法完整显示,可以在当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。例如,如图7k所示,从当前显示页面的上边界一直到当前显示页面的下边界显示菜单,未显示出的菜单隐藏,用户可以通过向上滑动操作查看隐藏的菜单。
可选的,当在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏时,所述方法还包括:
接收用户在水平方向上的滑动操作;
根据用户在水平方向上的滑动操作,控制所述菜单在水平方向上移动,显示隐藏的部分菜单。
当菜单的宽度超过当前显示页面的宽度时,菜单只能在第一显示区域或第二显示区域显示,但却无法完整显示,可以在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。例如,如图7l所示,从当前显示页面的左边界一直到当前显示页面的右边界显示菜单,未显示出的菜单隐藏,用户可以通过向左滑动操作查看隐藏的菜单。
在可选方案中,当菜单的尺寸超出当前显示页面的尺寸时,可采用隐藏方式显示菜单,在保证菜单显示的完整性的同时,显示效果更好,并且用户查看菜单的操作简单,提高用户体验度。
以下分别对上述两种确定能完整显示所述菜单的位置的方式进行具体说明。
以图4a中的触控位置及当前显示页面为例,触控位置为矩形区域42,关键点为中心点时,矩形区域42的中心点的坐标为(500,400);矩形区域42的高度为10,宽度为30;当前显示页面41的宽度为1700,高度为1300。矩形区域42到当前显示页面41上边界的页边距为400-10/2=395,到当前显示页面41下边界的页边距为900-10/2=895,到当前显示页面41左边界的页边距为500-30/2=485,到当前显示页面41右边界的页边距为1200-30/2=1185。
示例一
图8是根据一示例性实施例示出的菜单显示方法的流程图。如图8所示,菜单显示方法包括以下步骤。
在步骤801中,获取触控位置与当前显示页面上、下、左、右四边界之间的距离:第一页边距D1=395,第二页边距D2=895,第三页边距D3=485,第四页边距D4=1185;
在步骤802中,获取菜单尺寸,菜单高度Hmenu=500,菜单宽度Lmenu=1100,Lmenu/2=550。
在步骤803中,比较D1和Hmenu,D1<Hmenu,菜单不能在第一显示区域内完整显示。
在步骤804中,比较D2和Hmenu,D2>Hmenu,菜单可以在第二显示区域内完整显示。
在步骤805中,根据触控位置的垂直中线将第二显示区域52划分为左侧的第三子区域521和右侧的第四子区域522,获取垂直中线与当前显示页面左边界的第五页边距D5=500、垂直中线与当前显示页面右边界的第六页边距D6=1200。
在步骤806中,比较D5和Lmenu/2,D5<Lmenu/2;比较D4和Lmenu/2,D4>Lmenu/2,如图9所示,使得菜单占满第三子区域521,菜单剩下的部分在第四子区域522中显示。
通过示例一步骤,使得菜单完整地在触控位置下方的第二显示区域显示。
示例二
图10是根据一示例性实施例示出的菜单显示方法的流程图。如图10所示,菜单显示方法包括以下步骤。
在步骤901中,获取触控位置与当前显示页面上、下、左、右四边界之间的距离:第一页边距D1=395,第二页边距D2=895,第三页边距D3=485,第四页边距D4=1185;
在步骤902中,获取菜单尺寸,菜单高度Hmenu=500,Hmenu/2=250,菜单宽度Lmenu=1100。
在步骤903中,比较D3和Lmenu,D3<Lmenu,菜单不能在第三显示区域内完整显示。
在步骤904中,比较D4和Lmenu,D4>Lmenu,菜单可以在第四显示区域内完整显示。
在步骤905中,根据触控位置的水平中线将第四显示区域54划分为上侧的第七子区域541和下侧的第八子区域542,获取水中线与当前显示页面上边界的第七页边距D7=400、水中线与当前显示页面右边界的第八页边距D8=900。
在步骤905中,Hmenu/2<D7,且Hmenu/2<D8,如图11所示,可以在第七子区域541和第八子区域542中分别显示菜单的一半。
通过示例二步骤,使得菜单完整地在触控位置右侧的第四显示区域显示。
通过上述两个具体实例可以看出,在同一显示页面上相同的触控位置,采用不同的方式确定的菜单显示位置可能不同(菜单显示位置在触控位置下方或在触控位置右侧),但是,无论采用哪种方式,都能够保证菜单在页面上完整的进行显示。
图12是根据一示例性实施例示出的一种菜单显示装置框图。参照图12,该装置120包括第一获取模块121、第二获取模块122、比较模块123和菜单确定显示模块124。
第一获取模块121被配置为获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
第二获取模块122被配置为获取所述菜单的尺寸;
比较模块123被配置为比较所述菜单的尺寸和所述页边距;
菜单确定显示模块124被配置为根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单。
可选的,当所述触控位置为点时,所述第一获取模块121,用于获取所述点距离所述当前显示页面各边界的页边距;
当所述触控位置为矩形区域时,所述第一获取模块121,用于获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点。
图13是根据另一示例性实施例示出的一种菜单显示装置框图。可选的,如图13所示,该装置120还包括:
区域分割模块125,用于以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域、第二显示区域、第三显示区域和第四显示区域;
其中,所述第一显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距;
所述第二显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距;
所述第三显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距;
所述第四显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距。
图14是根据一示例性实施例示出的菜单确定显示模块框图。可选的,如图14所示,所述菜单确定显示模块124包括:
第一位置确定单元1241,用于当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
可选的,所述第一位置确定单元1241,还用于当所述比较结果指示所述菜单的高度大于所述第一页边距且大于所述第二页边距时,在所述第三显示区域或第四显示区域显示所述菜单。
可选的,当所述触控位置为点时,所述第一位置确定单元1241,还用于当所述比较结果指示所述菜单的宽度的一半大于所述第三页边距时,进一步将所述菜单的一部分显示在所述第三显示区域中,并将所述菜单的另一部分显示在所述第四显示区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第四页边距时,进一步将所述菜单的一部分显示在所述第四显示区域中,并将所述菜单的另一部分显示在所述第三显示区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第三页边距又大于所述第四页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,如图14所示,当所述触控位置为矩形区域时,所述菜单确定显示模块124还包括:
第一区域划分单元1242,用于根据所述触控位置的垂直中线将所述第一显示区域或第二显示区域划分为左子区域、右子区域,获取所述垂直中线与所述当前显示页面左、右边界的第五页边距和第六页边距;
所述第一位置确定单元1241,还用于当所述比较结果指示所述菜单的宽度的一半大于所述第五页边距时,进一步将所述菜单的一部分显示在所述左子区域中,并将所述菜单的另一部分显示在所述右子区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第六页边距时,进一步将所述菜单的一部分显示在所述右子区域中,并将所述菜单的另一部分显示在所述左子区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第五页边距又大于所述第六页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
图15是根据另一示例性实施例示出的一种菜单显示装置框图。可选的,如图15所示,所述装置120还包括:
第一接收模块126,用于接收用户在水平方向上的滑动操作;
第一菜单控制模块127,用于根据用户在水平方向上的滑动操作,控制所述菜单在水平方向上移动,显示隐藏的部分菜单。
图16是根据另一示例性实施例示出的菜单确定显示模块框图。可选的,如图16所示,所述菜单确定显示模块124包括:
第二位置确定单元1243,用于当所述比较结果指示所述菜单的宽度小于等于所述第三页边距且大于所述第四页边距时,在所述第三显示区域显示所述菜单;当所述比较结果指示所述菜单的高度大于所述第三页边距且小于等于所述第四页边距时,在所述第四显示区域显示所述菜单。
可选的,所述第二位置确定单元1243,还用于当所述比较结果指示所述菜单的高度大于所述第三页边距且大于所述第四页边距时,在所述第一显示区域或第二显示区域显示所述菜单。
可选的,所述第二位置确定单元1243,还用于当所述比较结果指示所述菜单的高度的一半大于所述第一页边距时,进一步将所述菜单的一部分显示在所述第一显示区域中,并将所述菜单的另一部分显示在所述第二显示区域中;当所述比较结果指示所述菜单的高度的一半大于所述第二页边距时,进一步将所述菜单的一部分显示在所述第二显示区域中,并将所述菜单的另一部分显示在所述第一显示区域中;当所述比较结果指示所述菜单的高度的一半既大于所述第一页边距又大于所述第二页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
可选的,如图16所示,所述菜单确定显示模块124还包括:
第二区域划分单元1244,用于根据所述触控位置的水平中线将所述第三显示区域或第四显示区域划分为上子区域、下子区域,获取所述水平中线与所述当前显示页面上、下边界的第七页边距和第八页边距;
所述第二位置确定单元1243,还用于当所述比较结果指示所述菜单的高度的一半大于所述第七页边距时,进一步将所述菜单的一部分显示在所述上子区域中,并将所述菜单的另一部分显示在所述下子区域中;当所述比较结果指示所述菜单的高度的一半大于所述第八页边距时,进一步将所述菜单的一部分显示在所述下子区域中,并将所述菜单的另一部分显示在所述上子区域中;当所述比较结果指示所述菜单的高度的一半既大于所述第七页边距又大于所述第八页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
图17是根据一示例性实施例示出的一种菜单显示装置框图。可选的,如图17所示,所述装置120还包括:
第二接收模块128,用于接收用户在垂直方向上的滑动操作;
第二菜单控制模块129,用于根据用户在垂直方向上的滑动操作,控制所述菜单在垂直方向上移动,显示隐藏的部分菜单。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图18是根据一示例性实施例示出的一种用于菜单显示的装置1300的框图。例如,装置1300可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图13,装置1300可以包括以下一个或多个组件:处理组件1302,存储器1304,电源组件1306,多媒体组件1308,音频组件1310,输入/输出(I/O)的接口1312,传感器组件1314,以及通信组件1316。
处理组件1302通常控制装置1300的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理组件1302可以包括一个或多个处理器1320来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件1302可以包括一个或多个模块,便于处理组件1302和其他组件之间的交互。例如,处理部件1302可以包括多媒体模块,以方便多媒体组件1308和处理组件1302之间的交互。
存储器1304被配置为存储各种类型的数据以支持在设备1300的操作。这些数据的示例包括用于在装置1300上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器1304可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电力组件1306为装置1300的各种组件提供电力。电力组件1306可以包括电源管理***,一个或多个电源,及其他与为装置1300生成、管理和分配电力相关联的组件。
多媒体组件1308包括在所述装置1300和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件1308包括一个前置摄像头和/或后置摄像头。当设备1300处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜***或具有焦距和光学变焦能力。
音频组件1310被配置为输出和/或输入音频信号。例如,音频组件1310包括一个麦克风(MIC),当装置1300处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1304或经由通信组件1316发送。在一些实施例中,音频组件1310还包括一个扬声器,用于输出音频信号。
I/O接口1312为处理组件1302和***接口模块之间提供接口,上述***接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件1314包括一个或多个传感器,用于为装置1300提供各个方面的状态评估。例如,传感器组件1314可以检测到设备1300的打开/关闭状态,组件的相对定位,例如所述组件为装置1300的显示器和小键盘,传感器组件1314还可以检测装置1300或装置1300一个组件的位置改变,用户与装置1300接触的存在或不存在,装置1300方位或加速/减速和装置1300的温度变化。传感器组件1314可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1314还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件1314还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件1316被配置为便于装置1300和其他设备之间有线或无线方式的通信。装置1300可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信部件1316经由广播信道接收来自外部广播管理***的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件1316还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置1300可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器1304,上述指令可由装置1300的处理器1320执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (22)

1.一种菜单显示方法,其特征在于,包括:
获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
获取所述菜单的尺寸;
比较所述菜单的尺寸和所述页边距;
根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单;
所述方法还包括:
以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域、第二显示区域、第三显示区域和第四显示区域;
其中,所述第一显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距;
所述第二显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距;
所述第三显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距;
所述第四显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距;
所述获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距,包括:
当所述触控位置为点时,获取所述点距离所述当前显示页面各边界的页边距;
当所述触控位置为矩形区域时,获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点;
所述根据所述比较结果,确定能完整显示所述菜单的位置,包括:
当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:当所述比较结果指示所述菜单的高度大于所述第一页边距且大于所述第二页边距时,在所述第三显示区域或第四显示区域显示所述菜单。
3.根据权利要求1所述的方法,其特征在于,当所述触控位置为点时,所述方法还包括:
当所述比较结果指示所述菜单的宽度的一半大于所述第三页边距时,进一步将所述菜单的一部分显示在所述第三显示区域中,并将所述菜单的另一部分显示在所述第四显示区域中;
当所述比较结果指示所述菜单的宽度的一半大于所述第四页边距时,进一步将所述菜单的一部分显示在所述第四显示区域中,并将所述菜单的另一部分显示在所述第三显示区域中;
当所述比较结果指示所述菜单的宽度的一半既大于所述第三页边距又大于所述第四页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
4.根据权利要求1所述的方法,其特征在于,当所述触控位置为矩形区域时,所述方法还包括:
根据所述触控位置的垂直中线将所述第一显示区域或第二显示区域划分为左子区域、右子区域,获取所述垂直中线与所述当前显示页面左、右边界的第五页边距和第六页边距;
当所述比较结果指示所述菜单的宽度的一半大于所述第五页边距时,进一步将所述菜单的一部分显示在所述左子区域中,并将所述菜单的另一部分显示在所述右子区域中;
当所述比较结果指示所述菜单的宽度的一半大于所述第六页边距时,进一步将所述菜单的一部分显示在所述右子区域中,并将所述菜单的另一部分显示在所述左子区域中;
当所述比较结果指示所述菜单的宽度的一半既大于所述第五页边距又大于所述第六页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
5.根据权利要求3或4所述的方法,其特征在于,当在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏时,所述方法还包括:
接收用户在水平方向上的滑动操作;
根据用户在水平方向上的滑动操作,控制所述菜单在水平方向上移动,显示隐藏的部分菜单。
6.根据权利要求1所述的方法,其特征在于,所述根据所述比较结果,确定能完整显示所述菜单的位置,包括:
当所述比较结果指示所述菜单的宽度小于等于所述第三页边距且大于所述第四页边距时,在所述第三显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第三页边距且小于等于所述第四页边距时,在所述第四显示区域显示所述菜单。
7.根据权利要求6所述的方法,其特征在于,所述方法还包括:
当所述比较结果指示所述菜单的高度大于所述第三页边距且大于所述第四页边距时,在所述第一显示区域或第二显示区域显示所述菜单。
8.根据权利要求6所述的方法,其特征在于,当所述触控位置为点时,所述方法还包括:
当所述比较结果指示所述菜单的高度的一半大于所述第一页边距时,进一步将所述菜单的一部分显示在所述第一显示区域中,并将所述菜单的另一部分显示在所述第二显示区域中;
当所述比较结果指示所述菜单的高度的一半大于所述第二页边距时,进一步将所述菜单的一部分显示在所述第二显示区域中,并将所述菜单的另一部分显示在所述第一显示区域中;
当所述比较结果指示所述菜单的高度的一半既大于所述第一页边距又大于所述第二页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
9.根据权利要求6所述的方法,其特征在于,当所述触控位置为矩形区域时,所述方法还包括:
根据所述触控位置的水平中线将所述第三显示区域或第四显示区域划分为上子区域、下子区域,获取所述水平中线与所述当前显示页面上、下边界的第七页边距和第八页边距;
当所述比较结果指示所述菜单的高度的一半大于所述第七页边距时,进一步将所述菜单的一部分显示在所述上子区域中,并将所述菜单的另一部分显示在所述下子区域中;
当所述比较结果指示所述菜单的高度的一半大于所述第八页边距时,进一步将所述菜单的一部分显示在所述下子区域中,并将所述菜单的另一部分显示在所述上子区域中;
当所述比较结果指示所述菜单的高度的一半既大于所述第七页边距又大于所述第八页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
10.根据权利要求8或9所述的方法,其特征在于,当在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏时,所述方法还包括:
接收用户在垂直方向上的滑动操作;
根据用户在垂直方向上的滑动操作,控制所述菜单在垂直方向上移动,显示隐藏的部分菜单。
11.一种菜单显示装置,其特征在于,包括:
第一获取模块,用于获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
第二获取模块,用于获取所述菜单的尺寸;
比较模块,用于比较所述菜单的尺寸和所述页边距;
菜单确定显示模块,用于根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单;
所述装置还包括:
区域分割模块,用于以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域、第二显示区域、第三显示区域和第四显示区域;
其中,所述第一显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距;
所述第二显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距;
所述第三显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距;
所述第四显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距;
当所述触控位置为点时,所述第一获取模块,用于获取所述点距离所述当前显示页面各边界的页边距;
当所述触控位置为矩形区域时,所述第一获取模块,用于获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点;
所述菜单确定显示模块包括:
第一位置确定单元,用于当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
12.根据权利要求11所述的装置,其特征在于,所述第一位置确定单元,还用于当所述比较结果指示所述菜单的高度大于所述第一页边距且大于所述第二页边距时,在所述第三显示区域或第四显示区域显示所述菜单。
13.根据权利要求11所述的装置,其特征在于,当所述触控位置为点时,所述第一位置确定单元,还用于当所述比较结果指示所述菜单的宽度的一半大于所述第三页边距时,进一步将所述菜单的一部分显示在所述第三显示区域中,并将所述菜单的另一部分显示在所述第四显示区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第四页边距时,进一步将所述菜单的一部分显示在所述第四显示区域中,并将所述菜单的另一部分显示在所述第三显示区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第三页边距又大于所述第四页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
14.根据权利要求11所述的装置,其特征在于,当所述触控位置为矩形区域时,所述菜单确定显示模块还包括:
第一区域划分单元,用于根据所述触控位置的垂直中线将所述第一显示区域或第二显示区域划分为左子区域、右子区域,获取所述垂直中线与所述当前显示页面左、右边界的第五页边距和第六页边距;
所述第一位置确定单元,还用于当所述比较结果指示所述菜单的宽度的一半大于所述第五页边距时,进一步将所述菜单的一部分显示在所述左子区域中,并将所述菜单的另一部分显示在所述右子区域中;当所述比较结果指示所述菜单的宽度的一半大于所述第六页边距时,进一步将所述菜单的一部分显示在所述右子区域中,并将所述菜单的另一部分显示在所述左子区域中;当所述比较结果指示所述菜单的宽度的一半既大于所述第五页边距又大于所述第六页边距时,在所述当前显示页面的宽度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
15.根据权利要求13或14所述的装置,其特征在于,所述装置还包括:
第一接收模块,用于接收用户在水平方向上的滑动操作;
第一菜单控制模块,用于根据用户在水平方向上的滑动操作,控制所述菜单在水平方向上移动,显示隐藏的部分菜单。
16.根据权利要求11所述的装置,其特征在于,所述菜单确定显示模块包括:
第二位置确定单元,用于当所述比较结果指示所述菜单的宽度小于等于所述第三页边距且大于所述第四页边距时,在所述第三显示区域显示所述菜单;当所述比较结果指示所述菜单的高度大于所述第三页边距且小于等于所述第四页边距时,在所述第四显示区域显示所述菜单。
17.根据权利要求16所述的装置,其特征在于,所述第二位置确定单元,还用于当所述比较结果指示所述菜单的高度大于所述第三页边距且大于所述第四页边距时,在所述第一显示区域或第二显示区域显示所述菜单。
18.根据权利要求16所述的装置,其特征在于,所述第二位置确定单元,还用于当所述比较结果指示所述菜单的高度的一半大于所述第一页边距时,进一步将所述菜单的一部分显示在所述第一显示区域中,并将所述菜单的另一部分显示在所述第二显示区域中;当所述比较结果指示所述菜单的高度的一半大于所述第二页边距时,进一步将所述菜单的一部分显示在所述第二显示区域中,并将所述菜单的另一部分显示在所述第一显示区域中;当所述比较结果指示所述菜单的高度的一半既大于所述第一页边距又大于所述第二页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
19.根据权利要求16所述的装置,其特征在于,所述菜单确定显示模块还包括:
第二区域划分单元,用于根据所述触控位置的水平中线将所述第三显示区域或第四显示区域划分为上子区域、下子区域,获取所述水平中线与所述当前显示页面上、下边界的第七页边距和第八页边距;
所述第二位置确定单元,还用于当所述比较结果指示所述菜单的高度的一半大于所述第七页边距时,进一步将所述菜单的一部分显示在所述上子区域中,并将所述菜单的另一部分显示在所述下子区域中;当所述比较结果指示所述菜单的高度的一半大于所述第八页边距时,进一步将所述菜单的一部分显示在所述下子区域中,并将所述菜单的另一部分显示在所述上子区域中;当所述比较结果指示所述菜单的高度的一半既大于所述第七页边距又大于所述第八页边距时,在所述当前显示页面的高度内显示所述菜单的一部分,将所述菜单的另一部分隐藏。
20.根据权利要求18或19所述的装置,其特征在于,所述装置还包括:
第二接收模块,用于接收用户在垂直方向上的滑动操作;
第二菜单控制模块,用于根据用户在垂直方向上的滑动操作,控制所述菜单在垂直方向上移动,显示隐藏的部分菜单。
21.一种菜单显示装置,其特征在于,包括:
处理器;
用于存储处理器可执行指令的存储器;
其中,所述处理器被配置为:
获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距;
获取所述菜单的尺寸;
比较所述菜单的尺寸和所述页边距;
根据所述比较结果,确定能完整显示所述菜单的位置,并显示所述菜单;
以所述触控位置为分割位置,将所述当前显示页面设置为第一显示区域、第二显示区域、第三显示区域和第四显示区域;
其中,所述第一显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面上边界的第一页边距;
所述第二显示区域为矩形区域、且其高度为所述触控位置到所述当前显示页面下边界的第二页边距;
所述第三显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面左边界的第三页边距;
所述第四显示区域为矩形区域、且其宽度为所述触控位置到所述当前显示页面右边界的第四页边距;
所述获取调出菜单的触控操作对应的触控位置距离当前显示页面各边界的页边距,包括:
当所述触控位置为点时,获取所述点距离所述当前显示页面各边界的页边距;
当所述触控位置为矩形区域时,获取所述矩形区域的关键点坐标以及所述矩形区域的尺寸,根据所述矩形区域的关键点坐标和尺寸获取所述矩形区域距离所述当前显示页面各边界的页边距;其中,所述关键点为所述矩形区域的设定点;
所述根据所述比较结果,确定能完整显示所述菜单的位置,包括:
当所述比较结果指示所述菜单的高度小于等于所述第一页边距且大于所述第二页边距时,在所述第一显示区域显示所述菜单;
当所述比较结果指示所述菜单的高度大于所述第一页边距且小于等于所述第二页边距时,在所述第二显示区域显示所述菜单。
22.一种计算机可读存储介质,其上存储有计算机指令,其特征在于,所述指令被处理器执行时实现权利要求1至10中任一项所述方法的步骤。
CN201410189146.5A 2014-05-06 2014-05-06 菜单显示方法及装置 Active CN103984476B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410189146.5A CN103984476B (zh) 2014-05-06 2014-05-06 菜单显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410189146.5A CN103984476B (zh) 2014-05-06 2014-05-06 菜单显示方法及装置

Publications (2)

Publication Number Publication Date
CN103984476A CN103984476A (zh) 2014-08-13
CN103984476B true CN103984476B (zh) 2018-03-09

Family

ID=51276474

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410189146.5A Active CN103984476B (zh) 2014-05-06 2014-05-06 菜单显示方法及装置

Country Status (1)

Country Link
CN (1) CN103984476B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106383680A (zh) * 2016-09-08 2017-02-08 广州视睿电子科技有限公司 基于扩屏的显示方法和显示装置
CN109032455B (zh) * 2017-06-08 2021-10-22 深圳市道通智能航空技术股份有限公司 一种菜单显示的方法和装置
CN107688428B (zh) * 2017-08-31 2020-05-01 平安科技(深圳)有限公司 显示界面控制方法及服务器
CN108519844B (zh) * 2018-04-18 2020-06-16 网易(杭州)网络有限公司 菜单显示方法和装置、存储介质、处理器及终端

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102207868A (zh) * 2011-06-01 2011-10-05 奇智软件(北京)有限公司 一种菜单显示方法
CN103558929A (zh) * 2013-11-25 2014-02-05 陈标 一种在触控屏上实现鼠标左右键事件及多目标操作方法
CN103729109A (zh) * 2013-12-17 2014-04-16 宇龙计算机通信科技(深圳)有限公司 一种界面显示方法和终端

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102207868A (zh) * 2011-06-01 2011-10-05 奇智软件(北京)有限公司 一种菜单显示方法
CN103558929A (zh) * 2013-11-25 2014-02-05 陈标 一种在触控屏上实现鼠标左右键事件及多目标操作方法
CN103729109A (zh) * 2013-12-17 2014-04-16 宇龙计算机通信科技(深圳)有限公司 一种界面显示方法和终端

Also Published As

Publication number Publication date
CN103984476A (zh) 2014-08-13

Similar Documents

Publication Publication Date Title
CN104243819B (zh) 照片获取方法及装置
EP3147826A1 (en) Method and apparatus for controlling electronic device
CN105069786B (zh) 直线检测方法及装置
US10025393B2 (en) Button operation processing method in single-hand mode
CN105117033B (zh) 外接设备的连接方法及装置
CN104238912B (zh) 应用控制方法及装置
CN106951884A (zh) 采集指纹的方法、装置及电子设备
CN105138962A (zh) 图像显示方法及装置
CN104238911B (zh) 加载图标显示方法和装置
CN107515715A (zh) 屏幕截图方法、装置及存储介质
CN107155060A (zh) 图像处理方法及装置
CN103927080A (zh) 控制控件操作的方法和装置
CN104077585B (zh) 图像校正方法、装置及终端
CN104484858B (zh) 人物图像处理方法及装置
CN104182967B (zh) 图像处理方法、装置及终端
CN104503888A (zh) 告警提示的方法及装置
CN107515669A (zh) 显示方法及装置
CN106056117A (zh) 矩形物体的图像处理方法及装置
CN104867112B (zh) 照片处理方法及装置
CN106598429A (zh) 移动终端的窗口调整方法及装置
CN103984476B (zh) 菜单显示方法及装置
CN107967459A (zh) 卷积处理方法、装置及存储介质
CN104461283A (zh) 网络视图的截图方法及装置、电子设备
CN107704190A (zh) 手势识别方法、装置、终端及存储介质
CN105138956A (zh) 人脸检测方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant