技术领域technical field
本发明涉及界面布局技术领域，特别是涉及一种触摸型终端的图标移动方法及触摸型终端。The present invention relates to the technical field of interface layout, in particular to a method for moving an icon of a touch-type terminal and the touch-type terminal.
背景技术Background technique
随着计算机技术的迅猛发展，智能移动终端（特别是触摸型智能移动终端）的功能也越来越强大，安装在其上的应用程序也越来越丰富。被安装在智能移动终端上的应用程序，有些是用户经常使用的，有些是用户偶尔使用的，有些是用户很少使用的，因此用户希望将这些应用程序重新布局，这就需要对应用程序图标在用户界面下的布局进行调整。With the rapid development of computer technology, the functions of smart mobile terminals (especially touch-type smart mobile terminals) are becoming more and more powerful, and the applications installed on them are also becoming more and more abundant. Some of the applications installed on the smart mobile terminal are often used by users, some are used occasionally by users, and some are rarely used by users. Therefore, users want to rearrange these applications, which requires the application icon The layout under the user interface was adjusted.
目前，对应用程序图标在用户界面下的布局进行调整的方式主要是选中需要移动的应用程序图标，然后移动到移动终端屏幕的左边缘或者右边缘，逐一对用户界面的页面进行切换，直到切换到目标页面，将应用程序图标拖动到目标页面需要放置的相应位置。At present, the way to adjust the layout of application program icons under the user interface is mainly to select the application program icon to be moved, then move to the left edge or right edge of the mobile terminal screen, and switch the pages of the user interface one by one until switching Go to the target page, and drag the application icon to the corresponding position on the target page.
采用上述方案需要将移动终端屏幕上的应用程序图标移动到屏幕的左边缘或右边缘，手指移动的距离较远，增加了用户手指的负担，在将应用程序图标移动到屏幕的左边缘或右边缘的过程中，需要识别确定应用程序图标的确是移动到了屏幕的边缘，边缘的识别能力弱，需要等待一定的时间，效率较低；另外，采用本方案是逐一切换到下一个页面，效率较低。Adopting the above scheme needs to move the application program icon on the screen of the mobile terminal to the left or right edge of the screen, and the finger moves far away, which increases the burden on the user's finger. In the process of the edge, it is necessary to identify and confirm that the application icon has indeed moved to the edge of the screen. The ability to identify the edge is weak, and it needs to wait for a certain period of time, so the efficiency is low. In addition, this solution is to switch to the next page one by one, which is more efficient Low.
发明内容Contents of the invention
本发明提供了一种触摸型终端的图标移动方法及触摸型终端，能够减少用户手指负担的同时，又能提高应用程序图标在用户界面下的布局调整效率。The invention provides an icon moving method of a touch-type terminal and a touch-type terminal, which can reduce the burden on the user's fingers and improve the layout adjustment efficiency of application program icons under the user interface.
本发明提供了如下方案：The present invention provides following scheme:
依据本发明的一个方面，提供了一种触摸型终端的图标移动方法，包括以下步骤：According to one aspect of the present invention, a method for moving an icon of a touch-type terminal is provided, including the following steps:
根据检测的触摸操作，确定当前页面需要移动的图标；According to the detected touch operation, determine the icon that needs to be moved on the current page;
基于检测的触摸操作，获得所述需要移动的图标的移动轨迹；Based on the detected touch operation, obtain the moving track of the icon that needs to be moved;
当所述移动轨迹确定为弧形轨迹时，将所述需要移动的图标移动至相应的目标页面。When the moving track is determined to be an arc track, the icon to be moved is moved to a corresponding target page.
依据本发明的另一方面，提供了一种触摸型终端，具备用于显示包含有一个或多个图标的用户界面的界面显示模块和检测针对所述图标的触摸操作的触摸检测模块，所述终端的用户界面包括多个页面，还包括：According to another aspect of the present invention, a touch-type terminal is provided, which is provided with an interface display module for displaying a user interface including one or more icons and a touch detection module for detecting a touch operation on the icon, the The terminal's user interface consists of several pages, including:
移动确定模块，根据所述触摸检测模块检测的触摸操作，确定当前页面需要移动的图标；The movement determination module determines the icon that needs to be moved on the current page according to the touch operation detected by the touch detection module;
轨迹计算模块，基于所述触摸检测模块检测的触摸操作，获得所述需要移动的图标的移动轨迹；A trajectory calculation module, based on the touch operation detected by the touch detection module, to obtain the movement trajectory of the icon that needs to be moved;
图标移动模块，当所述移动轨迹确定为弧形轨迹时，将所述需要移动的图标移动至相应的目标页面。The icon moving module moves the icon to be moved to a corresponding target page when the moving track is determined to be an arc track.
根据本发明提供的一种触摸型终端的图标移动方法及触摸型终端，通过确定当前需要移动的图标，基于检测到的触摸操作，获取需要移动的图标的移动轨迹，当该移动轨迹确定为弧形轨迹时，将需要移动的图标移动至相应的目标页面。通过此方法，不需要将应用程序图标移动到屏幕的左边缘或右边缘，即可实现图标的移动，减少了用户手指的负担；根据需要移动的图标移动的弧形轨迹，能够将图标移动到相应的目标页面，而不需要逐一地进行页面切换至目标页面，直到切换至目标页面之后，再将图标移动至相应的目标页面，提高了图标移动的效率；另外，采用与现有技术不同的图标移动方法，增加了用户对图标移动的灵活性。According to the icon moving method of a touch-type terminal and the touch-type terminal provided by the present invention, by determining the icon that needs to be moved currently, based on the detected touch operation, the movement track of the icon that needs to be moved is obtained, when the movement track is determined to be an arc When the track is shaped, move the icon to be moved to the corresponding target page. With this method, the icon can be moved without moving the application icon to the left or right edge of the screen, which reduces the burden on the user's fingers; according to the arc trajectory of the icon that needs to be moved, the icon can be moved to Corresponding target pages, without the need to switch pages one by one to the target page, until after switching to the target page, then move the icon to the corresponding target page, which improves the efficiency of icon movement; The icon moving method increases the user's flexibility in moving icons.
附图说明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 accompanying drawings required in the embodiments. Obviously, the accompanying drawings in the following description are only some of the present invention. Embodiments, for those of ordinary skill in the art, other drawings can also be obtained based on these drawings without any creative effort.
图1是本发明实施例提供的触摸型终端的图标移动方法的流程图；FIG. 1 is a flow chart of an icon moving method for a touch-type terminal provided by an embodiment of the present invention;
图2是本发明实施例提供的触摸型终端的图标移动方法中页面切换的示意图；2 is a schematic diagram of page switching in an icon moving method of a touch-type terminal provided by an embodiment of the present invention;
图3是本发明实施例提供的触摸型终端的示意图。Fig. 3 is a schematic diagram of a touch-type terminal provided by an embodiment of the present invention.
具体实施方式detailed description
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员所获得的所有其他实施例，都属于本发明保护的范围。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. All other embodiments obtained by persons of ordinary skill in the art based on the embodiments of the present invention belong to the protection scope of the present invention.
实施例一、触摸型终端的图标移动方法。下面结合图1对本发明提供的方法进行详细说明。Embodiment 1. An icon moving method of a touch-type terminal. The method provided by the present invention will be described in detail below with reference to FIG. 1 .
图1中，S101、根据检测的触摸操作，确定当前页面需要移动的图标。In FIG. 1 , S101 , according to the detected touch operation, determine the icon that needs to be moved on the current page.
具体的，智能移动终端的用户界面通常包含有多个页面，在智能移动终端的使用过程中，为了使移动终端的用户界面的页面看起来更加美观、整齐，或者在移动终端用户界面的多个页面上，有的应用程序用户会经常使用，而有的应用程序用户会偶尔使用，有的应用程序用户很少会使用到。针对上述情况，用户可能会将经常使用的应用程序图标放置在一个页面上，将偶尔使用的应用程序图标放置在一个页面上，将很少使用的应用程序图标放置在另一个页面上，这时，用户就需要对当前页面上的应用程序图标进行调整，比如，将当前页面上的图标移动至其它的页面上。需要说明的是，上述图标不仅包含应用程序图标，也可以包含文件图标，例如图片图标等。本实施例以应用程序图标为例对本步骤进行说明。Specifically, the user interface of the smart mobile terminal usually includes multiple pages. During the use of the smart mobile terminal, in order to make the pages of the user interface of the mobile terminal look more beautiful and tidy, On the page, some application users will use it frequently, some application users will use it occasionally, and some application users will rarely use it. In view of the above situation, the user may place frequently used application icons on one page, occasionally used application icons on one page, and seldom used application icons on another page. , the user needs to adjust the application icon on the current page, for example, move the icon on the current page to another page. It should be noted that the above-mentioned icons not only include application program icons, but may also include file icons, such as picture icons and the like. In this embodiment, an application program icon is taken as an example to describe this step.
首先，在进行应用程序图标调整之前，用户需要选中需要调整的应用程序图标，智能移动终端根据用户选中应用程序图标的这一操作，激活用户界面进入布局调整状态。在具体实施时，可以预先设置一时间阈值，当用户选中上述应用程序图标的持续时间达到预先设置的时间阈值时，就激活用户界面进入界面布局调整状态。具体的激活界面布局调整状态可以通过多种方法来实现，其中，可以通过函数来实现，具体的可以定义一触发函数，当用户选中上述应用程序图标持续时间达到预先设置的时间阈值时，触发该函数，此函数就启动界面调整状态。First, before adjusting the application icon, the user needs to select the application icon to be adjusted, and the smart mobile terminal activates the user interface to enter the layout adjustment state according to the user's operation of selecting the application icon. During specific implementation, a time threshold may be preset, and when the user selects the application program icon for a duration reaching the preset time threshold, the user interface is activated and enters the interface layout adjustment state. The specific activation interface layout adjustment state can be realized through a variety of methods, among which, it can be realized through a function. Specifically, a trigger function can be defined. Function, this function starts the interface to adjust the state.
需要说明的是，上述智能移动终端可以为智能移动电话或平板电脑（PAD），并且主要为触摸型的智能移动终端。It should be noted that the above-mentioned smart mobile terminal may be a smart mobile phone or a tablet computer (PAD), and is mainly a touch-type smart mobile terminal.
S102、基于检测的触摸操作，获得上述需要移动的图标的移动轨迹。S102. Based on the detected touch operation, obtain the moving track of the icon that needs to be moved.
具体的，通过上述步骤S101激活用户界面进入布局调整状态后，用户可以在移动终端屏幕上拖拽前述需要移动的应用程序图标，智能移动终端获取用户拖拽该应用程序图标的轨迹。当然，用户拖拽上述应用程序图标有很多方式，形成的轨迹也会有多种，具体的可以为直线、折线、圆弧轨迹等，本实施例以用户拖拽应用程序图标的轨迹为弧形轨迹为例来说明本发明提供的方法，弧形轨迹比较常见，且比较有代表性。Specifically, after activating the user interface through the above step S101 to enter the layout adjustment state, the user can drag the aforementioned application icon that needs to be moved on the screen of the mobile terminal, and the smart mobile terminal obtains the trace of the user dragging the application icon. Of course, there are many ways for the user to drag the above-mentioned application program icon, and there will be many kinds of trajectories formed. Specifically, it can be a straight line, broken line, circular arc trajectory, etc. In this embodiment, the trajectory of the user dragging the application program icon is an arc. The trajectory is taken as an example to illustrate the method provided by the present invention. The arc trajectory is relatively common and representative.
在具体实现的过程中，可以记录下用户拖拽应用程序图标时用户手指的位置点，当记录的用户手指的位置点达到一定数量时，根据该用户手指的多个位置点进行拟合。具体的，可以以智能移动终端的屏幕中心为圆心，建立坐标轴，水平方向为横轴，竖直方向为纵轴，当然，也可以反过来，水平方向为纵轴，竖直方向为横轴，具体如何确定不做限定，本实施例以水平方向为横轴，竖直方向为纵轴为例进行详细说明。建立好坐标轴后，记录用户拖拽应用程序图标时用户手指的位置点，即记录下用户手指所在位置点的横坐标和纵坐标。在具体记录的过程中，需要时刻记录下用户拖拽应用程序图标时手指的位置点，这样才能记录下用户手指的众多个位置点，利用这些位置点进行拟合。During the specific implementation process, the position points of the user's finger when the user drags the application program icon can be recorded, and when the recorded position points of the user's finger reach a certain number, the fitting is performed according to the multiple position points of the user's finger. Specifically, the center of the screen of the smart mobile terminal can be used as the center of the circle to establish a coordinate axis. The horizontal direction is the horizontal axis, and the vertical direction is the vertical axis. Of course, it can also be reversed, and the horizontal direction is the vertical axis, and the vertical direction is the horizontal axis. , and how to determine it is not limited. In this embodiment, the horizontal axis is taken as the horizontal axis, and the vertical direction is taken as the vertical axis as an example for detailed description. After the coordinate axes are established, record the position of the user's finger when the user drags the application icon, that is, record the abscissa and ordinate of the position of the user's finger. In the specific recording process, it is necessary to record the position of the finger when the user drags the application program icon at all times, so as to record many position points of the user's finger, and use these position points for fitting.
S103、当上述移动轨迹确定为弧形轨迹时，将需要移动的图标移动至相应的目标页面。S103. When the above moving track is determined to be an arc track, move the icon to be moved to a corresponding target page.
具体的，根据用户拖拽应用程序图标时用户手指的多个位置点进行拟合，将该拟合后得到的曲线与预先设定的弧形轨迹进行相似性比对，当所述相似性达到预置阈值时，所述拟合后的曲线为弧形曲线，具体的相似性比对是通过现有技术实现的，在此不再重复说明。另外，在用户拖拽需要移动的应用程序图标的过程中，记录的用户手指的多个位置点中包括用户手指的起始位置点和终点位置点，根据用户手指的起始位置点和终点位置点，并根据上述拟合后的弧形曲线，获取用户拖拽所述应用程序图标的弧形轨迹。具体的，之所以需要记录下用户拖拽应用程序图标时用户手指的起始位置点和终点位置点，主要是用来判断上述拟合的弧形曲线的方向，即用户是顺时针拖拽应用程序图标还是逆时针拖拽应用程序图标。在此，需要说明的是，此处所说的弧形曲线不包括方向，弧形曲线轨迹是包括方向的。通过记录用户手指的起始位置点和终点位置点，就能确定弧形曲线的方向，并在拟合的弧形曲线上标注用户拖拽应用程序图标的方向，即用户是顺时针拖拽应用程序图标还是逆时针拖拽应用程序图标。具体标注的形式有多种，其中，可以在弧形曲线的终点位置利用箭头对弧形曲线的方向加以标注。在获取到用户拖拽应用程序图标的弧形轨迹后，可以确定该弧形轨迹对应的中心点，该中心点可以在移动终端的屏幕上，也可以在移动终端的屏幕外。Specifically, fitting is performed according to multiple position points of the user's finger when the user drags the application program icon, and the similarity comparison is performed between the fitted curve and the preset arc trajectory, and when the similarity reaches When the threshold is preset, the fitted curve is an arc curve, and the specific similarity comparison is realized through the prior art, and will not be repeated here. In addition, during the process of the user dragging the application icon that needs to be moved, the recorded multiple position points of the user's finger include the start position point and the end point position point of the user's finger. points, and according to the above-mentioned fitted arc curve, obtain the arc trajectory of the user dragging the application icon. Specifically, the reason why it is necessary to record the starting point and end point of the user's finger when the user drags the application icon is mainly to determine the direction of the above-mentioned fitted arc curve, that is, the user is dragging the application clockwise Program icon or drag the application icon counterclockwise. Here, it should be noted that the arc curve mentioned here does not include the direction, but the arc curve trajectory includes the direction. By recording the starting point and end point of the user's finger, the direction of the arc curve can be determined, and the direction in which the user drags the application icon is marked on the fitted arc curve, that is, the user is dragging the application clockwise Program icon or drag the application icon counterclockwise. There are many forms of specific marking, among which, the direction of the arc curve can be marked with an arrow at the end position of the arc curve. After acquiring the arc track of the user dragging the application program icon, the center point corresponding to the arc track can be determined, and the center point can be on the screen of the mobile terminal or outside the screen of the mobile terminal.
在此，需要特别说明的是，在进行曲线拟合的过程中，只有用户拖拽应用程序图标时记录的用户手指的位置点达到一定数量和/或用户拖拽应用程序图标的弧形轨迹的起始位置点和终点位置点之间相对弧形轨迹对应的中心点形成的角度达到一定角度时，才能形成弧形曲线，否则，无法形成弧形曲线，即无法识别到用户是否拖拽了应用程序图标。通过上述描述的方法，即可检测到用户拖拽需要移动的应用程序图标的轨迹为弧形轨迹。Here, it needs to be specially noted that during the curve fitting process, only when the user's finger position points recorded when the user drags the application icon reaches a certain number and/or the arc trajectory of the user drags the application icon The arc curve can only be formed when the angle formed between the start position point and the end position point relative to the center point corresponding to the arc trajectory reaches a certain angle, otherwise, the arc curve cannot be formed, that is, it cannot be recognized whether the user has dragged the application program icon. Through the method described above, it can be detected that the track of the user dragging the application program icon to be moved is an arc track.
通过上述方法获取到用户拖拽需要移动的应用程序图标的弧形轨迹后，将需要移动的应用程序图标移动至相应的目标页面。具体的可以保持当前页面不变，仅将需要移动的应用程序图标移动至相应的目标页面，即只要检测到用户移动图标的轨迹为弧形轨迹时，就将图标移动到相应的目标页面，而不进行页面的切换操作，这样方便用户对同一当前页面上的需要移动的图标继续移动，而不必将页面进行来回切换，提高了图标移动的效率。其中，目标页面可以为当前页面的相邻页面，也可以为根据需要移动的图标的移动轨迹获取与移动轨迹相对应的角度，当该角度达到预置角度时，与该角度对应的目标页面。在实际应用中，也可以将当前页面切换至相应的目标页面，并将需要移动的图标移动至目标页面的相应位置。其中，可以将当前页面切换至当前页面的相邻页面，即检测到用户移动图标的轨迹为弧形轨迹时，就将当前页面切换至当前页面的相邻页面，并将图标移动至此相邻页面希望放置的位置。另外，可以通过获取用户拖拽该应用程序图标的弧形轨迹的起始位置点和终点位置点之间相对上述弧形轨迹对应的中心点形成的角度，当该角度达到预置角度时，根据该角度，当前页面以旋转的方式切换到相应的目标页面。需要说明的是，只有当上述形成的角度达到阈值角度时，才能将当前页面切换至其他的页面，具体的预置角度需要根据用户界面的页面的数量确定。具体实现时，当获得用户拖拽应用程序图标的弧形轨迹后，通过计算可以得到弧形轨迹对应的中心点，获取上述弧形轨迹相对此中心点旋转的角度，即将弧形曲线的起始位置点、终点位置点以及上述中心点连接起来，获得弧形曲线的起始位置与终点位置之间以中心点为圆心对应的角度。另外，根据用户界面中页面的大小以及页面的数量，可以确定一个能够包含所有页面的外接圆，并确定该外接圆的中心点，该外接圆的中心点通常位于智能移动终端屏幕之外。根据上述角度，当前页面将围绕上述确定的外接圆的中心点以旋转的方式切换到相应的目标页面，当前页面切换至目标页面的旋转方向可以与弧形轨迹的方向相同，也可以与弧形轨迹的方向相反，本实施例以与弧形轨迹的方向相同方向为例进行说明。一个具体的例子，以确定的外接圆的中心点为圆心，一个整圆360度，页面总共有N个，那么切换一个页面对应的角度就是360/N度，若用户拖拽应用程序图标的轨迹对应的角度为M度，则切换到第MN/360个页面。下面结合图2对当前页面切换的过程进行详细说明。After the arc trajectory of the user dragging the application icon to be moved is obtained through the above method, the application icon to be moved is moved to a corresponding target page. Specifically, the current page can be kept unchanged, and only the application icon that needs to be moved is moved to the corresponding target page, that is, as long as it is detected that the track of the user moving the icon is an arc track, the icon is moved to the corresponding target page, and The page switching operation is not performed, so that the user can continue to move the icons that need to be moved on the same current page without switching pages back and forth, which improves the efficiency of icon movement. Wherein, the target page may be an adjacent page of the current page, or an angle corresponding to the moving track obtained for the moving track of the icon that needs to be moved, and when the angle reaches a preset angle, the target page corresponding to the angle is obtained. In practical applications, the current page may also be switched to a corresponding target page, and the icon to be moved may be moved to a corresponding position of the target page. Among them, the current page can be switched to the adjacent page of the current page, that is, when it is detected that the track of the user moving the icon is an arc track, the current page is switched to the adjacent page of the current page, and the icon is moved to the adjacent page desired location. In addition, the angle formed between the starting position point and the end position point of the arc track where the user drags the application icon relative to the center point corresponding to the above arc track can be obtained. When the angle reaches the preset angle, according to At this angle, the current page is switched to the corresponding target page in a rotating manner. It should be noted that the current page can be switched to other pages only when the angle formed above reaches the threshold angle, and the specific preset angle needs to be determined according to the number of pages in the user interface. In specific implementation, after obtaining the arc trajectory of the user dragging the application icon, the center point corresponding to the arc trajectory can be obtained through calculation, and the rotation angle of the arc trajectory relative to the center point can be obtained, that is, the starting point of the arc curve The position point, the end position point and the above-mentioned center point are connected to obtain an angle corresponding to the center point as the center of the circle between the start position and the end position of the arc curve. In addition, according to the size and number of pages in the user interface, a circumscribed circle that can contain all pages can be determined, and the center point of the circumscribed circle can be determined. The center point of the circumscribed circle is usually located outside the screen of the smart mobile terminal. According to the above angle, the current page will switch to the corresponding target page in a rotating manner around the center point of the circumscribed circle determined above. The direction of the trajectory is opposite, and this embodiment takes the same direction as the direction of the arc trajectory as an example for illustration. A specific example, take the center point of the circumscribed circle as the center, a full circle is 360 degrees, and there are N pages in total, then the angle corresponding to switching a page is 360/N degrees, if the user drags the track of the application icon If the corresponding angle is M degrees, switch to the MN/360th page. The process of switching the current page will be described in detail below with reference to FIG. 2 .
比如，图2中，总共有4个页面，那么切换一个页面所需要的角度是90度，现在，用户以顺时针的方向拖拽应用程序图标相对弧形轨迹对应的中心点的角度为90度，则当前页面将围绕上述确定的外接圆的中心点以顺时针的方向旋转切换到下一个页面，即当前页面的相邻页面，例如，图2中，由当前页面2切换到目标页面13；若用户以顺时针的方向拖拽应用程序图标相对弧形轨迹对应的中心点的角度为30度，则当前页面以顺时针的方向切换到图2中11的位置，即下一个页面出现1/3的页面，上一个页面保留2/3的页面；同样，若用户以顺时针的方向拖拽应用程序图标相对弧形轨迹对应的中心点的角度为60度，则当前页面以顺时针的方向切换到图2中12的位置，即下一个页面出现2/3的页面，上一个页面保留1/3的页面。若用户以逆时针的方向拖拽应用程序图标时，则当前页面以逆时针的方向切换，切换的方式与上述切换方式一致，只是旋转的方向变化了，在此不再重复说明。For example, in Figure 2, there are a total of 4 pages, so the angle required to switch a page is 90 degrees. Now, the angle of the user dragging the application icon in a clockwise direction relative to the center point corresponding to the arc trajectory is 90 degrees. , then the current page will rotate clockwise around the center point of the circumscribed circle determined above to switch to the next page, that is, the adjacent page of the current page, for example, in Figure 2, switch from the current page 2 to the target page 13; If the user drags the application icon in a clockwise direction and the angle relative to the center point corresponding to the arc trajectory is 30 degrees, the current page will switch to the position 11 in Figure 2 in a clockwise direction, that is, the next page will appear 1/ 3 pages, the previous page retains 2/3 of the page; similarly, if the user drags the application icon in a clockwise direction and the angle relative to the center point corresponding to the arc trajectory is 60 degrees, the current page will be displayed in a clockwise direction Switch to position 12 in Figure 2, that is, 2/3 pages appear on the next page, and 1/3 pages remain on the previous page. If the user drags the application icon in the counterclockwise direction, the current page will be switched in the counterclockwise direction. The switching method is the same as the above switching method, except that the rotation direction is changed, and the description will not be repeated here.
需要说明的是，若用户拖拽应用程序图标对应的角度超过了360度，则以360度为一个周期进行循环。比如用户以逆时针方向拖拽应用程序图标的弧形轨迹对应的角度为450度，则逆时针方向围绕弧形轨迹对应的中心点旋转一周后，又以逆时针方向旋转了90度，则从图2中的当前页面2切换到目标页面3。It should be noted that, if the angle corresponding to the user's dragging of the application program icon exceeds 360 degrees, a cycle is performed with 360 degrees as a cycle. For example, the angle corresponding to the arc trajectory of the user dragging the application icon in the counterclockwise direction is 450 degrees, then rotate around the center point corresponding to the arc trajectory in the counterclockwise direction for one circle, and then rotate 90 degrees in the counterclockwise direction. The current page 2 in FIG. 2 is switched to the target page 3 .
通过上述方法检测到用户拖拽需要移动的应用程序图标的弧形轨迹，将当前页面切换到相应的目标页面，到达目标页面后，将该应用程序图标移动到目标页面上相应的位置（即用户希望将应用程序图标放置的位置），用户的手指离开触摸屏即可实现对应用程序图标的移动。Through the above method, it is detected that the user drags the arc track of the application icon that needs to be moved, and the current page is switched to the corresponding target page. After reaching the target page, the application icon is moved to the corresponding position on the target page (that is, the user The position where you want the application icon to be placed), and the user can move the application icon by leaving the touch screen.
实施例二、一种触摸型终端。下面结合图3对本发明提供的触摸型终端进行详细说明。Embodiment 2, a touch-type terminal. The touch terminal provided by the present invention will be described in detail below with reference to FIG. 3 .
图3中，本发明提供的一种触摸型终端，具备用于显示包含有一个或多个图标的用户界面的界面显示模块和检测针对所述图标的触摸操作的触摸检测模块，触摸型终端的用户界面包括多个页面，该触摸型终端还包括移动确定模块301、轨迹计算模块302、页面切换模块303、图标移动模块304。In Fig. 3, a touch-type terminal provided by the present invention is equipped with an interface display module for displaying a user interface containing one or more icons and a touch detection module for detecting a touch operation on the icon, the touch-type terminal The user interface includes multiple pages, and the touch-type terminal further includes a movement determination module 301 , a trajectory calculation module 302 , a page switching module 303 , and an icon movement module 304 .
移动确定模块301适于根据触摸检测模块检测的触摸操作，确定当前页面需要移动的图标。The movement determination module 301 is adapted to determine the icon that needs to be moved on the current page according to the touch operation detected by the touch detection module.
轨迹计算模块302适于基于触摸检测模块检测的触摸操作，获得需要移动的图标的移动轨迹。The trajectory calculation module 302 is adapted to obtain the movement trajectory of the icon to be moved based on the touch operation detected by the touch detection module.
具体的，轨迹计算模块302记录需要移动的图标移动的包括起始位置点和终点位置点的多个位置点；对记录的多个位置点进行拟合，得到拟合后的曲线，且根据记录的起始位置点和终点位置点得到拟合后的曲线的方向，获得需要移动的图标的移动轨迹。Specifically, the trajectory calculation module 302 records a plurality of position points including the start position point and the end position point of the movement of the icon to be moved; fits the recorded position points to obtain a fitted curve, and according to the recorded The direction of the fitted curve is obtained from the start position point and the end point position point, and the movement trajectory of the icon to be moved is obtained.
轨迹计算模块302还可以将获得的图标的移动轨迹与预先设定的弧形轨迹进行相似性比对，当两者的相似性达到预置阈值时，确定该图标的移动轨迹为弧形轨迹。The trajectory calculation module 302 may also compare the obtained moving trajectory of the icon with a preset arc trajectory, and determine that the icon's moving trajectory is an arc trajectory when the similarity between the two reaches a preset threshold.
页面切换模块303适于将当前页面切换至相应的目标页面。The page switching module 303 is adapted to switch the current page to a corresponding target page.
具体的，页面切换模块303可以将当前页面切换至该当前页面的相邻页面，或者根据需要移动的图标的移动轨迹获取与移动轨迹相对应的角度，当该角度达到预置角度时，根据该角度，将当前页面以旋转的方式切换至相应的目标页面。Specifically, the page switching module 303 can switch the current page to an adjacent page of the current page, or obtain an angle corresponding to the movement track according to the movement track of the icon to be moved, and when the angle reaches a preset angle, according to the Angle, switch the current page to the corresponding target page in a rotating manner.
页面切换模块303还可以根据页面的大小以及页面的数量，确定一个能够包含所有页面的外接圆，并确定该外接圆的中心点，将当前页面围绕外接圆的中心点旋转切换至相应的目标页面。The page switching module 303 can also determine a circumscribed circle that can contain all pages according to the size of the page and the number of pages, and determine the center point of the circumscribed circle, and rotate the current page around the center point of the circumscribed circle to switch to the corresponding target page .
在具体实现时，页面切换模块303根据页面的大小以及页面的数量，确定一个能够包含所有页面的外接圆，并确定该外接圆的中心点；将当前页面围绕外接圆的中心点以与所述弧形轨迹的方向同一方向旋转切换至相应的目标页面。During specific implementation, the page switching module 303 determines a circumscribed circle that can contain all pages according to the size of the page and the number of pages, and determines the center point of the circumscribed circle; The direction of the arc track is rotated in the same direction to switch to the corresponding target page.
图标移动模块304适于当移动轨迹确定为弧形轨迹时，将所述需要移动的图标移动至相应的目标页面。The icon moving module 304 is adapted to move the icon to be moved to a corresponding target page when the moving track is determined to be an arc track.
具体的，可以保持当前页面不变，图标移动模块304将需要移动的图标移动至相应的目标页面；或者将当前页面切换至相应的目标页面，图标移动模块304将所述需要移动的图标移动至所述目标页面。Specifically, the current page can be kept unchanged, and the icon moving module 304 moves the icon that needs to be moved to the corresponding target page; or the current page is switched to the corresponding target page, and the icon moving module 304 moves the icon that needs to be moved to The target page.
在具体实现时，可以将当前页面切换至当前页面的相邻页面，并将需要移动的图标移动至该当前页面的相邻页面；也可以根据需要移动的图标的移动轨迹获取与移动轨迹相对应的角度，当该角度达到预置角度时，根据该角度，将当前页面以旋转的方式切换至相应的目标页面，并将需要移动的图标移动至该目标页面。In specific implementation, the current page can be switched to the adjacent page of the current page, and the icon that needs to be moved can be moved to the adjacent page of the current page; it can also be obtained according to the moving track of the icon that needs to be moved to correspond to the moving track When the angle reaches the preset angle, according to the angle, the current page is rotated to switch to the corresponding target page, and the icon to be moved is moved to the target page.
以上对本发明提供的一种触摸型终端的图标移动方法和触摸型终端进行了详细的介绍，通过本发明提供的触摸型终端的图标移动方法，通过确定需要移动的图标，激活当前页面进入布局调整状态，然后用户拖拽上述需要移动的图标，移动终端获取到用户移动图标的轨迹，当移动终端检测到上述移动轨迹为弧形轨迹时，将需要移动的图标移动至相应的目标页面。采用本发明提供的方案，不需要用户将需要移动的图标移动到屏幕的左边缘或右边缘，减少了用户手指的负担；另外，本发明的方案根据用户拖拽图标的弧形轨迹就可以将当前页面切换到相应的目标页面，相比现有的逐一切换到下一个页面，页面切换的效率更高；再者，本方案与现有的图标移动方案不同，增加了用户对图标移动的灵活性。The method for moving an icon of a touch-type terminal provided by the present invention and the touch-type terminal have been introduced in detail above. Through the method for moving an icon of a touch-type terminal provided by the present invention, by determining the icon that needs to be moved, activate the current page to enter layout adjustment state, and then the user drags the icon to be moved, and the mobile terminal obtains the track of the user's mobile icon. When the mobile terminal detects that the track is an arc track, the icon to be moved is moved to the corresponding target page. Adopting the scheme provided by the present invention does not require the user to move the icon to be moved to the left or right edge of the screen, which reduces the burden on the user's fingers; in addition, the scheme of the present invention can move the icon according to the arc trajectory of the user dragging the icon. The current page is switched to the corresponding target page, which is more efficient than the existing one-by-one switching to the next page; moreover, this solution is different from the existing icon moving solution, which increases the flexibility of the user to move the icon sex.
通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机终端（可以是个人计算机，服务器，或者网络终端等）执行本发明各个实施例或者实施例的某些部分所述的方法。It can be known from the above description of the implementation manners that those skilled in the art can clearly understand that the present invention can be implemented by means of software plus a necessary general hardware platform. Based on this understanding, the essence of the technical solution of the present invention or the part that contributes to the prior art can be embodied in the form of software products, and the computer software products can be stored in storage media, such as ROM/RAM, disk , CD, etc., including several instructions to make a computer terminal (which may be a personal computer, server, or network terminal, etc.) execute the methods described in various embodiments or some parts of the embodiments of the present invention.
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。Each embodiment in this specification is described in a progressive manner, the same and similar parts of each embodiment can be referred to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the device or system embodiments, since they are basically similar to the method embodiments, the description is relatively simple, and for relevant parts, refer to part of the description of the method embodiments. The device and system embodiments described above are only illustrative, and the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, It can be located in one place, or it can be distributed to multiple network elements. Part or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this embodiment. It can be understood and implemented by those skilled in the art without creative effort.
以上对本发明所提供的一种界面调整的方法和装置，进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处。综上所述，本说明书内容不应理解为对本发明的限制。The method and device for interface adjustment provided by the present invention have been introduced above in detail. In this paper, specific examples are used to illustrate the principle and implementation of the present invention. The descriptions of the above examples are only used to help understand the present invention. method and its core idea; at the same time, for those of ordinary skill in the art, according to the idea of the present invention, there will be changes in the specific implementation and application scope. In summary, the contents of this specification should not be construed as limiting the present invention.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310740153.5ACN103777842B (en) | 2013-12-23 | 2013-12-23 | The icon moving method and touch type terminal of touch type terminal |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310740153.5ACN103777842B (en) | 2013-12-23 | 2013-12-23 | The icon moving method and touch type terminal of touch type terminal |
| Publication Number | Publication Date |
|---|---|
| CN103777842A CN103777842A (en) | 2014-05-07 |
| CN103777842Btrue CN103777842B (en) | 2017-07-04 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310740153.5AExpired - Fee RelatedCN103777842B (en) | 2013-12-23 | 2013-12-23 | The icon moving method and touch type terminal of touch type terminal |
| Country | Link |
|---|---|
| CN (1) | CN103777842B (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US12287962B2 (en) | 2013-09-03 | 2025-04-29 | Apple Inc. | User interface for manipulating user interface objects |
| US10545657B2 (en) | 2013-09-03 | 2020-01-28 | Apple Inc. | User interface for manipulating user interface objects |
| CN103984471A (en)* | 2014-05-30 | 2014-08-13 | 苏州天鸣信息科技有限公司 | Method and device for dragging desktop icon on touch screen |
| CN104102430A (en)* | 2014-07-21 | 2014-10-15 | 联想(北京)有限公司 | Electronic equipment and control method thereof |
| CN106662966B (en) | 2014-09-02 | 2020-08-18 | 苹果公司 | Multi-dimensional object rearrangement |
| US20160062571A1 (en) | 2014-09-02 | 2016-03-03 | Apple Inc. | Reduced size user interface |
| CN104238944B (en)* | 2014-09-10 | 2015-08-26 | 腾讯科技（深圳）有限公司 | A kind of document handling method, device and terminal device |
| CN104267879B (en)* | 2014-10-24 | 2017-09-19 | 福建星网视易信息系统有限公司 | A kind of method and device of interface alternation |
| US10637986B2 (en)* | 2016-06-10 | 2020-04-28 | Apple Inc. | Displaying and updating a set of application views |
| DK201670595A1 (en) | 2016-06-11 | 2018-01-22 | Apple Inc | Configuring context-specific user interfaces |
| CN106201258A (en)* | 2016-06-30 | 2016-12-07 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| KR102655187B1 (en) | 2017-02-15 | 2024-04-05 | 삼성전자주식회사 | Electronic device and operating method thereof |
| CN107562312B (en)* | 2017-08-25 | 2019-12-31 | 维沃移动通信有限公司 | Method for moving icon and mobile terminal |
| US11893212B2 (en) | 2021-06-06 | 2024-02-06 | Apple Inc. | User interfaces for managing application widgets |
| US12405631B2 (en) | 2022-06-05 | 2025-09-02 | Apple Inc. | Displaying application views |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102298502A (en)* | 2011-09-26 | 2011-12-28 | 鸿富锦精密工业（深圳）有限公司 | Touch type electronic device and icon page-switching method |
| CN103034408A (en)* | 2012-12-21 | 2013-04-10 | 广东欧珀移动通信有限公司 | User interface page switching method and mobile terminal |
| CN103455249A (en)* | 2012-05-30 | 2013-12-18 | 腾讯科技（深圳）有限公司 | Split screen switch method and device |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20110271182A1 (en)* | 2010-04-29 | 2011-11-03 | Acer Incorporated | Eletronic apparatus and control method thereof |
| CN102830911B (en)* | 2012-07-30 | 2015-02-11 | 广东欧珀移动通信有限公司 | Method for rapidly dragging application program to switch pages |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102298502A (en)* | 2011-09-26 | 2011-12-28 | 鸿富锦精密工业（深圳）有限公司 | Touch type electronic device and icon page-switching method |
| CN103455249A (en)* | 2012-05-30 | 2013-12-18 | 腾讯科技（深圳）有限公司 | Split screen switch method and device |
| CN103034408A (en)* | 2012-12-21 | 2013-04-10 | 广东欧珀移动通信有限公司 | User interface page switching method and mobile terminal |
| Publication number | Publication date |
|---|---|
| CN103777842A (en) | 2014-05-07 |
| Publication | Publication Date | Title |
|---|---|---|
| CN103777842B (en) | The icon moving method and touch type terminal of touch type terminal | |
| CN102741799B (en) | Touch screen operation method and terminal | |
| US10275151B2 (en) | Apparatus and method for cursor control and text selection and editing based on gesture-based touch inputs received in a virtual keyboard display area | |
| US9298341B2 (en) | Apparatus and method for switching split view in portable terminal | |
| US20150339048A1 (en) | Method and apparatus for processing dockbar and storage medium | |
| CN107704157B (en) | A multi-screen interface operation method, device and storage medium | |
| CN108064368A (en) | Control method and device for flexible display device | |
| CN103513912B (en) | A kind of interface switching method and device | |
| CN102681786A (en) | Method and device for text selection | |
| CN104679392B (en) | Page display method and device based on status bar | |
| CN103902222B (en) | Touch screen sliding adjustment method, adjustment device and touch device | |
| WO2013189224A1 (en) | Cursor display position determination method and device | |
| WO2013178156A1 (en) | Method and apparatus for displaying character on touchscreen | |
| WO2015109816A1 (en) | Terminal screen shot method and terminal | |
| CN104049900A (en) | Floating window closing method and device | |
| CN106708399A (en) | Touch method for electronic terminal with double-side curved surface screens and device | |
| CN104618658B (en) | Mobile terminal and its rotating camera control method | |
| CN103631482A (en) | Display method and terminal of icons | |
| CN103106039A (en) | Method and device of switching pages of mobile terminals | |
| WO2014121626A1 (en) | Displaying method, device and storage medium of mobile terminal shortcuts | |
| CN105874417A (en) | Cross-interface data transfer method and terminal | |
| CN104808936A (en) | Interface operation method and portable electronic device using the method | |
| KR20140094470A (en) | Information processing apparatus and information processing method | |
| CN103034408A (en) | User interface page switching method and mobile terminal | |
| CN106775182A (en) | A kind for the treatment of method and apparatus of suspension control |
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee | Granted publication date:20170704 Termination date:20211223 |