CN103649895A - Adjustment method and terminal of icon display - Google Patents
Adjustment method and terminal of icon display Download PDFInfo
- Publication number
- CN103649895A CN103649895A CN201380000279.7A CN201380000279A CN103649895A CN 103649895 A CN103649895 A CN 103649895A CN 201380000279 A CN201380000279 A CN 201380000279A CN 103649895 A CN103649895 A CN 103649895A
- Authority
- CN
- China
- Prior art keywords
- icon
- icon list
- adjustment
- list
- columns
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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/0483—Interaction with page-structured environments, e.g. book metaphor
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
技术领域technical field
本发明涉及显示领域,尤其涉及一种图标显示的调整方法和终端。The present invention relates to the display field, in particular to an icon display adjustment method and a terminal.
背景技术Background technique
随着信息技术、通信技术和半导体技术等的发展,具有触控屏的终端已得到了普遍地使用。With the development of information technology, communication technology and semiconductor technology, terminals with touch screens have been widely used.
在现有的终端中,在触控屏上显示由多行多列的应用程序图标组成的图标列表,用户可以通过终端中所存储的图标调整程序对触控屏上所设置的图标列表的布局进行调整。In existing terminals, an icon list consisting of multiple rows and columns of application program icons is displayed on the touch screen, and the user can adjust the layout of the icon list set on the touch screen through the icons stored in the terminal Make adjustments.
在调整的过程中,用户在程序中逐一地对触控屏的当前页面上所显示的每个图标进行调整,以调整图标列表的布局,并在所有的图标调整完成后进行确定,从而在当前页面上形成调整后的图标列表。During the adjustment process, the user adjusts each icon displayed on the current page of the touch screen one by one in the program to adjust the layout of the icon list, and confirms after all the adjustments of the icons are completed, so that in the current A list of adjusted icons forms on the page.
在上述图标列表调整的过程中,用户需要逐一移动图标,以实现所期望的图标列表布局,操作非常繁琐并且当在程序中完成图标列表布局后,需要通过处理器进行统一地处理,以在图标列表显示页面中生成调整后的图标列表,这样一来,当一次调整过多时,统一地处理也给终端带来较大的处理负担。In the process of adjusting the icon list above, the user needs to move the icons one by one to achieve the desired icon list layout. The adjusted icon list is generated on the list display page. In this way, when there are too many adjustments at one time, the unified processing also brings a large processing burden to the terminal.
发明内容Contents of the invention
本发明的实施例提供一种图标显示的调整方法和终端,从而使用户可以通过简便的操作实现图标列表的显示方式的调整,也避免了通过调整程序统一的进行调整时给处理器带来的负担。Embodiments of the present invention provide an icon display adjustment method and a terminal, so that the user can adjust the display mode of the icon list through simple operations, and also avoids the problems brought to the processor when the adjustment program is uniformly adjusted. burden.
为达到上述目的,本发明的实施例采用如下技术方案:In order to achieve the above object, embodiments of the present invention adopt the following technical solutions:
第一方面,本发明提供了一种图标显示的调整方法,包括:In a first aspect, the present invention provides a method for adjusting icon display, including:
在触控屏上加载图标列表显示页面;Load the icon list display page on the touch screen;
当所述触控屏上发生图标调整操作时,获取所检测到的图标调整操作的操作幅度和执行方向;When an icon adjustment operation occurs on the touch screen, obtain the detected operation range and execution direction of the icon adjustment operation;
当所述图标调整操作的操作幅度大于预设幅度时,根据所述图标调整操作的执行方向,调整所述图标列表的显示方式。When the operation range of the icon adjustment operation is greater than a preset range, the display mode of the icon list is adjusted according to the execution direction of the icon adjustment operation.
在第一方面的第一种可能的实现方式中,所述操作幅度包括所述图标调整操作的执行幅度在横向上的投影长度和所述图标调整操作的执行幅度在纵向上的投影长度中至少一项;In a first possible implementation manner of the first aspect, the operation range includes at least one item;
所述执行方向为一次图标调整操作的起始点向延伸点延伸的方向;The execution direction is the direction extending from the starting point of an icon adjustment operation to the extension point;
所述执行幅度为一次图标调整操作的起始点到延伸点的长度。The execution range is the length from the start point to the extension point of an icon adjustment operation.
结合第一方面或前述的第一方面的第一种可能的实现方式,在第一方面的第二种可能的实现方式中,所述调整所述图标列表的显示方式包括:With reference to the first aspect or the aforementioned first possible implementation manner of the first aspect, in the second possible implementation manner of the first aspect, the adjusting the display manner of the icon list includes:
调整所述图标列表的行数、列数、行间距、列间距中的至少一种。Adjusting at least one of the number of rows, the number of columns, the spacing between rows, and the spacing between columns of the icon list.
结合第一方面的第二种可能的实现方式,在第一方面的第三种可能的实现方式中,所述调整所述图标列表的显示方式包括:With reference to the second possible implementation manner of the first aspect, in a third possible implementation manner of the first aspect, the adjusting the display manner of the icon list includes:
对所述图标列表的行数进行调整;adjusting the number of rows of the icon list;
对所述行数调整后的图标列表的行间距进行调整,以使所述行间距调整后的图标列表适应所述显示页面的尺寸;Adjusting the row spacing of the icon list after the row number adjustment, so that the icon list after the row spacing adjustment adapts to the size of the display page;
和/或and / or
对所述图标列表的列数进行调整;adjusting the number of columns of the icon list;
对所述行数调整后的图标列表的列间距进行调整,以使所述列间距调整后的图标列表适应所述显示页面的尺寸;Adjusting the column spacing of the icon list after the row number adjustment, so that the icon list after the column spacing adjustment adapts to the size of the display page;
和/或and / or
同时对所述图标列表的行数和列数进行调整;At the same time, adjust the number of rows and columns of the icon list;
对所述行数和列数调整后的图标列表的行间距和列间距进行调整,以使所述行间距和列间距调整后的图标列表适应所述显示页面的尺寸。Adjusting the row spacing and column spacing of the icon list after the number of rows and columns has been adjusted, so that the icon list after adjusting the row and column spacing is adapted to the size of the display page.
结合第一方面的第三种可能的实现方式,在第一方面的第四种可能的实现方式中,所述对所述图标列表的行数进行调整,包括以下情况中至少一种:With reference to the third possible implementation manner of the first aspect, in a fourth possible implementation manner of the first aspect, the adjusting the number of rows of the icon list includes at least one of the following situations:
当所述图标调整操作的执行方向为横向且从所述触控屏的中心向边缘延伸时,减少所述图标列表的行数;When the execution direction of the icon adjustment operation is horizontal and extends from the center of the touch screen to the edge, reduce the number of rows of the icon list;
当所述图标调整操作的执行方向为横向且从所述触控屏的边缘向中心延伸时,增加所述图标列表的行数。When the execution direction of the icon adjustment operation is horizontal and extends from the edge of the touch screen to the center, the number of rows in the icon list is increased.
结合第一方面的第三种可能的实现方式,在第一方面的第五种可能的实现方式中,所述对所述图标列表的列数进行调整,包括以下情况中至少一种:With reference to the third possible implementation manner of the first aspect, in a fifth possible implementation manner of the first aspect, the adjusting the number of columns of the icon list includes at least one of the following situations:
当所述图标调整操作的执行方向为纵向且从所述触控屏的中心向边缘延伸时,减少所述图标列表的列数;When the execution direction of the icon adjustment operation is vertical and extends from the center of the touch screen to the edge, reduce the number of columns in the icon list;
当所述图标调整操作的执行方向为纵向且从所述触控屏的边缘向中心延伸时,增加所述图标列表的列数。When the execution direction of the icon adjustment operation is vertical and extends from the edge of the touch screen to the center, increase the column number of the icon list.
结合第一方面的第三种可能的实现方式,在第一方面的第六种可能的实现方式中,所述同时对所述图标列表的行数和列数进行调整,包括以下情况中至少一种:With reference to the third possible implementation of the first aspect, in the sixth possible implementation of the first aspect, the simultaneously adjusting the number of rows and columns of the icon list includes at least one of the following situations: kind:
当所述图标调整操作的执行方向为斜向且从所述触控屏的中心向边缘延伸时,同时减少所述图标列表的列数和行数;When the execution direction of the icon adjustment operation is oblique and extends from the center of the touch screen to the edge, simultaneously reduce the number of columns and rows of the icon list;
当所述图标调整操作的执行方向为斜向且从所述触控屏的边缘向中心延伸时,同时增加所述图标列表的列数和行数;When the execution direction of the icon adjustment operation is oblique and extends from the edge of the touch screen to the center, simultaneously increase the number of columns and rows of the icon list;
所述斜向为与所述横向或纵向的夹角大于规定角度的方向。The oblique direction is a direction whose included angle with the transverse direction or the longitudinal direction is greater than a predetermined angle.
结合第一方面或前述第一方面的任意一种可能的实现方式,在第一方面的第七种可能的实现方式中,在所述调整所述图标列表的显示方式之后,所述方法还包括:With reference to the first aspect or any possible implementation manner of the foregoing first aspect, in a seventh possible implementation manner of the first aspect, after adjusting the display manner of the icon list, the method further includes :
根据所述调整后的所述图标列表的显示方式,对非显示页面的图标列表的显示方式进行调整,以使所述非显示页面的显示方式与所述调整后的所述图标列表的显示方式相同。Adjust the display mode of the icon list of the non-display page according to the adjusted display mode of the icon list, so that the display mode of the non-display page is consistent with the adjusted display mode of the icon list same.
结合第一方面的第八种可能的实现方式,在第一方面的第八种可能的实现方式中,所述预设幅度包括所述图标列表的行间距;所述预设幅度包括所述图标列表的列间距。With reference to the eighth possible implementation manner of the first aspect, in an eighth possible implementation manner of the first aspect, the preset range includes the row spacing of the icon list; the preset range includes the icons The column spacing of the list.
第二方面,本发明提供了一种终端,包括:In a second aspect, the present invention provides a terminal, including:
加载单元,用于在触控屏上加载图标列表显示页面;The loading unit is used to load the icon list display page on the touch screen;
检测单元,用于当所述触控屏上发生图标调整操作时,获取所检测到的图标调整操作的操作幅度和执行方向;A detection unit, configured to obtain the detected operation range and execution direction of the icon adjustment operation when an icon adjustment operation occurs on the touch screen;
显示页面调整单元,用于当所述图标调整操作的操作幅度大于预设幅度时,根据所述图标调整操作的执行方向,调整所述图标列表的显示方式。The display page adjustment unit is configured to adjust the display mode of the icon list according to the execution direction of the icon adjustment operation when the operation range of the icon adjustment operation is greater than a preset range.
在第二方面的第一种可能的实现方式中,所述图标调整操作的操作幅度包括所述图标调整操作的执行幅度在横向上的投影长度和所述图标调整操作的执行幅度在纵向上的投影长度中至少一项;In a first possible implementation manner of the second aspect, the operation range of the icon adjustment operation includes the projection length of the execution range of the icon adjustment operation in the horizontal direction and the vertical projection length of the execution range of the icon adjustment operation at least one of the projected lengths;
所述执行方向为一次图标调整操作的起始点向延伸点延伸的方向;The execution direction is the direction extending from the starting point of an icon adjustment operation to the extension point;
所述执行幅度为一次图标调整操作的起始点到延伸点的长度。The execution range is the length from the start point to the extension point of an icon adjustment operation.
结合第二方面或前述第二方面的第一种可能的实现方式,在第二方面的第二种可能的实现方式中,所述调整所述图标列表的显示方式包括:With reference to the second aspect or the first possible implementation manner of the aforementioned second aspect, in the second possible implementation manner of the second aspect, the adjusting the display manner of the icon list includes:
调整所述图标列表的行数、列数、行间距、列间距中的至少一种。Adjusting at least one of the number of rows, the number of columns, the spacing between rows, and the spacing between columns of the icon list.
结合第二方面的第二种可能的实现方式,在第二方面的第三种可能的实现方式中,所述显示页面调整单元,包括:With reference to the second possible implementation manner of the second aspect, in a third possible implementation manner of the second aspect, the display page adjustment unit includes:
行数调整模块,用于对所述图标列表的行数进行调整;The number of rows adjustment module is used to adjust the number of rows of the icon list;
行间距调整模块,用于对所述行数调整后的图标列表的行间距进行调整,以使所述行间距调整后的图标列表适应所述显示页面的尺寸;A row spacing adjustment module, configured to adjust the row spacing of the icon list after the row number adjustment, so that the icon list after the row spacing adjustment adapts to the size of the display page;
和/或and / or
列数调整模块,用于对所述图标列表的列数进行调整;A column number adjustment module, configured to adjust the column number of the icon list;
列间距调整模块,用于对所述行数调整后的图标列表的列间距进行调整,以使所述列间距调整后的图标列表适应所述显示页面的尺寸;A column spacing adjustment module, configured to adjust the column spacing of the icon list after the row number adjustment, so that the icon list after the column spacing adjustment adapts to the size of the display page;
和/或and / or
行列数调整模块,用于同时对所述图标列表的行数和列数进行调整;The number of rows and columns adjustment module is used to adjust the number of rows and columns of the icon list at the same time;
行列间距调整模块,用于对所述行数和列数调整后的图标列表的行间距和列间距进行调整,以使所述行间距和列间距调整后的图标列表适应所述显示页面的尺寸。A row and column spacing adjustment module, configured to adjust the row spacing and column spacing of the icon list after the number of rows and columns has been adjusted, so that the icon list after the row and column spacing is adjusted to fit the size of the display page .
结合第二方面的第三种可能的实现方式,在第二方面的第四种可能的实现方式中,所述行数调整模块,具体用于如果所述图标调整操作的执行方向为横向且从所述触控屏的中心向边缘延伸,减少所述图标列表的行数;如果所述图标调整操作的执行方向为横向且从所述触控屏的边缘向中心延伸时,增加所述图标列表的行数。With reference to the third possible implementation manner of the second aspect, in a fourth possible implementation manner of the second aspect, the number of rows adjustment module is specifically configured to if the execution direction of the icon adjustment operation is horizontal and from The center of the touch screen extends to the edge, reducing the number of rows of the icon list; if the execution direction of the icon adjustment operation is horizontal and extends from the edge of the touch screen to the center, increase the icon list the number of rows.
结合第二方面的第三种可能的实现方式,在第二方面的第五种可能的实现方式中,所述列数调整模块,具体用于如果所述图标调整操作的执行方向为纵向且从所述触控屏的中心向边缘延伸,减少所述图标列表的列数;如果所述图标调整操作的执行方向为纵向且从所述触控屏的边缘向中心延伸,增加所述图标列表的列数。With reference to the third possible implementation manner of the second aspect, in a fifth possible implementation manner of the second aspect, the column number adjustment module is specifically configured to if the execution direction of the icon adjustment operation is vertical and from The center of the touch screen extends to the edge, reducing the number of columns in the icon list; if the execution direction of the icon adjustment operation is vertical and extends from the edge of the touch screen to the center, increase the number of columns in the icon list number of columns.
结合第二方面的第三种可能的实现方式,在第二方面的第六种可能的实现方式中,所述行列数调整模块,具体用于如果所述图标调整操作的执行方向为斜向且从所述触控屏的中心向边缘延伸,同时减少所述图标列表的列数和行数;如果所述图标调整操作的执行方向为斜向且从所述触控屏的边缘向中心延伸,同时增加所述图标列表的列数和行数;With reference to the third possible implementation manner of the second aspect, in a sixth possible implementation manner of the second aspect, the number of rows and columns adjustment module is specifically configured to: if the execution direction of the icon adjustment operation is oblique and Extending from the center of the touch screen to the edge, while reducing the number of columns and rows of the icon list; if the execution direction of the icon adjustment operation is oblique and extending from the edge of the touch screen to the center, Simultaneously increase the number of columns and rows of said icon list;
其中,所述斜向为与所述横向或纵向的夹角大于规定角度的方向。Wherein, the oblique direction is a direction whose included angle with the transverse direction or the longitudinal direction is greater than a predetermined angle.
结合第二方面或前述第二方面的任意一种可能的实现方式,在第二方面的第七种可能的实现方式中,所述终端,还包括:With reference to the second aspect or any possible implementation manner of the foregoing second aspect, in a seventh possible implementation manner of the second aspect, the terminal further includes:
非显示页面调整单元,用于根据所述调整后的所述图标列表的显示方式,对非显示页面的图标列表的显示方式进行调整,以使所述非显示页面的显示方式与所述调整后的所述图标列表的显示方式相同。The non-display page adjustment unit is configured to adjust the display mode of the icon list of the non-display page according to the adjusted display mode of the icon list, so that the display mode of the non-display page is the same as the adjusted The list of said icons is displayed in the same way.
结合第二方面的第七种可能的事项方式,在第二方面的第八种可能的实现方式中,所述预设幅度包括所述图标列表的行间距;所述预设幅度包括所述图标列表的列间距。With reference to the seventh possible matter manner of the second aspect, in an eighth possible implementation manner of the second aspect, the preset range includes the row spacing of the icon list; the preset range includes the icons The column spacing of the list.
本发明实施例提供的图标显示的调整方法和终端,在加载包含图标列表显示页面的触控屏上,获取所检测用户的图标调整操作的操作幅度和执行方向,当操作幅度超过所设置的预设幅度时,根据执行方向对图标列表的显示方式进行调整,从而使用户可以通过简便的操作实现图标列表显示方式的调整,并且根据一次图标调整操作便可以完成一次显示方式的调整,也避免了通过调整程序统一的进行调整时给处理器带来的负担。The icon display adjustment method and terminal provided by the embodiments of the present invention obtain the detected operation range and execution direction of the user's icon adjustment operation on the touch screen loaded with the icon list display page, and when the operation range exceeds the set preset When setting the range, the display mode of the icon list is adjusted according to the execution direction, so that the user can realize the adjustment of the display mode of the icon list through simple operations, and the adjustment of the display mode can be completed according to one icon adjustment operation, which also avoids The load imposed on the processor when the adjustment is uniformly performed by the adjustment program.
附图说明Description of drawings
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。In order to more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the following will briefly introduce the drawings that need to be used in the description of the embodiments or the prior art. Obviously, the accompanying drawings in the following description are only These are some embodiments of the present invention. Those skilled in the art can also obtain other drawings based on these drawings without creative work.
图1为本发明实施例所述的图标显示的调整方法的流程图;FIG. 1 is a flowchart of a method for adjusting icon display according to an embodiment of the present invention;
图2为本发明实施例所述的加载了包含4行3列的图标列表的显示页面的触控屏的结构示意图;2 is a schematic structural diagram of a touch screen loaded with a display page containing an icon list of 4 rows and 3 columns according to an embodiment of the present invention;
图3为本发明实施例所述的在图2所示的触控屏上进行横向且从中心向边缘延伸的触控操作的示意图;FIG. 3 is a schematic diagram of a horizontal touch operation extending from the center to the edge on the touch screen shown in FIG. 2 according to an embodiment of the present invention;
图4为本发明实施例所述的通过图3所示的触控操作后图标列表的结构图;FIG. 4 is a structural diagram of an icon list after the touch operation shown in FIG. 3 according to an embodiment of the present invention;
图5为本发明另一实施例所述的包含3行3列的图标列表的显示页面的结构示意图;FIG. 5 is a schematic structural diagram of a display page containing an icon list with 3 rows and 3 columns according to another embodiment of the present invention;
图6为本发明另一实施例所述的图标显示的调整方法的流程图;FIG. 6 is a flowchart of a method for adjusting icon display according to another embodiment of the present invention;
图7为本发明另一实施例所述的包含3行3列的图标列表的非显示页面的结构示意图;FIG. 7 is a structural schematic diagram of a non-display page including an icon list with 3 rows and 3 columns according to another embodiment of the present invention;
图8为本发明另一实施例执行方向为斜向从边缘向中心延伸的示意图;Fig. 8 is a schematic diagram of another embodiment of the present invention where the execution direction is extending obliquely from the edge to the center;
图9为本发明另一实施例所述的根据图8的执行方向进行图标调整操作后的显示页面的图标列表的结构示意图;FIG. 9 is a schematic structural diagram of an icon list on a display page after an icon adjustment operation is performed according to the execution direction of FIG. 8 according to another embodiment of the present invention;
图10为本发明另一实施例所述的根据图8的执行方向进行图标调整操作后的非显示页面的图标列表的结构示意图;FIG. 10 is a schematic structural diagram of an icon list of a non-display page after the icon adjustment operation is performed according to the execution direction of FIG. 8 according to another embodiment of the present invention;
图11为本发明另一实施例所述的根据执行方向为斜向从边缘向中心延伸的图标调整操作进行显示方式的调整后图标列表的示意图;Fig. 11 is a schematic diagram of an adjusted icon list according to another embodiment of the present invention according to the display mode of the icon adjustment operation whose execution direction is extending obliquely from the edge to the center;
图12为本发明另一实施例所述的根据执行方向为横向从中心向边缘延伸的图标调整操作进行显示方式的调整后图标列表的示意图;Fig. 12 is a schematic diagram of an adjusted icon list according to another embodiment of the present invention, according to the execution direction of the icon adjustment operation extending horizontally from the center to the edge and displaying it;
图13为本发明另一实施例所述的根据执行方向为横向从边缘向中心延伸的图标调整操作进行显示方式的调整后图标列表的示意图;Fig. 13 is a schematic diagram of an adjusted icon list according to another embodiment of the present invention according to the icon adjustment operation whose execution direction is horizontally extending from the edge to the center and displayed;
图14为本发明另一实施例所述的根据执行方向为纵向从中心向边缘延伸的图标调整操作进行显示方式的调整后图标列表的示意图;Fig. 14 is a schematic diagram of an adjusted icon list according to another embodiment of the present invention according to the display mode of the icon adjustment operation whose execution direction is extending vertically from the center to the edge;
图15为本发明另一实施例所述的根据执行方向为纵向从边缘向中心延伸的图标调整操作进行显示方式的调整后图标列表的示意图;Fig. 15 is a schematic diagram of an adjusted icon list according to another embodiment of the present invention according to the display mode of the icon adjustment operation whose execution direction is extending vertically from the edge to the center;
图16为本发明实施例所述的终端的结构示意图;FIG. 16 is a schematic structural diagram of a terminal according to an embodiment of the present invention;
图17为本发明另一实施例所述的手机的结构示意图;Fig. 17 is a schematic structural diagram of a mobile phone according to another embodiment of the present invention;
图18为本发明另一实施例所述的终端的结构示意图。Fig. 18 is a schematic structural diagram of a terminal according to another embodiment of the present invention.
具体实施方式Detailed ways
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有付出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。The following will clearly and completely describe the technical solutions in the embodiments of the present invention with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are only some, not all, embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by persons of ordinary skill in the art without making creative efforts belong to the protection scope of the present invention.
本发明实施例提供了一种图标显示的调整方法和终端。Embodiments of the present invention provide an icon display adjustment method and terminal.
如图1所示,在终端1的触控屏11上显示有显示页面12,在该显示页面12中加载有图标列表13,该图标列表13中包括以行列方式排列的多个应用程序的图标。在使用终端1时,用户通过点击触控屏11的显示页面12上所显示的图标启动应用程序进行使用,其中该终端1可以为手机或平板电脑等,在此不作限定。另外,在终端1中还包括若干未显示页面,在未显示页面中也同样的包含图标列表和图标,图标列表的显示方式与显示页面12的图标列表13的显示方式可以相同也可以不同。As shown in FIG. 1 , a
在对图标列表3进行调整时,一种图标显示的调整方法,如图2所示,包括:When adjusting the icon list 3, a method for adjusting icon display, as shown in Figure 2, includes:
S100、在触控屏上加载图标列表显示页面。S100. Load an icon list display page on the touch screen.
在用户启动终端1时,如图1所示,终端1将包含图标列表13的显示页面12加载到触控屏11上进行显示,其中,在图1的显示页面12中,包括12个图标,即图标1、图标2......图标12,显示方式为4行3列。此时,显示页面12处于正常显示模式,即用户可以通过点击图标启动该图标所对应的应用程序。When the user starts the
在进行显示页面12的加载时,图标列表13所包含的图标均匀分配在触控屏11所对应的显示页面12内,当然,图标列表13显示方式不限于将图标均匀的排布,也可以以行间距和列间距不同的显示方式进行排布,对于本领域技术人员来说,图标列表的显示方式可以由工作人员根据已知的显示方式进行任意设置,在此不作限制。When loading the
S101、当触控屏上发生图标调整操作时,获取所检测到的图标调整操作的操作幅度和执行方向。S101. When an icon adjustment operation occurs on the touch screen, acquire the detected operation range and execution direction of the icon adjustment operation.
在显示页面12加载完成后,终端1对触控屏11进行扫描,用于检测用户在触控屏11上所执行的触控操作,该触控操作可以通过用户的手指完成,也可以通过与触控屏11相适应的触控笔等触控装置完成,在此不作限制。该触控操作至少包括两种,一种为用于启动应用程序的启动操作,另一种为用于调整图标列表13的显示方式的图标调整操作,上述两种操作之间不会相互的影响,以避免相互之间造成干扰。After the
为了避免上述的干扰,可以设置两种不同的操作方式,例如可以设置启动操作的操作方式为在触控屏11上的单点触控操作,而图标调整操作的操作方式为多点触控操作;并且,通过相对复杂的多点触控操作,也可以避免误操作而触发图标列表显示方式的调整。In order to avoid the above-mentioned interference, two different operation modes can be set. For example, the operation mode of the startup operation can be set as a single-touch operation on the
另外,为了进一步的避免启动操作和图标调整操作之间的干扰,并使用户更直观地获知终端1模式间的不同,可以在终端1中设置两种模式,即显示页面12的正常显示模式和图标调整模式,例如在正常显示模式下,图标处于静态,而在图标调整模式下,图标会出现闪烁或抖动等效果,这样一来,便可以使用户直观地确定执行图标调整操作的时机,并且也可以避免不同操作之间的相互干扰。In addition, in order to further avoid the interference between the startup operation and the icon adjustment operation, and to make the user more intuitively aware of the difference between the modes of the
在进行两种模式的转换时,可以通过特定的操作方式实现,例如在正常显示模式中,当检测到点击触控屏11上一个特定位置超出预设时间时,便切换至图标调整模式,在图标调整模式中,终端1才会检测到用户的图标调整操作,并执行图标列表13显示方式的调整。When switching between the two modes, it can be realized through a specific operation method. For example, in the normal display mode, when it is detected that a specific position on the
当终端1检测到用户在触控屏11上所执行的图标调整操作时,获取该图标调整操作的操作幅度和执行方向。如图3所示,该操作幅度,包括图标调整操作的执行幅度在横向上的投影长度和图标调整操作的执行幅度在纵向上的投影长度中至少一项,执行幅度为一次图标调整操作的起始点到延伸点的长度;因为在进行图标列表的调整时,需要分别确认其横向和纵向是否需要调整,所以当执行方向为斜向时需要确定该执行幅度在横向和纵向上的分量,即横向执行幅度和纵向执行幅度,该操作幅度包括该横向执行幅度和纵向执行幅度之中至少一项。When the
在接收图标调整操作的触控屏11上,横纵设置有若干像素单元,例如在触控屏11的横向设置有个480像素单元,纵向设置有854个像素单元;在进行触控屏11的检测与显示页面12之间对应时,可以设置以图3中的触控屏11和显示页面12的左上角作为原点建立相互对应的坐标系,当然该原点的位置以及坐标系的建立方式可以根据实际情况进行改变,例如也可以将触控屏11的中心位置作为原点而建立坐标系,在此不作限制,另外,触控屏11所包含的像素单元数量也根据触控屏11的分辨率而不同,在此也不作限制。On the
在触控屏11对显示页面12进行显示的过程中,可以设置显示页面12中的每一帧与触控屏11上的像素单元相对应,此时,便可以确定各图标的位置以及图标的行间距为213、列间距为160。需要说明的是,显示列表13中默认的图标数量不限于12个,并且图标在显示页面12上的显示位置也不局限于均匀分布,同样也可按照实际情况进行设置,并且在采用分辨率更高的触控屏11时,也存在显示页面12中的一帧对应多个像素单元的情况,对于本领域的技术人员来说,可以根据不同的显示方式确认图标的显示位置以及各行、各列图标之间的行间距和列间距并非难事。When the
在建立了坐标系和对应触控屏11与显示页面12的对应关系的触控屏11上,通过检测触控屏11上用户执行触控操作的位置确定在对应的显示页面12上执行该触控操作的位置。在进行多点触控操作时,则触控屏11可以同时的检测用户的多个触控操作。On the
终端1在触控屏11上检测到用户所执行的图标调整操作,该图标调整操作,包括用户手指开始触控的起始点A1、A2和手指所滑到的延伸点B1、B2,其中第一起始点A1和第一延伸点B1由一根手指操作完成,第二起始点A2和第二延伸点B2由另一根手指操作完成,终端1可以检测获得各触控点的坐标,并根据延伸点和起始点之间的坐标运算,确定操作幅度;用户操作时的第一起始点A1的坐标为(170、-630)、第一延伸点B1的坐标为(40,-630)、第二起始点A2的坐标为(250,-630)、第二延伸点B2的坐标为(440,-630),因此便可以确定用户两个手指所对应的幅度分别为-180和180,而操作幅度为两个幅度的绝对值之和。Terminal 1 detects the icon adjustment operation performed by the user on the
需要说明的是,图标调整操作的执行方向为一次图标调整操作从起始点向延伸点的延伸方向。执行方向的确定根据触控点的坐标变化进行,即通过以下方式确定:It should be noted that, the execution direction of the icon adjustment operation is the extension direction of an icon adjustment operation from the starting point to the extension point. The execution direction is determined according to the coordinate change of the touch point, that is, determined by the following methods:
判定执行方向包括至少两个部分,首先是判定执行方向是横向、纵向还是斜向,其中,斜向可以认为是同时存在横向和纵向两个方向上的操作;在进行判定的时候,斜向为与横向或纵向的夹角大于规定角度的方向,该夹角可以根据横向执行幅度和纵向执行幅度,并基于三角函数的计算进行获取,例如该规定角度可以为10度,即当斜向的执行幅度和横向执行幅度的夹角大于10度时,即认为该图标调整操作的执行方向为斜向,向对应的当斜向与横向或纵向的夹角小于规定角度时,则分别可以认为是横向或纵向的。Determining the direction of execution includes at least two parts. The first step is to determine whether the direction of execution is horizontal, vertical or oblique. Among them, the oblique direction can be considered as operations in both horizontal and vertical directions at the same time; when making a judgment, the oblique direction is The angle with the horizontal or vertical direction is greater than the specified angle. The angle can be obtained according to the horizontal execution range and the vertical execution range, and based on the calculation of trigonometric functions. For example, the specified angle can be 10 degrees, that is, when the oblique execution When the included angle between the amplitude and the horizontal execution range is greater than 10 degrees, the execution direction of the icon adjustment operation is considered to be oblique; when the corresponding angle between the oblique direction and the horizontal or vertical angle is less than the specified angle, it can be considered as horizontal or portrait.
其次,判定执行方向是从触控屏11中心向边缘滑动类似于向边缘扩展的方向,还是从边缘向中心滑动类似于向中心收缩的方向,这样的判定可以根据起始点的坐标到延伸点的坐标的延伸趋势进行确定。Secondly, determine whether the execution direction is sliding from the center of the
在图3中,根据所获取的起始点A1、A2和延伸点B1、B2的坐标,可以视为纵向执行幅度为0,即只存在横向触控操作,没有纵向触控操作,并且起始点A1、A2到延伸点B1、B2是从中心向边缘延伸的,从而便可以确定两个手指的执行方向为横向且从触控屏11中心向边缘延伸。In Figure 3, according to the obtained coordinates of the starting point A1, A2 and the extension point B1, B2, it can be considered that the vertical execution range is 0, that is, there is only horizontal touch operation, no vertical touch operation, and the starting point A1 , A2 to the extension points B1 and B2 extend from the center to the edge, so that it can be determined that the execution direction of the two fingers is horizontal and extends from the center of the
在检测的过程中,当图标调整操作为多点触控操作时,可能存在检测到用户的两个手指的滑动方向不同时,即两个手指分别的执行方向不同时,可以根据两个手指分别的操作幅度进行判断,即根据操作幅度较大的那个手指的图标调整操作生效,或者也可以通过终端1停止该图标调整操作的生效,以避免这样的触控操作给用户带来的不适感,进一步的提升用户的操作体验。During the detection process, when the icon adjustment operation is a multi-touch operation, it may be detected that the sliding directions of the two fingers of the user are different, that is, when the execution directions of the two fingers are different. Judging by the operation range, that is, the icon adjustment operation of the finger with a larger operation range takes effect, or the icon adjustment operation can be stopped through the
S102、当图标调整操作的操作幅度大于预设幅度时,根据图标调整操作的执行方向,调整图标列表的显示方式。S102. When the operation range of the icon adjustment operation is greater than the preset range, adjust the display mode of the icon list according to the execution direction of the icon adjustment operation.
终端1获取了图标调整操作的操作幅度和执行方向后,将操作幅度与终端1中所预先设置的预设幅度进行比较,当操作幅度大于预设幅度时,则根据所获取的执行方向,确定如何对图标列表的显示方式进行调整;其中,调整图标列表13的显示方式包括:调整图标列表13的行数、列数、行间距、列间距中的至少一种;在进行调整的过程中,可以建立行数和行间距之间以及列数与列间距之间的对应关系,即可以理解的是,在进行显示方式调整的过程中,行数和列数的变化会影响行间距和列间距的变化;例如,当行数增加时,则对应的缩小各行图标之间的行间距,而当行数减少时,则对应的扩大各行图标之间的行间距;在列数增加时,则需要缩小各列图标之间的列间距,在列数减少时,则需要扩大各列图标之间的列间距;通过上述的方式,在显示页面12中,便可以保持图标列表13所包含的图标的均匀分布以使图标列表适应触控屏11所对应的显示页面12的尺寸,当然在调整图标列表13的显示方式的过程中,也可以单独地采取上述调整方式中的其中之一,在此不作限制。After terminal 1 obtains the operation range and execution direction of the icon adjustment operation, it compares the operation range with the preset range preset in terminal 1, and when the operation range is greater than the preset range, then according to the obtained execution direction, determine How to adjust the display mode of the icon list; wherein, adjusting the display mode of the icon list 13 includes: adjusting at least one of the number of rows, the number of columns, the row spacing, and the column spacing of the icon list 13; during the adjustment process, The corresponding relationship between the number of rows and the spacing between rows and between the number of columns and the spacing between columns can be established, that is, it is understandable that during the process of adjusting the display mode, changes in the number of rows and columns will affect the spacing between rows and columns Changes; for example, when the number of rows increases, the row spacing between icons in each row is correspondingly reduced, and when the number of rows decreases, the row spacing between icons in each row is correspondingly expanded; when the number of columns The column spacing between the column icons, when the number of columns is reduced, the column spacing between the icons in each column needs to be enlarged; through the above method, in the display page 12, the icons contained in the icon list 13 can be kept evenly distributed To adapt the icon list to the size of the display page 12 corresponding to the touch screen 11 , of course, in the process of adjusting the display mode of the icon list 13 , one of the above-mentioned adjustment methods can also be adopted independently, which is not limited here.
需要说明的是,该预设幅度可以根据显示页面12的实际尺寸设置为任意数值,该任意数值可以根据屏幕的尺寸与所预先测试出的用户操作的舒适程度进行设置上的改变,并且该预设幅度也可以设置为一个可变数值,可以设置根据行列的变化进行调整,该可变数值可以通过建立行列数与预设幅度之间的对应关系,例如当图标列表13中包含4行图标时预设幅度为120,当包含3行图标时预设幅度为160,列数与预设幅度的关系也可以通过同样的方式设置。It should be noted that the preset range can be set to any value according to the actual size of the
可选的,该预设幅度可以包含与图标调整操作的横向执行幅度相对应的横向预设幅度和与图标调整操作的纵向执行幅度相对应的纵向预设幅度,即从横向和纵向上分别限定预设幅度,以分别适应图标列表13行数和列数以及与之对应的行间距和列间距的调整。Optionally, the preset range may include a horizontal preset range corresponding to the horizontal execution range of the icon adjustment operation and a vertical preset range corresponding to the vertical execution range of the icon adjustment operation. The preset range is adapted to adjust the number of rows and columns of the
另外,可选的是,该预设幅度包括图标列表的行间距和图标列表的列间距,即将行间距作为纵向预设幅度与图标调整操作的纵向执行幅度相对应,将列间距作为横向预设幅度与图标调整操作的横向执行幅度相对应。这样一来,当行间距和列间距随图标列表13的显示方式的调整而变化时,对应的横向预设幅度和纵向预设幅度也会随之变化,进而无需单独地存储行列数与纵横向预设幅度之间的对应关系,从而也变可以节省终端1中的存储空间;当然,预设幅度的具体设置需要根据实际的场景进行判断,在此不作限制。In addition, optionally, the preset range includes the row spacing of the icon list and the column spacing of the icon list, that is, the row spacing is used as the vertical preset range to correspond to the vertical execution range of the icon adjustment operation, and the column spacing is used as the horizontal preset range. The magnitude corresponds to the horizontal execution magnitude of the icon resizing operation. In this way, when the row spacing and column spacing change with the adjustment of the display mode of the
当确定了操作幅度大于预设幅度的情况下,还需要对图标调整操作的执行方向进行判断,从而确定行数和列数的增减;当确定了执行方向为由触控屏11的中心向边缘延伸时,则可以确定执行调整后,行数或列数会减少,当确定了执行方向为由触控屏11的边缘向中心延伸时,行数或列数会增加,另外当操作幅度同时包含横向执行幅度和纵向执行幅度且都大于了所对应的横向预设幅度和纵向预设幅度时,根据执行方向可以同时调整图标列表13中图标的行数和列数;需要说明的是,执行方向与显示方式的调整不限于上述的方式,可以根据实际的需要进行设置。When it is determined that the operating range is greater than the preset range, it is also necessary to judge the execution direction of the icon adjustment operation, thereby determining the increase or decrease of the number of rows and columns; when it is determined that the execution direction is from the center of the
可选的是,根据用户的操作习惯,从中心向边缘的操作类似将图标“推出”触控屏11的感觉,而从边缘向中心的操作类似将图标“拉入”触控屏11的感觉;根据这样的习惯,将从中心向边缘的操作设置为减少图标列表13的行数或列数的操作,并将从边缘向中心的操作设置为增加图标列表13的行数或列数的操作更适应于用户的操作习惯,进而可以提高用户使用终端1时的舒适度和用户体验感。并且,在将进行上述调整的过程中,从中心向边缘的操作实际上减少了显示页面12上图标的数量,而从边缘向中心的操作实际上增加了显示页面12上图标的数量。Optionally, according to the user's operating habits, the operation from the center to the edge is similar to the feeling of "pushing" the icon out of the
需要说明的是,所减少的图标并不是消失或删除,而是在非显示页面中进行显示,可以是加载于已经存在的非显示页面的图标列表中,也可以是重新生成一个新的非显示页面和该非显示页面中的图标列表,还可以是对显示页面12和非显示页面中所有的图标列表按照调整后的显示方式对图标进行重新的排列,以用于加载所减少的图标。对应的,所增加的图标可以来源于任意一个非显示页面,也可以是对显示页面12和非显示页面中所有的图标列表按照调整后的显示方式对图标进行重新的排列,而当一个非显示页面中的图标全部调整至显示页面12中时,即需要消除该一个非显示页面;除上述的增加和减少的形式外,根据本领域技术人员所掌握的技能,也可以通过其他的形式获取在显示页面12中所增加的图标或放置在显示页面12中所减少的图标。It should be noted that the reduced icons do not disappear or be deleted, but are displayed on the non-display page, which can be loaded into the icon list of an existing non-display page, or a new non-display page can be regenerated The list of icons in the page and the non-display page may also be to rearrange the icons according to the adjusted display mode for all icon lists in the
此时,可选的,可以设置特效以进一步的增加用户使用终端时的用户体验感和人性化程度;例如当图标调整操作为从中心向边缘延伸时,将所减少的图标以飞出触控屏11的形式展现,而当图标调整操作为从边缘向中心延伸时,将所增加的图标以飞入触控屏11的形式展现;当然增加和减少图标的过程可以通过多种形式展现,例如消失和显现、旋转飞出与旋转飞入等形式都可以适用,在此不作限制。At this point, optionally, special effects can be set to further increase the user experience and the degree of humanity when the user uses the terminal; for example, when the icon adjustment operation is extended from the center to the edge, the reduced icon will fly out of the touch display in the form of the
根据图3所示的图标调整操作,当横向上的操作幅度大于预设幅度且可以确定执行方向为从触控屏11的中心向边缘延伸,所以终端1可以获知需要减少图标列表13中的列数,从而将图3中所显示的4行3列的图标列表13调整为图4中所示的4行2列的图标列表13a,这样一来便完成了图标列表13的显示方式的调整。According to the icon adjustment operation shown in FIG. 3 , when the operation range in the horizontal direction is greater than the preset range and it can be determined that the execution direction is extending from the center of the
在完成显示页面12的图标列表13显示方式的调整后,为了使显示页面12和非显示页面的显示方式统一以避免给用户所带来的不适感,进一步的,在完成对显示页面12中的图标列表13的显示方式的调整后,还可以根据调整后的图标列表的显示方式,对非显示页面的图标列表的显示方式进行调整,以使非显示页面的显示方式与调整后的图标列表的显示方式相同。这样一来,对显示页面12和非显示页面中图标列表的显示方式进行统一,也便可以提高用户的舒适感。After completing the adjustment of the display mode of the
本发明实施例提供的图标显示的调整方法,在加载包含图标列表显示页面的触控屏上,获取所检测用户的图标调整操作的操作幅度和执行方向,当操作幅度超过所设置的预设幅度时,根据执行方向对图标列表的显示方式进行调整,从而使用户可以通过简便的操作实现图标列表显示方式的调整,并且根据一次图标调整操作便可以完成一次显示方式的调整,也避免了通过调整程序统一的进行调整时给处理器带来的负担。The icon display adjustment method provided by the embodiment of the present invention obtains the operation range and execution direction of the detected user’s icon adjustment operation on the touch screen loaded with the icon list display page, when the operation range exceeds the set preset range , the display mode of the icon list is adjusted according to the execution direction, so that the user can realize the adjustment of the display mode of the icon list through a simple operation, and the adjustment of the display mode can be completed according to one icon adjustment operation, and it is also avoided. The burden on the processor when the program is uniformly adjusted.
下面为了使本领域的技术人员更好地理解本发明实施例所提供的图标显示的调整方法的技术方案,下面通过具体的实施例对本发明提供的图标显示的调整方法进行详细地说明。In order to make those skilled in the art better understand the technical solution of the icon display adjustment method provided by the embodiment of the present invention, the icon display adjustment method provided by the present invention will be described in detail below through specific embodiments.
本实施例以显示页面中所加载的图标列表包含如图5所示的3行3列共9个图标为例进行描述,在本实施例的图标显示的调整方法,如图6所示,包含以下步骤:In this embodiment, the icon list loaded in the display page includes 9 icons in 3 rows and 3 columns as shown in Figure 5 as an example. The method for adjusting icon display in this embodiment, as shown in Figure 6, includes The following steps:
S1、用户按下终端启动按键,终端将读取所存储的显示页面和非显示页面,并将显示页面加载于触控屏,进入正常显示模式。S1. The user presses the start button of the terminal, and the terminal reads the stored display page and non-display page, and loads the display page on the touch screen to enter the normal display mode.
具体的,在本步骤中,终端1读取出预先存储的如图5所示的显示页面12和如图7所示的一个非显示页面14,并将显示页面12加载到触控屏1。Specifically, in this step, the
在图5所示的显示页面12中包含有3行3列的图标列表13b,在图7所示的非显示页面14中包含有3行3列的图标列表13c;在使用终端1的过程中,显示页面12和非显示页面14的显示方式保持一致,即图标列表13b、13c的显示方式为3行3列,在正常显示模式下,可以通过用户的滑动操作对显示页面12和非显示页面14进行切换。In the
在该终端1的触控屏11上的横向设置有个480像素单元,纵向设置有854个像素单元,并且显示页面12中的各帧分别与各像素单元对应;根据在触控屏11和显示页面12上,以左上角为原点所建立的相互对应的坐标系中,可以确定每个图标的位置、图标列表13b的行间距和图标列表13b的列间距,该行间距为284,该列间距为160。On the
S2、用户在触控屏上执行触控操作,终端判断该触控操作是否为模式切换指令。S2. The user performs a touch operation on the touch screen, and the terminal determines whether the touch operation is a mode switching instruction.
如果是,则终端1根据该模式切换指令进入图标调整模式,此时,在显示页面12上的图标可以产生振动、闪烁或被光圈环绕的特效,以使用户直观地获知终端1进入了图标调整模式,可以进行图标调整操作,而只有在图标调整模式下才会获取图标调整操作;如果不是,则终端1根据该触控操作在显示页面12执行对应的动作,并继续对触控屏1上的触控操作进行检测。If so, the
S3、在图标调整模式下,用户在触控屏上执行图标调整操作,终端根据该图标调整操作,获取该图标调整操作的操作幅度和执行方向。S3. In the icon adjustment mode, the user performs an icon adjustment operation on the touch screen, and the terminal obtains the operation range and execution direction of the icon adjustment operation according to the icon adjustment operation.
具体的,在本步骤中,当图标调整操作为如图8所示的多点触控操作时,终端1获取该图标调整操作,并获取操作幅度和执行方向;此时,终端1在触控屏11上所检测到的触控点A1、A2、B1、B2,假设触控点A1、A2、B1、B2坐标分别为A1(460,-100),B1(280,-400),A2(40,-750),B2(240,-430)。Specifically, in this step, when the icon adjustment operation is a multi-touch operation as shown in Figure 8,
用户的图标调整操作的第一起始点A1和第一延伸点B1由用户的一根手指操作完成,第二起始点A2和第二延伸点B2由用户的另一根手指操作完成。终端1根据各触控点的坐标便可以分别确定第一起始点A1和第一延伸点B1的第一操作幅度以及第二起始点A2和第二延伸点B2的第二操作幅度,其中,第一操作幅度所包含的横向执行幅度为-180、纵向执行幅度为-300,第二操作幅度所包含的横向执行幅度为-200、纵向执行幅度为-320;并且根据起始点和延伸点所对应的坐标变化趋势,可以确定该执行方向包括横向且从边缘向中心延伸以及纵向且从中心向边缘延伸。The first starting point A1 and the first extending point B1 of the user's icon adjustment operation are completed by one finger of the user, and the second starting point A2 and the second extending point B2 are completed by another finger of the user. According to the coordinates of each touch point, the
S4、终端判断图表调整操作的操作幅度是否大于预设幅度。S4. The terminal judges whether the operation range of the chart adjustment operation is greater than a preset range.
在本实施例中,该预设幅度包括与横向执行幅度对应的横向预设幅度以及与纵向执行幅度对应的纵向预设幅度,也就是终端1需要分别判断图标调整操作中的横向执行幅度是否大于横向预设幅度以及纵向执行幅度是否大于纵向预设幅度,以在用户所执行的一次图标调整操作的过程中可以分别对行数、行间距以及列数、列间距进行调整。当然,也可以设置只执行行数、行间距或列数、列间距中一个方向上的调整。In this embodiment, the preset range includes a horizontal preset range corresponding to the horizontal execution range and a vertical preset range corresponding to the vertical execution range, that is, the
如果大于,则执行步骤S5;如果小于,则返回步骤S3,等待下一次的图标调整操作。If it is greater, execute step S5; if less, return to step S3 and wait for the next icon adjustment operation.
S5、终端根据执行方向,对图标列表的显示方式进行调整。S5. The terminal adjusts the display mode of the icon list according to the execution direction.
调整所述图标列表的显示方式包括:调整图标列表的行数、列数、行间距、列间距中的至少一种。Adjusting the display manner of the icon list includes: adjusting at least one of the number of rows, the number of columns, the spacing between rows, and the spacing between columns of the icon list.
具体的,本实施例的本步骤中,终端1可以执行以下几小步:Specifically, in this step of this embodiment, terminal 1 may perform the following small steps:
S51、判断执行方向为横向、纵向还是斜向,并确定其为从中心向边缘延伸,还是从边缘向中心延伸,该斜向为与该横向或该纵向的夹角大于规定角度的方向,该规定的角度可以根据实际的需要进行设置,例如该规定角度为10度。S51. Determine whether the execution direction is horizontal, vertical or oblique, and determine whether it extends from the center to the edge or from the edge to the center. The oblique direction is a direction whose included angle with the horizontal direction or the longitudinal direction is greater than a specified angle. The prescribed angle may be set according to actual needs, for example, the prescribed angle is 10 degrees.
在本实施例中,终端1根据如图8所示的图标调整操作可以确定执行方向为斜向,则需要同时对图标列表13b的行数和列数进行调整,且执行方向为从触控屏11的边缘向中心延伸,则进行的调整为同时增加行数和列数,即执行步骤S52。In this embodiment, terminal 1 can determine that the execution direction is oblique according to the icon adjustment operation shown in FIG. If the edge of 11 extends toward the center, the adjustment is to increase the number of rows and columns at the same time, that is, execute step S52.
S52、当执行方向为斜向且从边缘向中心延伸时,同时增加显示页面中图标列表的行数和列数。S52. When the execution direction is oblique and extends from the edge to the center, increase the number of rows and columns of the icon list on the display page at the same time.
具体的,在调整前的图标列表13b中包含图标1-9共9个图标,调整前的图标列表13c包含10-18共9个图标;增加行数和列数,则将图标列表13b从3行3列调整为4行4列,如图9所示,调整后的显示页面12的图标列表13b’为4行4列,其中,图标10-12是从非显示页面13c中获取的。Concretely, the
S53、对行数和列数调整后的图标列表的行间距和列间距进行调整,以使该行间距和该列间距调整后的图标列表适应显示页面的尺寸。S53. Adjust the row spacing and column spacing of the icon list after the number of rows and columns is adjusted, so that the icon list after the row spacing and the column spacing is adjusted to fit the size of the display page.
因为在图标列表中的行数和列数都发生了变化,进而图标的排列也需要进行调整,即对行间距和列间距进行调整,调整后的图标列表13b’的行间距为213,列间距为120,这样一来,调整后的图标列表13b’中图标的排列也便适应了显示页面12的尺寸。Because the number of rows and columns in the icon list has changed, the arrangement of icons also needs to be adjusted, that is, the row spacing and column spacing are adjusted. The row spacing of the adjusted
S6、用户执行调整结束指令,终端确定其是否为调整结束指令。S6. The user executes an adjustment end instruction, and the terminal determines whether it is an adjustment end instruction.
如果是,则需要结束图标列表显示方式的调整,并执行步骤S7;如果不是,则保持图标调整模式,并返回步骤S2。If yes, it is necessary to end the adjustment of the display mode of the icon list, and execute step S7; if not, keep the icon adjustment mode, and return to step S2.
S7、根据调整后的显示页面图标列表的显示方式,对非显示页面图标列表的显示方式进行调整。S7. According to the adjusted display mode of the display page icon list, adjust the display mode of the non-display page icon list.
具体的,当显示页面12图标列表13b的显示方式调整完成后,为了使用户不用逐个对所有的页面的图标列表的显示方式进行调整,则根据调整后的显示页面12图标列表13b’的显示方式,对非显示页面14中的图标列表13c的显示方式进行调整,从而形成如图10所示的图标列表13c’,并且当同时存在多个非显示页面时,则同时对多个非显示页面中图标列表的显示方式进行调整,这样一来,显示页面和非显示页面的图标列表分开进行调整,也避免了统一的进行所有页面的调整时给终端带来的负担过大的问题。Specifically, after the adjustment of the display mode of the
因为在对显示页面12的图标列表13b进行调整时,增加了图标的数量,增加的图标需要从非显示页面14中获取,在本实施例中,需要从非显示页面14中获取图标10-16共7个图标,并按顺序在显示页面12的图标列表13b’中排列。Because when adjusting the
本发明实施例提供的图标显示的调整方法,在加载包含图标列表显示页面的触控屏上,获取所检测用户的图标调整操作的操作幅度和执行方向,当操作幅度超过所设置的预设幅度时,根据执行方向对图标列表的显示方式进行调整,从而使用户可以通过简便的操作实现图标列表显示方式的调整,并且根据一次图标调整操作便可以完成一次显示方式的调整,也避免了通过调整程序统一的进行调整时给处理器带来的负担。The icon display adjustment method provided by the embodiment of the present invention obtains the operation range and execution direction of the detected user’s icon adjustment operation on the touch screen loaded with the icon list display page, when the operation range exceeds the set preset range , the display mode of the icon list is adjusted according to the execution direction, so that the user can realize the adjustment of the display mode of the icon list through a simple operation, and the adjustment of the display mode can be completed according to one icon adjustment operation, and it is also avoided. The burden on the processor when the program is uniformly adjusted.
在本发明的另一个实施例中,当在步骤S51中确定执行方向为斜向且从触控屏的中心向边缘延伸时,则执行步骤S54。In another embodiment of the present invention, when it is determined in step S51 that the execution direction is oblique and extends from the center to the edge of the touch screen, then step S54 is executed.
S54、当执行方向为斜向且从中心向边缘延伸时,同时减少显示页面中图标列表的行数和列数。S54. When the execution direction is oblique and extends from the center to the edge, reduce the number of rows and columns of the icon list on the display page at the same time.
在本实施例中,执行方向为斜向且从触控屏1的中心向边缘延伸,则同时减少图标列表13b的行数和列数,形成如图11所示的2行2列的图标列表13d。In this embodiment, the execution direction is oblique and extends from the center of the
在步骤S54执行完毕后,通过步骤S53对图标列表的行间距和列间距进行分别的调整。After step S54 is executed, step S53 is used to adjust the row spacing and column spacing of the icon list respectively.
在本发明的另一个实施例中,当在步骤S51中确定执行方向为横向且从触控屏的中心向边缘延伸时,则执行步骤S55。In another embodiment of the present invention, when it is determined in step S51 that the execution direction is horizontal and extends from the center to the edge of the touch screen, then step S55 is executed.
S55、当执行方向为横向且从中心向边缘延伸时,减少显示页面中图标列表的列数。S55. When the execution direction is horizontal and extends from the center to the edge, reduce the number of columns of the icon list on the display page.
在本实施例中,执行方向为横向且从触控屏的中心向边缘延伸,则减少图标列表13b的列数,形成如图12所示的3行2列的图标列表13e。In this embodiment, if the execution direction is horizontal and extends from the center to the edge of the touch screen, the number of columns in the
在步骤S55执行完毕后,通过步骤S53对图标列表的行间距和列间距进行分别的调整,因为在本实施例中,行数并未变化,所以对应的在进行行间距和列间距的调整的过程中,行间距也不会变化。After step S55 is executed, the row spacing and column spacing of the icon list are adjusted separately by step S53, because in this embodiment, the number of rows does not change, so the corresponding row spacing and column spacing are adjusted During the process, the line spacing will not change.
在本发明的另一个实施例中,当在步骤S51中确定执行方向为横向且从触控屏的边缘向中心延伸时,则执行步骤S56。In another embodiment of the present invention, when it is determined in step S51 that the execution direction is horizontal and extends from the edge of the touch screen to the center, then step S56 is executed.
S56、当执行方向为横向且从边缘向中心延伸时,增加显示页面中图标列表的列数。S56. When the execution direction is horizontal and extends from the edge to the center, increase the number of columns of the icon list on the display page.
在本实施例中,执行方向为横向且从触控屏的中心向边缘延伸,则增加图标列表13b的列数,形成如图13所示的3行4列的图标列表13f。In this embodiment, the execution direction is horizontal and extends from the center to the edge of the touch screen, so the number of columns in the
在步骤S56执行完毕后,通过步骤S53对图标列表的行间距和列间距进行分别的调整,因为在本实施例中,行数并未变化,所以对应的在进行行间距和列间距的调整的过程中,行间距也不会变化。After step S56 is executed, the row spacing and column spacing of the icon list are adjusted separately by step S53, because in this embodiment, the number of rows has not changed, so the adjustment of row spacing and column spacing During the process, the line spacing will not change.
在本发明的另一个实施例中,当在步骤S51中确定执行方向为纵向且从触控屏的中心向边缘延伸时,则执行步骤S57。In another embodiment of the present invention, when it is determined in step S51 that the execution direction is vertical and extends from the center to the edge of the touch screen, then step S57 is executed.
S57、当执行方向为纵向且从中心向边缘延伸时,减少显示页面中图标列表的行数。S57. When the execution direction is vertical and extends from the center to the edge, reduce the number of rows of the icon list on the display page.
在本实施例中,执行方向为纵向且从触控屏的中心向边缘延伸,则减少图标列表13b的行数,形成如图14所示的2行3列的图标列表13g。In this embodiment, the execution direction is vertical and extends from the center to the edge of the touch screen, so the number of rows of the
在步骤S57执行完毕后,通过步骤S53对图标列表的行间距和列间距进行分别的调整,因为在本实施例中,列数并未变化,所以对应的在进行行间距和列间距的调整的过程中,列间距也不会变化。After step S57 is executed, the row spacing and column spacing of the icon list are adjusted separately by step S53, because in this embodiment, the number of columns does not change, so the corresponding row spacing and column spacing are adjusted During the process, the column spacing will not change.
在本发明的另一个实施例中,当在步骤S51中确定执行方向为纵向且从触控屏的边缘向中心延伸时,则执行步骤S58。In another embodiment of the present invention, when it is determined in step S51 that the execution direction is vertical and extends from the edge of the touch screen to the center, then step S58 is executed.
S58、当执行方向为纵向且从边缘向中心延伸时,增加显示页面中图标列表的行数。S58. When the execution direction is vertical and extends from the edge to the center, increase the number of rows of the icon list on the display page.
在本实施例中,执行方向为纵向且从触控屏的中心向边缘延伸,则增加图标列表13b的行数,形成如图15所示的4行3列的图标列表13h。In this embodiment, the execution direction is vertical and extends from the center to the edge of the touch screen, so the number of rows of the
在步骤S58执行完毕后,通过步骤S53对图标列表的行间距和列间距进行分别的调整,因为在本实施例中,列数并未变化,所以对应的在进行行间距和列间距的调整的过程中,列间距也不会变化。After step S58 is executed, the row spacing and column spacing of the icon list are adjusted separately by step S53, because in this embodiment, the number of columns does not change, so the corresponding row spacing and column spacing are adjusted During the process, the column spacing will not change.
与上述一种图标显示的调整方法相对应,本发明还提供了一种终端1,如图16所示,包括:Corresponding to the above method for adjusting icon display, the present invention also provides a terminal 1, as shown in FIG. 16 , including:
加载单元200,用于在触控屏上加载图标列表显示页面;A loading unit 200, configured to load an icon list display page on the touch screen;
检测单元210,用于当所述触控屏上发生图标调整操作时,获取所检测到的图标调整操作的操作幅度和执行方向;The detection unit 210 is configured to obtain the detected operation range and execution direction of the icon adjustment operation when an icon adjustment operation occurs on the touch screen;
显示页面调整单元220,用于当所述图标调整操作的操作幅度大于预设幅度时,根据所述图标调整操作的执行方向,调整所述图标列表的显示方式。The display page adjustment unit 220 is configured to adjust the display mode of the icon list according to the execution direction of the icon adjustment operation when the operation range of the icon adjustment operation is greater than a preset range.
可选的,在该终端1中,操作幅度包括图标调整操作的执行幅度在横向上的投影长度和图标调整操作的执行幅度在纵向上的投影长度中至少一项;Optionally, in the
该执行方向为一次图标调整操作的起始点向延伸点延伸的方向;The execution direction is the direction from the starting point of an icon adjustment operation to the extension point;
该执行幅度为一次图标调整操作的起始点到延伸点的长度。The execution range is the length from the start point to the extension point of an icon adjustment operation.
可选的,在该终端1中,调整图标列表的显示方式包括:调整图标列表的行数、列数、行间距、列间距中的至少一种。Optionally, in the
进一步的,在该终端1中,显示页面调整单元220,包括:Further, in the
行数调整模块221,用于对所述图标列表的行数进行调整;A row number adjustment module 221, configured to adjust the row number of the icon list;
行间距调整模块222,用于对所述行数调整后的图标列表的行间距进行调整,以使所述行间距调整后的图标列表适应所述显示页面的尺寸;A line spacing adjustment module 222, configured to adjust the line spacing of the icon list after the line number adjustment, so that the icon list after the line spacing adjustment adapts to the size of the display page;
和/或and / or
列数调整模块223,用于对所述图标列表的列数进行调整;A column number adjustment module 223, configured to adjust the column number of the icon list;
列间距调整模块224,用于对所述行数调整后的图标列表的列间距进行调整,以使所述列间距调整后的图标列表适应所述显示页面的尺寸;A column spacing adjustment module 224, configured to adjust the column spacing of the icon list after the row number adjustment, so that the icon list after the column spacing adjustment adapts to the size of the display page;
和/或and / or
行列数调整模块225,用于同时对所述图标列表的行数和列数进行调整;The number of rows and columns adjustment module 225 is used to adjust the number of rows and columns of the icon list at the same time;
行列间距调整模块226,用于对所述行数和列数调整后的图标列表的行间距和列间距进行调整,以使所述行间距和列间距调整后的图标列表适应所述显示页面的尺寸。The row-column spacing adjustment module 226 is configured to adjust the row spacing and column spacing of the icon list after the row number and the column number adjustment, so that the icon list after the row spacing and column spacing adjustment adapts to the display page size.
进一步的,在该终端1中,行数调整模块221,具体用于如果图标调整操作的执行方向为横向且从触控屏的中心向边缘延伸,减少图标列表的行数;如果图标调整操作的执行方向为横向且从触控屏的边缘向中心延伸时,增加图标列表的行数。Further, in the
进一步的,在该终端1中,列数调整模块223,具体用于如果图标调整操作的执行方向为纵向且从触控屏的中心向边缘延伸,减少图标列表的列数;如果图标调整操作的执行方向为纵向且从触控屏的边缘向中心延伸,增加图标列表的列数。Further, in the
进一步的,在该终端1中,行列数调整模块225,具体用于如果图标调整操作的执行方向为斜向且从触控屏的中心向边缘延伸,同时减少图标列表的列数和行数;如果图标调整操作的执行方向为斜向且从触控屏的边缘向中心延伸,同时增加图标列表的列数和行数;Further, in the
其中,斜向为与横向或纵向的夹角大于规定角度的方向。Wherein, the oblique direction is a direction whose included angle with the horizontal or vertical direction is greater than a specified angle.
可选的,该终端1,还包括:Optionally, the
非显示页面调整单元230,用于根据调整后的图标列表的显示方式,对非显示页面的图标列表的显示方式进行调整,以使非显示页面的显示方式与调整后的图标列表的显示方式相同。The non-display page adjustment unit 230 is configured to adjust the display mode of the icon list of the non-display page according to the adjusted display mode of the icon list, so that the display mode of the non-display page is the same as the display mode of the adjusted icon list .
本发明实施例提供的终端,在加载包含图标列表显示页面的触控屏上,获取所检测用户的图标调整操作的操作幅度和执行方向,当操作幅度超过所设置的预设幅度时,根据执行方向对图标列表的显示方式进行调整,从而使用户可以通过简便的操作实现图标列表显示方式的调整,并且根据一次图标调整操作便可以完成一次显示方式的调整,也避免了通过调整程序统一的进行调整时给处理器带来的负担。The terminal provided by the embodiment of the present invention obtains the operation range and execution direction of the detected user’s icon adjustment operation on the touch screen loaded with the icon list display page, and when the operation range exceeds the set preset range, according to the execution The direction adjusts the display mode of the icon list, so that the user can adjust the display mode of the icon list through simple operations, and can complete the adjustment of the display mode according to one icon adjustment operation, and also avoids the uniform adjustment through the adjustment program The burden placed on the processor when adjusting.
图17示出了本发明上述的终端的结构,通过该终端的结构可以用于实施本发明实施例中所描述的方法,为了便于说明,仅示出了与本发明实施例相关的部分,具体技术细节未揭示的,请参照本发明的方法实施例。Figure 17 shows the structure of the above-mentioned terminal of the present invention, through which the structure of the terminal can be used to implement the method described in the embodiment of the present invention, for the convenience of description, only the parts related to the embodiment of the present invention are shown, specifically For technical details not disclosed, please refer to the method embodiments of the present invention.
该终端可以为包括手机、平板电脑、PDA(Personal Digital Assistant,个人数字助理)、POS(Point of Sales,销售终端)、车载电脑等终端设备,以终端为手机为例,图17示出的是与本发明实施例提供的终端相关的手机300的部分结构的框图。手机300,包括输入单元310、存储器320、显示单元330、处理器340以及电源350等部件。本领域技术人员可以理解,图17中示出的手机结构并不构成对手机的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。The terminal can be terminal equipment including mobile phone, tablet computer, PDA (Personal Digital Assistant, personal digital assistant), POS (Point of Sales, sales terminal), vehicle-mounted computer, etc. Taking the terminal as a mobile phone as an example, Figure 17 shows A block diagram of a partial structure of the
下面结合图17对手机300的各个构成部件进行具体介绍:Below in conjunction with Fig. 17, each component of
输入单元310可用于接收输入的指令,以及产生与手机300的用户设置以及功能控制有关的键信号输入。输入单元310可包括触控面板311以及其他输入设备312。触控面板311,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板311上或在触控面板311附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板311可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器340,并能接收处理器340发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板311。除了触控面板311,输入单元310还可以包括其他输入设备312。具体地,其他输入设备312可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。The
存储器320可用于存储软件程序以及模块,处理器340通过运行存储在存储器320的软件程序以及模块,从而执行手机300的各种功能应用以及数据处理。存储器320可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序并存在对应的图标;存储数据区可存储根据手机300的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器320可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。The
显示单元330可用于显示由用户输入的信息或提供给用户的信息以及手机300的各种菜单。显示单元330可包括显示面板331,可选的,可以采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-EmittingDiode,有机发光二极管)等形式来配置显示面板331。进一步的,触控面板311可覆盖显示面板331,当触控面板311检测到在其上或附近的触摸操作后,传送给处理器340以确定触摸事件的类型,随后处理器340根据触摸事件的类型在显示面板331上提供相应的视觉输出。虽然在图17中,触控面板311与显示面板331是作为两个独立的部件来实现手机300的输入和输入功能,但是在某些实施例中,可以将触控面板311与显示面板331集成而实现手机300的输入和输出功能。The
处理器340是手机300的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器320内的软件程序和/或模块,以及调用存储在存储器320内的数据,执行手机300的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器340可包括一个或多个处理单元;优选的,处理器340可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等。The
手机300还包括给各个部件供电的电源350(比如电池),优选的,电源可以通过电源管理系统与处理器340逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。The
尽管未示出,手机300还可以包括摄像头、蓝牙模块等,在此不再赘述。Although not shown, the
在本发明实施例中,如图18所示,该终端1所包括的触控屏11、存储器320和处理器340,还具有以下功能:In the embodiment of the present invention, as shown in FIG. 18 , the
触控屏11用于加载图标列表显示页面,并接收用户所执行的触控操作。The
在本发明实施例中,触控屏11包含两个部分,即用于对显示页面进行显示和加载的显示面板331以及对用户所执行的触控操作进行获取的触控面板311,即该触控屏11可以对显示页面进行加载和显示,也可以获取用户所执行的触控操作;该触控操作可以包括:用于启动终端1内所存储的应用程序的点击操作,用于使终端1从正常显示模式切换至图标调整模式的模式切换操作,用于改变图标列表的显示方式的图标调整操作等,当然,本领域技术人员可以理解的,触控操作还可以包括其他触控屏11可以进行识别的操作。In the embodiment of the present invention, the
所述处理器340,用于当触控屏11上发生图标调整操作时,获取所检测到的图标调整操作的操作幅度和执行方向;当图标调整操作的操作幅度大于存储器320中所存储的预设幅度时,根据图标调整操作的执行方向,调整所述图标列表的显示方式。The
在本发明实施例中,操作幅度包括图标调整操作的执行幅度在横向上的投影长度和图标调整操作的执行幅度在纵向上的投影长度中至少一项,该执行幅度为一次图标调整操作的起始点到延伸点的长度;因为在进行图标列表的调整时,需要分别确认其横向和纵向是否需要调整,所以当执行方向为斜向时需要确定该执行幅度在横向和纵向上的分量,即横向执行幅度和纵向执行幅度,该操作幅度包括该横向执行幅度和纵向执行幅度之中至少一项。另外,预设幅度可以包括横向预设幅度和纵向预设幅度,其中在对调整进行判断时,根据横向预设幅度对横向执行幅度进行判断,根据纵向预设幅度对纵向执行幅度进行判断;该预设幅度包括作为纵向预设幅度的图标列表的行间距,作为横向操作幅度的图标列表的列间距,此时,在进行显示方式调整时,根据行间距对纵向操作幅度进行判断,根据列间距对横向操作幅度进行判断。In this embodiment of the present invention, the operation range includes at least one of the projection length of the execution range of the icon adjustment operation in the horizontal direction and the projection length of the execution range of the icon adjustment operation in the vertical direction, and the execution range is the starting point of an icon adjustment operation. The length from the starting point to the extension point; because when adjusting the icon list, it is necessary to confirm whether its horizontal and vertical adjustments need to be adjusted separately, so when the execution direction is oblique, it is necessary to determine the horizontal and vertical components of the execution range, that is, horizontal An execution range and a vertical execution range, the operation range includes at least one of the horizontal execution range and the vertical execution range. In addition, the preset range may include a horizontal preset range and a vertical preset range, wherein when judging the adjustment, the horizontal execution range is judged according to the horizontal preset range, and the vertical execution range is judged according to the vertical preset range; The preset range includes the line spacing of the icon list as the vertical preset range, and the column spacing of the icon list as the horizontal operation range. At this time, when adjusting the display mode, the vertical operation range is judged according to the row spacing, and the column spacing Judgment is made on the lateral operation range.
在本发明实施例中,该执行方向为一次图标调整操作的起始点向延伸点的延伸方向,在终端1对执行方向进行判断时,可以包括以下几种情况中的至少一种:横向且从所述触控屏的中心向边缘延伸,横向且从所述触控屏的边缘向中心延伸,纵向且从所述触控屏的中心向边缘延伸,纵向且从所述触控屏的边缘向中心延伸,斜向且从所述触控屏的中心向边缘延伸,斜向且从所述触控屏的边缘向中心延伸,其中,斜向为与横向或纵向的夹角大于规定角度的方向。In the embodiment of the present invention, the execution direction is the extension direction from the starting point of an icon adjustment operation to the extension point. When the
在进行调整方式的判断时,该处理器340,调整图标列表的显示方式包括:When judging the adjustment mode, the
调整图标列表的行数、列数、行间距、列间距中的至少一种,其中该图标列表的行数、列数、行间距、列间距分别存储在存储器320中。Adjusting at least one of the row number, column number, row spacing, and column spacing of the icon list, wherein the row number, column number, row spacing, and column spacing of the icon list are respectively stored in the
在本实施例中,在处理器340调整图标列表的显示方式,具体包括:调整图标列表的显示方式包括:In this embodiment, adjusting the display mode of the icon list at the
对存储器320中所存储的图标列表的行数进行调整;Adjust the number of rows of the icon list stored in the
对行数调整后的图标列表的行间距进行调整,以使行间距调整后的图标列表适应显示页面的尺寸;Adjust the line spacing of the icon list after the number of lines is adjusted, so that the icon list after the line spacing is adjusted to fit the size of the display page;
和/或and / or
对存储器320中所存储的图标列表的列数进行调整;Adjust the number of columns of the icon list stored in the
对行数调整后的图标列表的列间距进行调整,以使列间距调整后的图标列表适应显示页面的尺寸;Adjust the column spacing of the icon list after adjusting the number of rows, so that the icon list after adjusting the column spacing can adapt to the size of the display page;
和/或and / or
同时对存储器320中所存储的图标列表的行数和列数进行调整;At the same time, adjust the number of rows and columns of the icon list stored in the
对行数和列数调整后的图标列表的行间距和列间距进行调整,以使行间距和列间距调整后的图标列表适应显示页面的尺寸。Adjust the row spacing and column spacing of the icon list after the number of rows and columns has been adjusted, so that the icon list after adjusting the row and column spacing can adapt to the size of the display page.
具体的,在处理器340对图标列表的行数进行调整时,包括以下情况中至少一种:Specifically, when the
当图标调整操作的执行方向为横向且从触控屏的中心向边缘延伸时,减少存储器320中所存储的图标列表的行数;When the execution direction of the icon adjustment operation is horizontal and extends from the center of the touch screen to the edge, reduce the number of rows of the icon list stored in the
当图标调整操作的执行方向为横向且从触控屏的边缘向中心延伸时,增加存储器320中所存储的图标列表的行数。When the execution direction of the icon adjustment operation is horizontal and extends from the edge of the touch screen to the center, the number of rows of the icon list stored in the
具体的,在处理器340对图标列表的列数进行调整时,包括以下情况中至少一种:Specifically, when the
当图标调整操作的执行方向为纵向且从触控屏的中心向边缘延伸时,减少存储器320中所存储的图标列表的列数;When the execution direction of the icon adjustment operation is vertical and extends from the center of the touch screen to the edge, reduce the number of columns of the icon list stored in the
当图标调整操作的执行方向为纵向且从触控屏的边缘向中心延伸时,增加存储器320中所存储的图标列表的列数。When the execution direction of the icon adjustment operation is vertical and extends from the edge of the touch screen to the center, the number of columns of the icon list stored in the
具体的,在处理器340,同时对图标列表的行数和列数进行调整时,包括以下情况中至少一种:Specifically, when the
当图标调整操作的执行方向为斜向且从触控屏的中心向边缘延伸时,同时减少存储器320中所存储的图标列表的列数和行数;When the execution direction of the icon adjustment operation is oblique and extends from the center of the touch screen to the edge, simultaneously reduce the number of columns and the number of rows of the icon list stored in the
当图标调整操作的执行方向为斜向且从触控屏的边缘向中心延伸时,同时增加存储器320中所存储的图标列表的列数和行数。When the execution direction of the icon adjustment operation is oblique and extends from the edge of the touch screen to the center, the number of columns and the number of rows of the icon list stored in the
进一步地,处理器340在调整图标列表的显示方式之后,该处理器340,还用于根据调整后的图标列表的显示方式,对非显示页面的图标列表的显示方式进行调整,以使非显示页面的显示方式与调整后的图标列表的显示方式相同。Further, after the
本发明实施例提供的终端,在加载包含图标列表显示页面的触控屏上,获取所检测用户的图标调整操作的操作幅度和执行方向,当操作幅度超过所设置的预设幅度时,根据执行方向对图标列表的显示方式进行调整,从而使用户可以通过简便的操作实现图标列表显示方式的调整,并且根据一次图标调整操作便可以完成一次显示方式的调整,也避免了通过调整程序统一的进行调整时给处理器带来的负担。The terminal provided by the embodiment of the present invention obtains the operation range and execution direction of the detected user’s icon adjustment operation on the touch screen loaded with the icon list display page, and when the operation range exceeds the set preset range, according to the execution The direction adjusts the display mode of the icon list, so that the user can adjust the display mode of the icon list through simple operations, and can complete the adjustment of the display mode according to one icon adjustment operation, and also avoids the uniform adjustment through the adjustment program The burden placed on the processor when adjusting.
需说明的是,上述处理器除了具有上述功能之外,还可用于执行上述方法实施例中的其他流程,在此不再赘述。It should be noted that, in addition to having the above-mentioned functions, the above-mentioned processor may also be used to execute other procedures in the above-mentioned method embodiments, which will not be repeated here.
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。The above is only a specific embodiment of the present invention, but the scope of protection of the present invention is not limited thereto. Anyone skilled in the art can easily think of changes or substitutions within the technical scope disclosed in the present invention. All should be covered within the protection scope of the present invention. Therefore, the protection scope of the present invention should be based on the protection scope of the claims.
Claims (18)
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711433342.2A CN108228039A (en) | 2013-01-28 | 2013-01-28 | The method of adjustment and terminal that icon is shown |
| CN201711433336.7A CN108089789A (en) | 2013-01-28 | 2013-01-28 | The method of adjustment and terminal that icon is shown |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| PCT/CN2013/071037 WO2014113996A1 (en) | 2013-01-28 | 2013-01-28 | Method and terminal for adjusting icon display |
Related Child Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711433342.2A Division CN108228039A (en) | 2013-01-28 | 2013-01-28 | The method of adjustment and terminal that icon is shown |
| CN201711433336.7A Division CN108089789A (en) | 2013-01-28 | 2013-01-28 | The method of adjustment and terminal that icon is shown |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103649895A true CN103649895A (en) | 2014-03-19 |
| CN103649895B CN103649895B (en) | 2018-02-06 |
Family
ID=50253403
Family Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201380000279.7A Active CN103649895B (en) | 2013-01-28 | 2013-01-28 | Adjustment method and terminal of icon display |
| CN201711433336.7A Pending CN108089789A (en) | 2013-01-28 | 2013-01-28 | The method of adjustment and terminal that icon is shown |
Family Applications After (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711433336.7A Pending CN108089789A (en) | 2013-01-28 | 2013-01-28 | The method of adjustment and terminal that icon is shown |
Country Status (2)
| Country | Link |
|---|---|
| CN (2) | CN103649895B (en) |
| WO (1) | WO2014113996A1 (en) |
Cited By (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104317522A (en) * | 2014-11-05 | 2015-01-28 | 上海斐讯数据通信技术有限公司 | Terminal equipment, display device, and document icon showing method and system |
| CN104991696A (en) * | 2015-06-15 | 2015-10-21 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN105045479A (en) * | 2015-06-26 | 2015-11-11 | 联想(北京)有限公司 | Icon display method and electronic device |
| CN105511789A (en) * | 2015-12-08 | 2016-04-20 | 魅族科技(中国)有限公司 | Icon processing method and terminal |
| CN105630274A (en) * | 2014-10-31 | 2016-06-01 | 展讯通信(天津)有限公司 | Electronic equipment status bar display system and method |
| CN105955738A (en) * | 2016-04-28 | 2016-09-21 | 乐视控股(北京)有限公司 | User interface display method and user interface display device corresponding to 3D list data |
| CN106126041A (en) * | 2016-06-30 | 2016-11-16 | 努比亚技术有限公司 | The desktop icon management method of a kind of mobile terminal and mobile terminal |
| CN106325493A (en) * | 2015-06-30 | 2017-01-11 | 现代自动车株式会社 | Vehicle and method of controlling the same |
| CN106648341A (en) * | 2016-11-18 | 2017-05-10 | 惠州Tcl移动通信有限公司 | Display interface make-ready method and system |
| CN106933446A (en) * | 2017-02-27 | 2017-07-07 | 东软集团股份有限公司 | The location regulation method and device of terminal interface display content |
| CN107765984A (en) * | 2017-10-26 | 2018-03-06 | 深圳市金立通信设备有限公司 | Adjust method, terminal and the computer-readable recording medium of operation object spacing |
| CN109154931A (en) * | 2016-07-28 | 2019-01-04 | 三星电子株式会社 | Show the method for content and the electronic equipment suitable for this method |
| CN109165366A (en) * | 2018-09-27 | 2019-01-08 | 上海哔哩哔哩科技有限公司 | List display method of adjustment, device and storage medium based on selected object |
| CN109426418A (en) * | 2017-08-31 | 2019-03-05 | 北京橙鑫数据科技有限公司 | A kind of method and device adjusting electronic card |
| CN116665566A (en) * | 2023-05-09 | 2023-08-29 | 深圳市好克医疗仪器股份有限公司 | High pressure injector parameter display method, device, electronic equipment and storage medium |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108228039A (en) * | 2013-01-28 | 2018-06-29 | 华为终端(东莞)有限公司 | The method of adjustment and terminal that icon is shown |
| CN109117039B (en) * | 2018-07-19 | 2020-11-03 | 珠海格力电器股份有限公司 | Display method and terminal equipment |
| CN111638823B (en) * | 2020-05-27 | 2022-06-10 | 维沃移动通信(杭州)有限公司 | Application icon display method and device and electronic equipment |
| CN112015105A (en) * | 2020-08-25 | 2020-12-01 | 深圳市欧瑞博科技股份有限公司 | Control method of intelligent household control panel, electronic equipment and storage medium |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101587419A (en) * | 2008-05-21 | 2009-11-25 | 鸿富锦精密工业(深圳)有限公司 | Method for controlling display of icons of touch screen |
| CN101840305A (en) * | 2010-05-18 | 2010-09-22 | 华为终端有限公司 | Display method of user graphical interface and terminal equipment |
| US20100283743A1 (en) * | 2009-05-07 | 2010-11-11 | Microsoft Corporation | Changing of list views on mobile device |
| CN102193737A (en) * | 2011-05-18 | 2011-09-21 | 苏州佳世达电通有限公司 | Method for displaying application icons of electronic device and group setting method |
| US20110316888A1 (en) * | 2010-06-28 | 2011-12-29 | Invensense, Inc. | Mobile device user interface combining input from motion sensors and other controls |
| KR20120046334A (en) * | 2010-11-02 | 2012-05-10 | 유비벨록스(주) | Method for adjusting execution icon and mobile terminal adapted therefor |
| CN102609170A (en) * | 2011-01-25 | 2012-07-25 | 仁宝电脑工业股份有限公司 | Electronic device and information presentation method thereof |
| CN102880399A (en) * | 2012-08-01 | 2013-01-16 | 北京三星通信技术研究有限公司 | Screen operation method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108228039A (en) * | 2013-01-28 | 2018-06-29 | 华为终端(东莞)有限公司 | The method of adjustment and terminal that icon is shown |
-
2013
- 2013-01-28 CN CN201380000279.7A patent/CN103649895B/en active Active
- 2013-01-28 CN CN201711433336.7A patent/CN108089789A/en active Pending
- 2013-01-28 WO PCT/CN2013/071037 patent/WO2014113996A1/en active Application Filing
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101587419A (en) * | 2008-05-21 | 2009-11-25 | 鸿富锦精密工业(深圳)有限公司 | Method for controlling display of icons of touch screen |
| US20100283743A1 (en) * | 2009-05-07 | 2010-11-11 | Microsoft Corporation | Changing of list views on mobile device |
| CN101840305A (en) * | 2010-05-18 | 2010-09-22 | 华为终端有限公司 | Display method of user graphical interface and terminal equipment |
| US20110316888A1 (en) * | 2010-06-28 | 2011-12-29 | Invensense, Inc. | Mobile device user interface combining input from motion sensors and other controls |
| KR20120046334A (en) * | 2010-11-02 | 2012-05-10 | 유비벨록스(주) | Method for adjusting execution icon and mobile terminal adapted therefor |
| CN102609170A (en) * | 2011-01-25 | 2012-07-25 | 仁宝电脑工业股份有限公司 | Electronic device and information presentation method thereof |
| CN102193737A (en) * | 2011-05-18 | 2011-09-21 | 苏州佳世达电通有限公司 | Method for displaying application icons of electronic device and group setting method |
| CN102880399A (en) * | 2012-08-01 | 2013-01-16 | 北京三星通信技术研究有限公司 | Screen operation method and device |
Cited By (18)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105630274A (en) * | 2014-10-31 | 2016-06-01 | 展讯通信(天津)有限公司 | Electronic equipment status bar display system and method |
| CN104317522A (en) * | 2014-11-05 | 2015-01-28 | 上海斐讯数据通信技术有限公司 | Terminal equipment, display device, and document icon showing method and system |
| CN104991696A (en) * | 2015-06-15 | 2015-10-21 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN105045479A (en) * | 2015-06-26 | 2015-11-11 | 联想(北京)有限公司 | Icon display method and electronic device |
| CN106325493A (en) * | 2015-06-30 | 2017-01-11 | 现代自动车株式会社 | Vehicle and method of controlling the same |
| CN105511789A (en) * | 2015-12-08 | 2016-04-20 | 魅族科技(中国)有限公司 | Icon processing method and terminal |
| CN105955738A (en) * | 2016-04-28 | 2016-09-21 | 乐视控股(北京)有限公司 | User interface display method and user interface display device corresponding to 3D list data |
| CN106126041A (en) * | 2016-06-30 | 2016-11-16 | 努比亚技术有限公司 | The desktop icon management method of a kind of mobile terminal and mobile terminal |
| CN106126041B (en) * | 2016-06-30 | 2020-06-05 | 亳州鼎源科技信息有限公司 | Desktop icon management method of mobile terminal and mobile terminal |
| CN109154931A (en) * | 2016-07-28 | 2019-01-04 | 三星电子株式会社 | Show the method for content and the electronic equipment suitable for this method |
| CN106648341A (en) * | 2016-11-18 | 2017-05-10 | 惠州Tcl移动通信有限公司 | Display interface make-ready method and system |
| US11061545B2 (en) | 2016-11-18 | 2021-07-13 | Jrd Communication (Shenzhen) Ltd | Electronic apparatus, adjustment method for display interface layout in electronic apparatus, and adjustment system for display interface layout |
| CN106933446A (en) * | 2017-02-27 | 2017-07-07 | 东软集团股份有限公司 | The location regulation method and device of terminal interface display content |
| CN109426418A (en) * | 2017-08-31 | 2019-03-05 | 北京橙鑫数据科技有限公司 | A kind of method and device adjusting electronic card |
| CN107765984A (en) * | 2017-10-26 | 2018-03-06 | 深圳市金立通信设备有限公司 | Adjust method, terminal and the computer-readable recording medium of operation object spacing |
| CN109165366A (en) * | 2018-09-27 | 2019-01-08 | 上海哔哩哔哩科技有限公司 | List display method of adjustment, device and storage medium based on selected object |
| US12361087B2 (en) | 2018-09-27 | 2025-07-15 | Shanghai Bilibili Technology Co., Ltd. | Content display adjustment |
| CN116665566A (en) * | 2023-05-09 | 2023-08-29 | 深圳市好克医疗仪器股份有限公司 | High pressure injector parameter display method, device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103649895B (en) | 2018-02-06 |
| CN108089789A (en) | 2018-05-29 |
| WO2014113996A1 (en) | 2014-07-31 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103649895B (en) | Adjustment method and terminal of icon display | |
| US9645663B2 (en) | Electronic display with a virtual bezel | |
| CN102262479B (en) | Electronic device and method of operation thereof | |
| US20170199662A1 (en) | Touch operation method and apparatus for terminal | |
| EP3564802B1 (en) | Method and device for displaying application, and electronic terminal | |
| US20150331573A1 (en) | Handheld mobile terminal device and method for controlling windows of same | |
| TWI656472B (en) | Interface adjustment method and electronic device | |
| CN107272956A (en) | A kind of display methods, mobile terminal and computer-readable recording medium | |
| CN112148405B (en) | Desktop layout method and device and electronic equipment | |
| CN106057169B (en) | Eye protection method for mobile terminal and mobile terminal | |
| CN113986076B (en) | Icon display control method, device, electronic device and storage medium | |
| WO2022121903A1 (en) | Desktop arrangement method and apparatus, and electronic device | |
| EP3674865B1 (en) | Display processing method and electronic device | |
| US9851876B2 (en) | Method, apparatus and computer-readable medium for adjusting size of screen object | |
| CN106357918A (en) | Method for adjusting screen brightness and mobile terminal | |
| CN104166508B (en) | A kind of touch-control implementation method and device | |
| CN107562262A (en) | A kind of method, terminal and computer-readable recording medium for responding touch control operation | |
| JP5767378B1 (en) | Computer program for controlling objects in virtual space and computer-implemented method | |
| CN114222355A (en) | Terminal power saving display method and device and electronic equipment | |
| JP2014123288A (en) | Electronic apparatus, control method and program | |
| CN105574044A (en) | Folder icon adjustment system and method | |
| CN113703630A (en) | Interface display method and device | |
| US8963854B2 (en) | Data processing device, and computer program and data processing method thereof | |
| US20140165011A1 (en) | Information processing apparatus | |
| JP6130583B1 (en) | Computer program for controlling objects in virtual space and computer-implemented method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20171109 Address after: Metro Songshan Lake high tech Industrial Development Zone, Guangdong Province, Dongguan City Road 523808 No. 2 South Factory (1) project B2 -5 production workshop Applicant after: Huawei terminal (Dongguan) Co.,Ltd. Address before: 518129 Longgang District, Guangdong, Bantian HUAWEI base B District, building 2, building No. Applicant before: HUAWEI DEVICE Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 523808 Southern Factory Building (Phase I) Project B2 Production Plant-5, New Town Avenue, Songshan Lake High-tech Industrial Development Zone, Dongguan City, Guangdong Province Patentee after: HUAWEI DEVICE Co.,Ltd. Address before: 523808 Southern Factory Building (Phase I) Project B2 Production Plant-5, New Town Avenue, Songshan Lake High-tech Industrial Development Zone, Dongguan City, Guangdong Province Patentee before: Huawei terminal (Dongguan) Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20210511 Address after: Delaware, USA Patentee after: PCMS HOLDINGS, Inc. Address before: 523808 Southern Factory Building (Phase I) Project B2 Production Plant-5, New Town Avenue, Songshan Lake High-tech Industrial Development Zone, Dongguan City, Guangdong Province Patentee before: HUAWEI DEVICE Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230822 Address after: Delaware USA Patentee after: TAG-COMM Inc. Address before: Delaware Patentee before: PCMS HOLDINGS, Inc. |
|
| TR01 | Transfer of patent right |