CN106293312A - 终端可移动控件显示的方法和装置 - Google Patents

Abstract

本发明公开了一种终端可移动控件显示的方法，包括步骤：接收传感器测得的终端的运动数据；根据所述运动数据，确定所述终端的偏转方向或移动方向；根据所述终端的偏转方向或移动方向，确定可移动控件的受控方向；将所述可移动控件按照所述受控方向移动。本发明还公开了一种终端可移动控件显示的装置。本发明的终端通过传感器检测终端的运动情况，并根据终端自身的运动方向来移动当前界面上显示的可移动控件的位置，使终端界面上各控件的显示方式更加多样化，使终端界面更加丰富。

Description

终端可移动控件显示的方法和装置

技术领域

本发明涉及到智能终端技术领域，特别涉及到终端可移动控件显示的方法和装置。

背景技术

随着智能终端的发展，手机、平板电脑等终端可兼容的应用软件越来越丰富，终端上的控件的表现形式也不断创新，例如原有控件采用固定在界面上的形式进行显示，发展为现有的控件可采用浮动图标的形式显示在终端界面上，当用户想要移动某一控件时，可点击该控件，并将其拖动到手指到达的位置。但是目前移动控件的方式非常单一，只能通过手指移动，无法满足终端越来越丰富的操作需求。

发明内容

本发明实施例提供一种终端可移动控件显示的方法和装置，能提供更加多样的可移动控件显示方式。

本发明实施例提出一种终端可移动控件显示的方法，包括步骤：

接收传感器测得的终端的运动数据；

根据所述运动数据，确定所述终端的偏转方向或移动方向；

根据所述终端的偏转方向或移动方向，确定可移动控件的受控方向；

将所述可移动控件按照所述受控方向移动。

本发明实施例还提出一种终端可移动控件显示的装置，包括：

检测模块，用于接收传感器测得的终端的运动数据；

确定模块，用于根据所述运动数据，确定所述终端的偏转方向或移动方向；根据所述终端的偏转方向或移动方向，确定可移动控件的受控方向；

绘制模块，用于将所述可移动控件按照所述受控方向移动。

本发明实施例的终端通过传感器检测终端的运动情况，并根据终端自身的运动方向来移动当前界面上显示的可移动控件的位置，使终端界面上各控件的显示方式更加多样化，使终端界面更加丰富

附图说明

图1为本发明实施例中终端可移动控件显示的装置所在终端的总线图；

图2为本发明终端可移动控件显示的方法的第一实施例的流程图；

图3为本发明终端可移动控件显示的方法的第二实施例的流程图；

图4为本发明终端可移动控件显示的方法的第三实施例的流程图；

图5为本发明终端可移动控件显示的装置的第一实施例的模块示意图；

图6为本发明终端可移动控件显示的装置的第二实施例的模块示意图；

图7a为本发明第一实施例中可移动控件处于初始位置的终端界面图；

图7b为本发明第一实施例中可移动控件右移时的终端界面图；

图7c为本发明第一实施例中可移动控件左移时的终端界面图；

图8a为本发明第二实施例中可移动控件处于初始位置的终端界面图；

图8b为本发明第二实施例中可移动控件左移时的终端界面图；

图8c为本发明第二实施例中可移动控件右移时的终端界面图；

图9a为本发明第三实施例中可移动控件处于初始位置的终端界面图；

图9b为本发明第三实施例中可移动控件右移时的终端界面图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参照图1，图1为本发明实施例中终端可移动控件显示的装置所在终端的总线图，该终端可以包括：至少一个处理器101，例如CPU，至少一个网络接口104，用户接口103，存储器105，至少一个通信总线102。其中，通信总线102用于实现这些组件之间的连接通信。其中，用户接口103可以包括显示屏(Display)、键盘(Keyboard)，还可以包括标准的有线接口、无线接口。网络接口104可以包括标准的有线接口、无线接口(如WIFI接口)。存储器105可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器105还可以是至少一个位于远离前述处理器101的存储装置。作为一种计算机存储介质的存储器105中可以包括操作系统、网络通信模块、用户接口模块以及终端可移动控件显示程序。

在图1所示的终端可移动控件显示的装置所在终端中，网络接口104主要用于连接服务器或其他终端，与服务器或其他终端进行数据通信；而用户接口103主要用于接收用户指令，并与用户进行交互；而处理器101可以用于调用存储器105中存储的终端可移动控件显示程序，并执行以下操作：

接收传感器测得的终端的运动数据；

根据运动数据，确定终端的偏转方向或移动方向；

根据终端的偏转方向或移动方向，确定可移动控件的受控方向；

将可移动控件按照受控方向移动。

在一个实施例中，处理器101调用存储器105中存储的终端可移动控件显示程序还可以执行以下操作：

根据运动数据，确定终端的偏转角度或移动距离；

根据偏转角度或移动距离，确定可移动控件的受控距离；

将可移动控件按照受控方向和受控距离移动。

在一个实施例中，处理器101调用存储器105中存储的终端可移动控件显示程序还可以执行以下操作：

判断可移动控件的当前坐标至受控方向的终端边界的距离是否小于受控距离；

如果是，则将可移动控件按照受控方向移动至终端的边界；

如果否，则执行将可移动控件按照受控方向和受控距离移动的步骤。

本实施例图1所描述的终端可移动控件显示的装置及其所在终端，通过传感器检测终端的运动情况，并根据终端自身的运动方向来移动当前界面上显示的可移动控件的位置，使终端界面上各控件的显示方式更加多样化，使终端界面更加丰富。

如图2所示，图2为本发明终端可移动控件显示的方法的第一实施例的流程图。本实施例提到的终端可移动控件显示的方法，包括步骤：

步骤S10，接收传感器测得的终端的运动数据；

本实施例中的终端可为手机、平板电脑等智能终端，用户可以拿着终端向某一个方向旋转或移动，内置于终端的传感器可检测到终端的运动情况，传感器可以为速度传感器、加速度传感器、角度传感器等传感器中的一种或多种，测得的运动数据可包括速度矢量、加速度、偏转角度等数据中的一种或多种。传感器将测得的运动数据发送给终端进行数据的处理。

步骤S20，根据运动数据，确定终端的偏转方向或移动方向；

终端可从接收到的终端运动数据中计算出终端的偏转方向或移动方向，例如终端的初始位置为水平位置，当终端向右侧旋转时，测得的偏转方向为向右，或终端从初始位置向左移动，则测得的移动方向为向左。

步骤S30，根据终端的偏转方向或移动方向，确定可移动控件的受控方向；

步骤S40，将可移动控件按照受控方向移动。

在终端中预设有控件移动规则，终端将当前界面上的可移动控件按照预设的移动规则进行移动或重新绘制。例如，终端中存储的可移动控件的受控方向与终端的偏转方向或移动方向一致，终端在初始位置时可移动控件在当前界面的中间位置，如图7a，当终端向右侧旋转时，偏转方向对应的受控方向也向右，终端将可移动控件向当前界面的右方移动，如图7b；当终端向左侧移动旋转时，移动方向对应的受控方向也向左，终端将可移动控件向当前界面的左方移动，如图7c。又如，终端中存储的可移动控件的受控方向与终端的偏转方向或移动方向相反，终端在初始位置时可移动控件在当前界面的中间位置，如图8a，当终端向右侧旋转时，偏转方向对应的受控方向则向左，终端将可移动控件向当前界面的左方移动，如图8b，当终端向左侧移动旋转时，移动方向对应的受控方向则向右，终端将可移动控件向当前界面的右方移动，如图8c。

此外，图7a至图7c、图8a至图8c所示的可移动控件为位于当前界面前端的可操作控件、或对话窗口、或浮动图标等，可移动控件所在位置遮挡当前界面的部分内容。当然，可移动控件也可以为蒙版内的透明区域，如图9a和图9b所示，其中蒙版覆盖在当前界面的前端、用于遮挡当前界面，而此时的可移动控件内显示出当前界面的部分内容。

本实施例的终端通过传感器检测终端的运动情况，并根据终端自身的运动方向来移动当前界面上显示的可移动控件的位置，使终端界面上各控件的显示方式更加多样化，使终端界面更加丰富。

如图3所示，图3为本发明终端可移动控件显示的方法的第二实施例的流程图。本实施例包括图2所示实施例中的所有步骤，还提供了如何确定受控距离的步骤：

步骤S40之前还包括：

步骤S51，根据运动数据，确定终端的偏转角度或移动距离；

步骤S52，根据偏转角度或移动距离，确定可移动控件的受控距离；

步骤S40包括：

步骤S41，将可移动控件按照受控方向和受控距离移动。

本实施例在传感器测得的终端运动数据中，终端还可以计算出自身的偏转角度或移动距离，终端根据偏转角度或移动距离的大小计算对应的可移动控件受控距离，并按照对应的受控方向和受控距离来移动可移动控件。例如，终端向右偏转，偏转角度为45度，对应的受控距离为9mm，则可移动控件向右移动9mm。此外，在终端确定偏转角度或移动距离后，可将偏转角度或移动距离作为比例系数来计算受控距离，例如终端向右偏转，偏转角度为45度，可移动控件初始坐标至终端边界的坐标距离为5cm，则受控距离为5cm×(45/180)＝1.25cm，移动控件向右移动1.25cm。本实施例采用终端的偏转角度或移动距离确定可移动控件需要移动的受控距离，使可移动控件的移动与终端的运动关联更加紧密，终端界面显示更加多样。

如图4所示，图4为本发明终端可移动控件显示的方法的第三实施例的流程图。本实施例包括图3所示实施例中的所有步骤，还提供了当受控距离超过终端边界时的处理步骤，在步骤S41之前还包括：

步骤S42，判断可移动控件的当前坐标至受控方向的终端边界的距离是否小于受控距离；如果是，则执行步骤S43；如果否，则执行步骤S41；

步骤S43，将可移动控件按照受控方向移动至终端的边界。

本实施例中，如果可移动控件的当前坐标至受控方向的终端边界的距离是否小于受控距离，那么在移动可移动控件后，可移动控件超过终端边界而不在终端界面上显示，为避免这一现象，终端在确定受控距离后，还对受控距离是否合适进行判断，并将终端边界作为可移动控件移动的边界，如果受控距离过大，则只将可移动控件移动到终端边界即可，有效避免了可移动控件移出终端界面。

如图5所示，图5为本发明终端可移动控件显示的装置的第一实施例的模块示意图。本实施例提到的终端可移动控件显示的装置，包括：

检测模块110，用于接收传感器测得的终端的运动数据；

确定模块120，用于根据运动数据，确定终端的偏转方向或移动方向；根据终端的偏转方向或移动方向，确定可移动控件的受控方向；

绘制模块130，用于将可移动控件按照受控方向移动。

本实施例中的终端可为手机、平板电脑等智能终端，用户可以拿着终端向某一个方向旋转或移动，内置于终端的传感器可检测到终端的运动情况，传感器可以为速度传感器、加速度传感器、角度传感器等传感器中的一种或多种，测得的运动数据可包括速度矢量、加速度、偏转角度等数据中的一种或多种。传感器将测得的运动数据发送给终端进行数据的处理。

终端可从接收到的终端运动数据中计算出终端的偏转方向或移动方向，例如终端的初始位置为水平位置，当终端向右侧旋转时，测得的偏转方向为向右，或终端从初始位置向左移动，则测得的移动方向为向左。

在终端中预设有控件移动规则，终端将当前界面上的可移动控件按照预设的移动规则进行移动或重新绘制。例如，终端中存储的可移动控件的受控方向与终端的偏转方向或移动方向一致，终端在初始位置时可移动控件在当前界面的中间位置，如图7a，当终端向右侧旋转时，偏转方向对应的受控方向也向右，终端将可移动控件向当前界面的右方移动，如图7b；当终端向左侧移动旋转时，移动方向对应的受控方向也向左，终端将可移动控件向当前界面的左方移动，如图7c。又如，终端中存储的可移动控件的受控方向与终端的偏转方向或移动方向相反，终端在初始位置时可移动控件在当前界面的中间位置，如图8a，当终端向右侧旋转时，偏转方向对应的受控方向则向左，终端将可移动控件向当前界面的左方移动，如图8b，当终端向左侧移动旋转时，移动方向对应的受控方向则向右，终端将可移动控件向当前界面的右方移动，如图8c。

此外，图7a至图7c、图8a至图8c所示的可移动控件为位于当前界面前端的可操作控件、或对话窗口、或浮动图标等，可移动控件所在位置遮挡当前界面的部分内容。当然，可移动控件也可以为蒙版内的透明区域，如图9a和图9b所示，其中蒙版覆盖在当前界面的前端、用于遮挡当前界面，而此时的可移动控件内显示出当前界面的部分内容。

本实施例的终端通过传感器检测终端的运动情况，并根据终端自身的运动方向来移动当前界面上显示的可移动控件的位置，使终端界面上各控件的显示方式更加多样化，使终端界面更加丰富。

进一步的，以下模块还提供了如何确定移动距离。

确定模块120还用于：

根据运动数据，确定终端的偏转角度或移动距离；

根据偏转角度或移动距离，确定可移动控件的受控距离；

绘制模块130还用于：

将可移动控件按照受控方向和受控距离移动。

本实施例在传感器测得的终端运动数据中，终端还可以计算出自身的偏转角度或移动距离，终端根据偏转角度或移动距离的大小预设对应的可移动控件受控距离，并按照对应的受控方向和受控距离来移动可移动控件。例如，终端向右偏转，偏转角度为45度，对应的受控距离为9mm，则可移动控件向右移动9mm。此外，在终端确定偏转角度或移动距离后，可将偏转角度或移动距离作为比例系数来计算移动距离，例如终端向右偏转，偏转角度为45度，可移动控件初始坐标至终端边界的坐标距离为5cm，则受控距离为5cm×(45/180)＝1.25cm，移动控件向右移动1.25cm。本实施例采用终端的偏转角度或移动距离确定可移动控件需要移动的受控距离，使可移动控件的移动与终端的运动关联更加紧密，终端界面显示更加多样。

如图6所示，图6为本发明终端可移动控件显示的装置的第二实施例的模块示意图。本实施例包括图5所述实施例中的所有模块，还增加了判断模块140。

判断模块140用于，判断可移动控件的当前坐标至受控方向的终端边界的距离是否小于受控距离；

绘制模块130还用于：

当可移动控件的当前坐标至受控方向的终端边界的距离小于受控距离时，将可移动控件按照受控方向移动至终端的边界；

当可移动控件的当前坐标至受控方向的终端边界的距离大于或等于受控距离时，将可移动控件按照受控方向和受控距离移动。

本实施例中，如果可移动控件的当前坐标至受控方向的终端边界的距离是否小于受控距离，那么在移动可移动控件后，可移动控件超过终端边界而不在终端界面上显示，为避免这一现象，终端在确定受控距离后，还对受控距离是否合适进行判断，并将终端边界作为可移动控件移动的边界，如果受控距离过大，则只将可移动控件移动到终端边界即可，有效避免了可移动控件移出终端界面。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

以上所述仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种终端可移动控件显示的方法，其特征在于，包括步骤：

接收传感器测得的终端的运动数据；

根据所述运动数据，确定所述终端的偏转方向或移动方向；

根据所述终端的偏转方向或移动方向，确定可移动控件的受控方向；

将所述可移动控件按照所述受控方向移动。

2.如权利要求1所述的终端可移动控件显示的方法，其特征在于，所述可移动控件的受控方向与所述终端的偏转方向或移动方向一致，或所述可移动控件的受控方向与所述终端的偏转方向或移动方向相反。

3.如权利要求1所述的终端可移动控件显示的方法，其特征在于，所述将可移动控件按照所述受控方向移动的步骤之前还包括：

根据运动数据，确定所述终端的偏转角度或移动距离；

根据所述偏转角度或移动距离，确定所述可移动控件的受控距离；

所述将可移动控件按照所述受控方向移动的步骤包括：

将所述可移动控件按照所述受控方向和受控距离移动。

4.如权利要求3所述的终端可移动控件显示的方法，其特征在于，所述将可移动控件按照所述受控方向和受控距离移动的步骤之前还包括：

判断所述可移动控件的当前坐标至所述受控方向的终端边界的距离是否小于所述受控距离；

如果是，则将所述可移动控件按照所述受控方向移动至所述终端的边界；

如果否，则执行将所述可移动控件按照所述受控方向和受控距离移动的步骤。

5.如权利要求1至4任一项所述的终端可移动控件显示的方法，其特征在于，所述可移动控件为蒙版内的透明区域，所述蒙版覆盖在当前界面的前端、用于遮挡当前界面。

6.一种终端可移动控件显示的装置，其特征在于，包括：

检测模块，用于接收传感器测得的终端的运动数据；

确定模块，用于根据所述运动数据，确定所述终端的偏转方向或移动方向；根据所述终端的偏转方向或移动方向，确定可移动控件的受控方向；

绘制模块，用于将所述可移动控件按照所述受控方向移动。

7.如权利要求6所述的终端可移动控件显示的装置，其特征在于，所述可移动控件的受控方向与所述终端的偏转方向或移动方向一致，或所述可移动控件的受控方向与所述终端的偏转方向或移动方向相反。

8.如权利要求6所述的终端可移动控件显示的装置，其特征在于，所述确定模块还用于：

根据运动数据，确定所述终端的偏转角度或移动距离；

根据所述偏转角度或移动距离，确定所述可移动控件的受控距离；

所述绘制模块还用于：

将所述可移动控件按照所述受控方向和受控距离移动。

9.如权利要求8所述的终端可移动控件显示的装置，其特征在于，还包括判断模块，用于判断所述可移动控件的当前坐标至所述受控方向的终端边界的距离是否小于所述受控距离；

所述绘制模块还用于：

当所述可移动控件的当前坐标至所述受控方向的终端边界的距离小于所述受控距离时，将所述可移动控件按照所述受控方向移动至所述终端的边界；

当所述可移动控件的当前坐标至所述受控方向的终端边界的距离大于或等于所述受控距离时，将所述可移动控件按照所述受控方向和受控距离移动。

10.如权利要求6至9任一项所述的终端可移动控件显示的装置，其特征在于，所述可移动控件为蒙版内的透明区域，所述蒙版覆盖在当前界面的前端、用于遮挡当前界面。