CN111857456B - 图标显示方法和电子设备 - Google Patents
图标显示方法和电子设备 Download PDFInfo
- Publication number
- CN111857456B CN111857456B CN202010557465.2A CN202010557465A CN111857456B CN 111857456 B CN111857456 B CN 111857456B CN 202010557465 A CN202010557465 A CN 202010557465A CN 111857456 B CN111857456 B CN 111857456B
- Authority
- CN
- China
- Prior art keywords
- icons
- type
- icon
- virtual plane
- size
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种图标显示方法和电子设备。该方法包括:设定虚拟平面;将屏幕映射在虚拟平面内;将用户对图标界面的操作等效为屏幕在虚拟平面内的运动;确定在虚拟平面内中心坐标落入第一区域的图标以及中心坐标落入第二区域的图标,其中,在虚拟平面内中心坐标落入第一区域的图标作为第一类图标,在虚拟平面内中心坐标落入第二区域的图标作为第二类图标;确定图标界面的实际显示图像,其中,在虚拟平面内第一类图标和第二类图标在屏幕中的位置与其各自在实际显示图像中的位置相同,在实际显示图像内第一类图标的尺寸大于第二类图标的尺寸。采用该方法可实现图标的动态缩放。
Description
技术领域
本申请属于图像处理技术领域,具体涉及一种图标显示方法和电子设备。
背景技术
对于像智能手表等可穿戴电子设备,图标的尺寸通常是固定的。显示效果较为单一。
发明内容
本申请的目的在于针对现有技术的不足之处,提供一种图标显示方法和电子设备。
为解决上述技术问题,本申请采用如下技术方案。
本申请的实施例提供一种图标显示方法,包括:设定虚拟平面,其中,多个图标在所述虚拟平面中均匀分布;将屏幕映射在所述虚拟平面内,其中,在所述虚拟平面内所述屏幕的形状和尺寸与其真实形状和尺寸相同,所述多个图标的尺寸与其原始尺寸相等,所述屏幕划分有位于其中部的第一区域以及环绕所述第一区域的第二区域;将用户对图标界面的操作等效为所述屏幕在所述虚拟平面内的运动;确定在所述虚拟平面内中心坐标落入所述第一区域的图标以及中心坐标落入所述第二区域的图标,其中,在所述虚拟平面内中心坐标落入所述第一区域的图标作为第一类图标,在所述虚拟平面内中心坐标落入所述第二区域的图标作为第二类图标;确定所述图标界面的实际显示图像,其中,在所述虚拟平面内所述第一类图标和所述第二类图标在所述屏幕中的位置与其各自在所述实际显示图像中的位置相同,在所述实际显示图像内所述第一类图标的尺寸大于所述第二类图标的尺寸。
可选地,在所述实际显示图像内所述第一类图标的尺寸为其原始尺寸,在所述实际显示图像内所述第二类图标的尺寸小于其原始尺寸。
可选地,所述多个图标在所述虚拟平面阵列式分布或者呈同心圆式分布。
可选地,将用户对所述图标界面的操作等效为所述屏幕在所述虚拟平面内的反向运动,包括:将用户对所述图标界面的拖动操作等效为所述屏幕在所述虚拟平面内沿相反方向的移动,和/或,将用于对所述图标界面的转动操作等效为所述屏幕在所述虚拟平面内沿相反方向的转动。
可选地,在所述实际显示图像内所述第二类图标的尺寸根据其距离所述实际显示图像的中心的距离确定,其中,对于任意两个第二类图标,与所述实际显示图像的中心距离更大的第二图标的尺寸小于或等于与所述实际显示图像的中心距更小的第二类图标的尺寸,与所述实际显示图像的中心距离最大的第二图标的尺寸小于与所述实际显示图像的中心距最小的第二类图标的尺寸。
可选地,在所述实际显示图像中所述第二类图标的尺寸与其中心坐标与所述实际显示图像中心的距离呈线性关系。
可选地,所述屏幕还划分有环绕所述第二区域的第三区域,在所述虚拟平面内中心坐标落入所述第三区域的图标作为第三类图标,在所述实际显示图像中,所述第三类图标不显示。
可选地,确定实际显示图像,还包括:将所述第一类图标和所述第二类图标叠加在背景图像上。
可选地,所述第一区域的边界的形状以及所述第二区域的边界的形状与所述屏幕的形状相同。
本申请的实施例提供一种电子设备,包括存储器和处理器,所述存储器存储指令,所述指令在所述处理器运行时执行上述的方法。
可选地,所述电子设备为可穿戴电子设备。
与现有技术相比,本申请的有益效果为:根据用户对图标界面的操作,可以实时动态地确定出需要显示的图标中哪些图标是第一类图标,需要显示的图标中哪些图标是第二类图标,进而能够实时地缩短第二类图标在实际显示图像中的尺寸,达到动态图标缩放的效果。除此之外,图标界面移动的轨迹是不做限定的,也就是这些图标在屏幕中的坐标位置的移动轨迹是没有限定的。图标界面的操作更加灵活。
附图说明
图1是本申请的实施例提供的图标显示方法的流程图。
图2是本申请的一个例子中虚拟平面内的图像。
图3是对应图2所示虚拟平面内图像的实际显示图像。
图4是本申请的一个例子中虚拟平面内的图像。
图5是对应图4所示虚拟平面内图像的实际显示图像。
图6是本申请实施例的电子设备的框图。
其中附图标记为:11、第一类图标;12、第二类图标;13、第三类图标;a1、第一区域;a2、第二区域;a3、第三区域;100、存储器;200、处理器。
具体实施方式
在本申请中,应理解,诸如“包括”或“具有”等术语旨在指示本说明书中所公开的特征、数字、步骤、行为、部件、部分或其组合的存在,并且不旨在排除一个或多个其他特征、数字、步骤、行为、部件、部分或其组合存在的可能性。
另外还需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
下面结合附图所示的实施例对本申请作进一步说明。
如附图1所示,本申请的实施例提供一种图标显示方法,包括以下步骤。
步骤S1、设定虚拟平面,其中,多个图标在所述虚拟平面中均匀分布。
步骤S2、将屏幕映射在所述虚拟平面内,其中,在所述虚拟平面内所述屏幕的形状和尺寸与其真实形状和尺寸相同,所述多个图标的尺寸与其原始尺寸相等,所述屏幕划分有位于其中部的第一区域a1以及环绕所述第一区域a1的第二区域a2。
步骤S3、将用户对图标界面的操作等效为所述屏幕在所述虚拟平面内的运动。
步骤S4、确定在所述虚拟平面内中心坐标落入所述第一区域a1的图标以及中心坐标落入所述第二区域a2的图标,其中,在所述虚拟平面内中心坐标落入所述第一区域a1的图标作为第一类图标11,在所述虚拟平面内中心坐标落入所述第二区域a2的图标作为第二类图标12。
步骤S5、确定所述图标界面的实际显示图像,其中,在所述虚拟平面内所述第一类图标11和所述第二类图标12在所述屏幕中的位置与其各自在所述实际显示图像中的位置相同,在所述实际显示图像内所述第一类图标11的尺寸大于所述第二类图标12的尺寸。
对于像智能手表这样的可穿戴电子产品,通常屏幕尺寸较小,图标的数量较多。显示图标界面时,屏幕在同一时刻只能显示部分图标。本申请的实施例中,假定存在一个虚拟平面,大量的图标在虚拟平面上均匀分布。将屏幕映射在所述虚拟平面内,也就是在该虚拟平面内设置一个可以移动的图形,该图形的形状与屏幕的形状是相同的。用户对图标界面进行诸如拖动或转动的操作,等效为屏幕在虚拟平面内的运动。例如用户向右滑动图标界面,图标在实际显示图像里是向右移动的,等效为在虚拟平面内屏幕向左移动。又例如用户向右滑动图标界面,视为观察图标的窗口向右移动,图标在实际显示图像里是向左移动的,等效为在虚拟平面内屏幕向右移动。屏幕划分有中部的第一区域a1和外围的第二区域a2。在虚拟平面内可以确定当前哪些图标是落入第一区域a1的,那么最终显示图像中中心位置处的图标的尺寸相对较大。在虚拟平面内可以确定当前哪些图标是落入第二区域a2的,那么最终显示图像中相对靠外围的图标的尺寸相对较小。由于用户更关注中心区域的图标,所以这些图标的尺寸相对更大。如此即可实现动态图标缩放。而且用户对图标界面操作的轨迹是任意的,按照这种显示方法,在实际显示图像中图标的移动轨迹也是任意的。给用户的操作带来更大的自由度。
可选地,在所述实际显示图像内所述第一类图标11的尺寸为其原始尺寸,在所述实际显示图像内所述第二类图标12的尺寸小于其原始尺寸。
可选地,所述多个图标在所述虚拟平面阵列式分布或者呈同心圆式分布。例如图2和图4,多个图标在虚拟平面内是阵列式分布的。
可选地,将用户对所述图标界面的操作等效为所述屏幕在所述虚拟平面内的反向运动,包括:将用户对所述图标界面的拖动等效为所述屏幕在所述虚拟平面内沿相反方向的移动,和/或,将用于对所述图标界面的转动等效为所述屏幕在所述虚拟平面内沿相反方向的转动。
以智能手表为例,用户手指在智能手表屏幕上移动的距离与屏幕在虚拟平面内反向移动的距离可以是相等的。移动的方向可以是水平移动、垂直移动、倾斜移动、沿一个曲线移动等,并无限定。同理,转动的方向与轨迹也是根据用户操作灵活多样,并无限定。
参考图2,当前虚拟平面内第一区域a1内有9个图标,第二区域a2内有一环图标,那么在图3所示的最终显示图像里,中部有9个图标按照原始尺寸显示,外边一环图标的尺寸适当缩小。如图3所示,第二类图标12可以是仅排成一环。如图5所示,第二类图标12也可以是排成多环。第二类图标12的尺寸可以是相等的,也可以是不等的。
可选地,在所述实际显示图像内所述第二类图标12的尺寸根据其距离所述实际显示图像的中心的距离确定,其中,对于任意两个第二类图标12,与所述实际显示图像的中心距离更大的第二图标的尺寸小于或等于与所述实际显示图像的中心距更小的第二类图标12的尺寸,与所述实际显示图像的中心距离最大的第二图标的尺寸小于与所述实际显示图像的中心距最小的第二类图标12的尺寸。
即在实际显示图像中,第二类图标12的尺寸可以是相同的,也可以是距离屏幕中心越远尺寸越趋于减小。
可选地,在所述实际显示图像中所述第二类图标12的尺寸与其中心坐标与所述实际显示图像中心的距离呈线性关系。即实际显示图像中,第二类图标12的尺寸沿远离实际显示图像的中心的距离线性递减。
可选地,所述屏幕还划分有环绕所述第二区域a2的第三区域a3,在所述虚拟平面内中心坐标落入所述第三区域a3的图标作为第三类图标13,在所述实际显示图像中,所述第三类图标13不显示。
对于更外围的第三区域a3,由于其更靠近屏幕的边缘,显示的图标相对而言最不容易被用户关注,所以可以不进行显示。
可选地,确定实际显示图像,还包括:将所述第一类图标11和所述第二类图标12叠加在背景图像上。
对于有背景图像的情景,可以将背景图像作为底层图像,然后根据确定好的第二类图标12和第一类图标11的位置以及尺寸叠加在背景图像上。每一个图标单独处理,从而得到最终的实际显示图像。
可选地,所述第一区域a1的边界的形状以及所述第二区域a2的边界的形状与所述屏幕的形状相同。
例如参考图2和图3,屏幕是矩形的,那么第一区域a1和第二区域a2的边界也是矩形的。又例如参考图4和图5,屏幕是圆形的,那么第一区域a1和第二区域a2的边界也是圆形的。
基于相同的发明构思,本申请的实施例还提供一种电子设备,参考图6,包括存储器100和处理器200,所述存储器100存储指令,所述指令在所述处理器200运行时执行前述的方法。
可选地,所述电子设备为可穿戴电子设备。可穿戴电子设备的屏幕尺寸更小,图标更紧凑,更适用于上述动态图标缩放的显示方法。
本申请中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。
本申请的保护范围不限于上述的实施例,显然,本领域的技术人员可以对本申请进行各种改动和变形而不脱离本申请的范围和精神。倘若这些改动和变形属于本申请权利要求及其等同技术的范围,则本申请的意图也包含这些改动和变形在内。
Claims (11)
1.一种图标显示方法,其特征在于,包括:
设定虚拟平面,其中,多个图标在所述虚拟平面中均匀分布;
将屏幕映射在所述虚拟平面内,其中,在所述虚拟平面内所述屏幕的形状和尺寸与其真实形状和尺寸相同,所述多个图标的尺寸与其原始尺寸相等,所述屏幕划分有位于其中部的第一区域以及环绕所述第一区域的第二区域;
将用户对图标界面的操作等效为所述屏幕在所述虚拟平面内的运动;
确定在所述虚拟平面内中心坐标落入所述第一区域的图标以及中心坐标落入所述第二区域的图标,其中,在所述虚拟平面内中心坐标落入所述第一区域的图标作为第一类图标,在所述虚拟平面内中心坐标落入所述第二区域的图标作为第二类图标;
确定所述图标界面的实际显示图像,其中,在所述虚拟平面内所述第一类图标和所述第二类图标在所述屏幕中的位置与其各自在所述实际显示图像中的位置相同,在所述实际显示图像内所述第一类图标的尺寸大于所述第二类图标的尺寸。
2.根据权利要求1所述的方法,其特征在于,在所述实际显示图像内所述第一类图标的尺寸为其原始尺寸,在所述实际显示图像内所述第二类图标的尺寸小于其原始尺寸。
3.根据权利要求1所述的方法,其特征在于,所述多个图标在所述虚拟平面阵列式分布或者呈同心圆式分布。
4.根据权利要求1所述的方法,其特征在于,将用户对所述图标界面的操作等效为所述屏幕在所述虚拟平面内的运动,包括:将用户对所述图标界面的拖动操作等效为所述屏幕在所述虚拟平面内沿相反方向的移动,和/或,将用于对所述图标界面的转动操作等效为所述屏幕在所述虚拟平面内沿相反方向的转动。
5.根据权利要求1所述的方法,其特征在于,在所述实际显示图像内所述第二类图标的尺寸根据其距离所述实际显示图像的中心的距离确定,其中,对于任意两个第二类图标,与所述实际显示图像的中心距离更大的第二类图标的尺寸小于或等于与所述实际显示图像的中心距离更小的第二类图标的尺寸,与所述实际显示图像的中心距离最大的第二类图标的尺寸小于与所述实际显示图像的中心距离最小的第二类图标的尺寸。
6.根据权利要求5所述的方法,其特征在于,在所述实际显示图像中所述第二类图标的尺寸与其中心坐标与所述实际显示图像中心的距离呈线性关系。
7.根据权利要求1所述的方法,其特征在于,所述屏幕还划分有环绕所述第二区域的第三区域,在所述虚拟平面内中心坐标落入所述第三区域的图标作为第三类图标,在所述实际显示图像中,所述第三类图标不显示。
8.根据权利要求1所述的方法,其特征在于,确定实际显示图像,还包括:将所述第一类图标和所述第二类图标叠加在背景图像上。
9.根据权利要求1所述的方法,其特征在于,所述第一区域的边界的形状以及所述第二区域的边界的形状与所述屏幕的形状相同。
10.一种电子设备,其特征在于,包括存储器和处理器,所述存储器存储指令,所述指令在所述处理器运行时执行根据权利要求1-9任意一项所述的方法。
11.根据权利要求10所述的电子设备,其特征在于,所述电子设备为可穿戴电子设备。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010557465.2A CN111857456B (zh) | 2020-06-18 | 2020-06-18 | 图标显示方法和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010557465.2A CN111857456B (zh) | 2020-06-18 | 2020-06-18 | 图标显示方法和电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111857456A CN111857456A (zh) | 2020-10-30 |
CN111857456B true CN111857456B (zh) | 2021-08-03 |
Family
ID=72986757
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010557465.2A Active CN111857456B (zh) | 2020-06-18 | 2020-06-18 | 图标显示方法和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111857456B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113589981A (zh) * | 2021-07-28 | 2021-11-02 | Oppo广东移动通信有限公司 | 显示方法和装置、终端和可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004062648A (ja) * | 2002-07-30 | 2004-02-26 | Kyocera Corp | 表示制御装置及びこれに用いられる表示制御プログラム |
CN1700297A (zh) * | 2005-04-26 | 2005-11-23 | 威盛电子股份有限公司 | 利用虚拟平面坐标变换实现动态显示图像的方法和装置 |
KR20090076718A (ko) * | 2008-01-09 | 2009-07-13 | 주식회사 대우일렉트로닉스 | 홈 네트워크 기기의 위치 정보 입력 방법 및 시스템 |
CN109766160A (zh) * | 2012-12-07 | 2019-05-17 | 三星电子株式会社 | 基于情境提供信息的方法和系统 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN100592246C (zh) * | 2003-03-04 | 2010-02-24 | 微软公司 | 在较小的显示屏上浏览图形用户接口的方法 |
CN105677145A (zh) * | 2015-12-30 | 2016-06-15 | 武汉传神信息技术有限公司 | 一种应用图标展示的方法及终端 |
-
2020
- 2020-06-18 CN CN202010557465.2A patent/CN111857456B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004062648A (ja) * | 2002-07-30 | 2004-02-26 | Kyocera Corp | 表示制御装置及びこれに用いられる表示制御プログラム |
CN1700297A (zh) * | 2005-04-26 | 2005-11-23 | 威盛电子股份有限公司 | 利用虚拟平面坐标变换实现动态显示图像的方法和装置 |
KR20090076718A (ko) * | 2008-01-09 | 2009-07-13 | 주식회사 대우일렉트로닉스 | 홈 네트워크 기기의 위치 정보 입력 방법 및 시스템 |
CN109766160A (zh) * | 2012-12-07 | 2019-05-17 | 三星电子株式会社 | 基于情境提供信息的方法和系统 |
Also Published As
Publication number | Publication date |
---|---|
CN111857456A (zh) | 2020-10-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210141525A1 (en) | Disambiguation of Multitouch Gesture Recognition for 3D Interaction | |
EP3446282B1 (en) | Image processing apparatus and method | |
CN109272454B (zh) | 一种增强现实设备的坐标系校准方法及装置 | |
CN106803884B (zh) | 图像处理装置 | |
TW201600887A (zh) | 在顯示裝置上呈現影像之方法及呈現影像之顯示裝置 | |
US20110225544A1 (en) | Flexible display of visual content on multiple display devices | |
WO2010136969A1 (en) | Zooming of displayed image data | |
JP7005161B2 (ja) | 電子機器及びその制御方法 | |
US9628706B2 (en) | Method for capturing and displaying preview image and electronic device thereof | |
TWI615807B (zh) | 用於記錄在輸入幾何物件粒度上的可視度測試之結果的方法、設備及系統 | |
US9478070B2 (en) | Coordinate information updating device | |
CN111857456B (zh) | 图标显示方法和电子设备 | |
US11747900B2 (en) | Eye-tracking image viewer for digital pathology | |
TW201917531A (zh) | 熱區調整方法和裝置、用戶端 | |
CN106469000A (zh) | 一种屏幕内容放大方法及终端设备 | |
WO2019019372A1 (zh) | 移动终端的图片操作控制方法、装置、移动终端及介质 | |
CN105446609A (zh) | 控制方法及电子设备 | |
CN109739403B (zh) | 用于处理信息的方法和装置 | |
KR20210084348A (ko) | 이미지 처리 방법 및 장치, 이미지 처리 기기 및 저장 매체 | |
JP2016538647A (ja) | 文書提示方法およびユーザ端末 | |
CN105808130A (zh) | 界面切换方法及应用界面切换方法的电子装置 | |
CN111913635B (zh) | 三维全景图片显示方法、装置、移动终端及存储介质 | |
KR20230034351A (ko) | 얼굴 이미지 표시 방법, 장치, 전자기기 및 저장매체 | |
JP2005107871A (ja) | 画像表示方法と装置、該方法によるプログラムとこれを格納した記録媒体 | |
US20150186018A1 (en) | Electronic apparatus, touch selection method, and non-transitory computer readable medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 200135 building 3, no.1500, Zuchongzhi Road, China (Shanghai) pilot Free Trade Zone, Pudong New Area, Shanghai Applicant after: Tailing Microelectronics (Shanghai) Co.,Ltd. Address before: 200135 building 3, no.1500, Zuchongzhi Road, China (Shanghai) pilot Free Trade Zone, Pudong New Area, Shanghai Applicant before: TELINK SEMICONDUCTOR (SHANGHAI) Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |