CN103440131B - 一种基于安卓系统的移动终端触摸屏视图布局调整方法 - Google Patents

Abstract

本发明涉及组件设计领域，尤其是涉及一种基于安卓系统的移动终端触摸屏视图布局调整方法<b>。</b>本发明所要解决的技术问题是：针对上述存在的问题，提供一种基于安卓系统的移动终端触摸屏视图布局调整方法，包括组件的动态生成、拖动、跨容器组件的拖动，组件与组件初始位置碰撞自动归位等，实现各个容器中组件的控制与管理。本发明通过原容器、新容器、房间等对组件的拖动管理，实现本设计。本发明主要应用于安卓系统的移动终端触摸屏视图布局领域。

Description

一种基于安卓系统的移动终端触摸屏视图布局调整方法

技术领域

本发明涉及组件设计领域，尤其是涉及一种基于安卓系统的移动终端触摸屏视图布局调整方法。

背景技术

随着项目的开发，需要用到组件的动态拖动技术，在不同容器中的组件进行拖动。传统的组件拖动技术，实现组件在自身的容器中进行拖动，容器的大小决定了组件拖动过程中可视范围，超出容器的大小范围，组件将会被遮挡。传统的组件拖动技术，组件拖动后，再次拖动该组件所属容器中其他组件，上次拖动的组件将会自动回到原来的位置。

传统的组件拖动技术，实现组件在自身的容器中进行拖动，容器的大小决定了组件拖动过程中可视范围，超出容器的大小范围，组件将会被遮挡。

传统的组件拖动技术，组件拖动后，再次拖动该组件所属容器中其他组件，上次拖动的组件将会自动回到原来的位置，不能满足拖动组件后，再次拖动该组件所属容器中其他组件，组件位置不改变的功能。

传统的组件拖动技术，不能将多个容器中的组件拖动到同一个容器中，也不能通过同一个容器中转实现多个容器中的组件之间交换，不能满足多个控件点击事件实现容器中组件动态生成显示的功能。

传统的组件拖动技术，不能实现组件的自动归位功能。

传统的组件拖动技术，不能实现组件的自动重置功能。

发明内容

本发明所要解决的技术问题是：针对上述存在的问题，提供一种基于安卓系统的移动终端触摸屏视图布局调整方法，包括组件的动态生成、拖动、跨容器组件的拖动，组件与组件初始位置碰撞自动归位等，实现各个容器中组件的控制与管理。满足拖动组件后，再次拖动该组件所属容器中其他组件，组件位置不改变的功能，进一步的，将多个容器中的组件拖动到同一个容器中，能通过同一个容器中转实现多个容器中的组件之间交换，满足多个控件点击事件实现容器中组件动态生成显示的功能。进一步的，实现组件的自动归位功能和实现组件的自动重置功能。

本发明采用的技术方案如下：

一种基于安卓系统的移动终端触摸屏视图布局调整方法，所述移动终端触摸屏视图至少有一页，每页包括原容器、新容器、房间列表，所述新容器与房间列表中某个房间一一对应，每一个组件对应于一个矩形的触摸灵敏区域，组件在新容器中进行显示，所述视图部件控制方法包括：

步骤1：根据原容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m、每页中原容器需要显示的组件数；进而在原容器中生成组件；

步骤2：当新容器中组件的touch事件进行组件拖动，当组件进行Actionup时，判断组件初始位置与组件进行Actionmove结束后，组件位置是否存在交集，若存在交集，执行步骤3；否则，执行步骤4；

步骤3：当组件存在于不同新容器中，进行跨容器组件拖动时，将组件从当前新容器中移除，还原到组件所在的先前新容器中，组件自动回到先前新容器中组件初始位置，即组件自动归位处理；当组件存在于同一个新容器中，进行容器内组件拖动时，组件在新容器中就自动回到组件初始位置；当组件不存在于新容器中，组件来自于原容器时，组件自动回到原容器中组件初始位置；

步骤4：当组件存在于不同新容器中时，进行跨容器组件拖动；当组件存在于同一个新容器中，进行容器内组件拖动；当组件不存在于新容器，进行原容器组件到新容器组件拖动操作。

所述步骤1具体过程是：根据原容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m、每页中原容器需要显示的组件数以及最后一页原容器需要显示的组件的数量count；上下翻页时当前显示页面的索引为page，页码索引为1,2，···，m；通过上下翻页显示前m-1页时，组件根据ArrayList数据结构表索引index（(page-1）*n<=index<page*n）动态生成组件；当显示最后一页m时，其中1<=page<=m，组件根据ArrayList数据结构表索引index（(m-1）*n<=index<（m-1）*n+count）动态生成组件。

所述步骤1根据容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m具体步骤：计算出ArrayList数据结构表的长度与原容器固有长度n求商和余数，所述n表示的是原容器放置的组件个数，如果余数不为0，表示还需要1页的原容器显示剩余组件，其显示的页数m为商加1；如果余数为0，表示没有剩余组件可以显示，其显示的页数m为商。

所述步骤4容器内组件拖动具体步骤是：

步骤41：组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

步骤42：组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件宽度X，下顶点stopX-startX+组件高度Y，同时更新stopX，stopY的值；

步骤43：组件touch事件ActionUp时，将组件的位置保存在ArrayList数据结构表中，同时遍历判断组件是否在新容器中，如果不在，动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移,其中每当组件的touch事件进行Actionup操作之后，都会维护ArrayList数据结构表，修改组件的位置，以及组件房间标示。

所述步骤4中组件跨容器拖动具体步骤：

步骤51：拖动先前房间中的任意一个或者多个组件到原容器中；

步骤52：房间列表将先前房间切换到当前房间，当前房间对应生成一个新容器；

步骤53：将先前拖动到原容器中的组件，拖动至当前房间对应的新容器中，当组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

当组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件的宽度，下顶点stopX-startX+组件的高度)，同时更新stopX，stopY的值；

当touch事件ActionUp时，记录组件的位置保存在ArrayList数据结构表中，同时会遍历判断组件是否在新容器中，如果不在会动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移，并将当前房间中的组件按照ArrayList数据结构表显示出来。

所述步骤4中原容器组件到新容器组件拖动操作具体步骤是：

步骤61：组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

步骤62：组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件宽度X，下顶点stopX-startX+组件高度Y，同时更新stopX，stopY的值；

步骤63：组件touch事件ActionUp时，将组件的位置保存在ArrayList数据结构表中，将组件从原容器中移除，动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移,其中每当组件的touch事件进行Actionup操作之后，都会维护ArrayList数据结构表，修改组件的位置，以及组件房间标示。

所述组件可以进行组件的自动重置，其具体步骤是：将属于新容器中的所有组件自动移除，还原到原容器中，通过修改ArrayList数据结构表中组件房间标示，重新遍历生成新容器的组件、生成原容器中的组件。

综上所述，由于采用了上述技术方案，本发明的有益效果是：

1）通过当组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件的宽度，下顶点stopX-startX+组件的高度)，同时更新stopX，stopY的值，满足拖动组件后，再次拖动该组件所属容器中其他组件，组件位置不改变的功能。

2）进一步的，将多个容器中的组件拖动到同一个容器中，能通过同一个容器中转实现多个容器中的组件之间交换，满足多个控件点击事件实现容器中组件动态生成显示的功能。

3）组件初始位置与组件拖动结束后组件位置是否存在交集，实现组件的自动归位功能。

4）将属于新容器中的所有组件自动移除，还原到原来的容器中。通过修改ArrayList数据结构表中组件房间标示，重新遍历生成新容器的组件、生成原容器中的组件，实现组件的自动重置功能。

附图说明

本发明将通过例子并参照附图的方式说明，其中：

图1是本发明视图显示示意图。

图2是本发明流程图。

具体实施方式

本说明书中公开的所有特征，或公开的所有方法或过程中的步骤，除了互相排斥的特征和/或步骤以外，均可以以任何方式组合。

本说明书（包括任何附加权利要求、摘要和附图）中公开的任一特征，除非特别叙述，均可被其他等效或具有类似目的的替代特征加以替换。即，除非特别叙述，每个特征只是一系列等效或类似特征中的一个例子而已。

本发明相关说明：

1、移动终端触摸屏视图布局的原则：触摸屏可以有多页，每页分别有三个容器，分别是原容器、新容器、房间列表。其中房间列表中每个房间分别与新容器一一对应。每页中原容器可以分别不同的组件，但是新容器、房间列表中的房间在每页中都是不变的。

2、如图1所示，原容器相当于组件库，用于进行不同容器中的组件进行拖动中转，用于容纳动态生成组件。新容器是新容器的作用用于显示对应房间中已有的组件，并按照ArrayList数据结构中的位置显示出来。房间列表中的每个房间与新容器一一对应。一个新房间用于生成一个新容器，如图1所示，当组件从第一个房间拖动到第二个房间的过程时，

首先，第一房间对应的新容器的组件先被拖动到原容器；

然后，将第一房间切换到第二房间，将拖动到原容器中组件拖动到第二房间对应的新容器中进行显示。

3、startX是表示Widget相对于自身左上角的x坐标。stopX是表示相对于屏幕左上角的x坐标值。startY是表示Widget相对于自身左上角的y坐标。stopY表示相对于屏幕左上角的y坐标值。屏幕左上角是手机屏幕左上角。

4、页数根据容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m具体步骤：计算出ArrayList数据结构表的长度与容器固有长度n求商和余数，如果余数大于0，表示还需要1页显示剩余组件，其显示的页数m为商加1；如果余数等于0，表示没有剩余组件可以显示，其显示的页数m为商。

如图2所述，一种移动终端触摸屏视图布局组件动态控制方法，所述移动终端触摸屏视图至少有一页，每页包括原容器、新容器、房间列表，所述新容器与房间列表中某个房间一一对应，每一个组件对应于一个矩形的触摸灵敏区域，组件在新容器中进行显示，所述视图部件控制方法包括：

步骤1：根据容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m、每页需要显示的组件数、每页需要显示的组件数量以及最后一页需要显示的组件的数量count；上下翻页时当前显示页面的索引为page，页码索引为1,2，···，m；通过上下翻页显示前m-1页时，组件根据ArrayList数据结构表索引index（(page-1）*n<=index<page*n）动态生成组件；当显示最后一页m时，其中1<=page<=m，组件根据ArrayList数据结构表索引index（(m-1）*n<=index<（m-1）*n+count）动态生成组件；

步骤2：当新容器中组件的touch事件进行组件拖动，当组件进行Actionup时，判断组件初始位置与组件拖动结束后组件位置是否存在交集，若存在交集，执行步骤3；否则，执行步骤4；

步骤3：当组件存在于不同新容器中，进行跨容器组件拖动时，将组件从当前新容器中移除，还原到组件所在的先前新容器中，组件自动回到先前新容器中组件初始位置，即组件自动归位处理；当组件存在于同一个新容器中，进行容器内组件拖动时，组件在新容器中就自动回到组件初始位置；当组件不存在于新容器中，组件来自于原容器时，组件自动回到原容器中组件初始位置；

步骤4：当组件存在于不同新容器中时，进行跨容器组件拖动；当组件存在于同一个新容器中，进行容器内组件拖动；当组件不存在于新容器，进行原容器组件到新容器组件拖动操作。

跨容器组件拖动技术，是根据容器中的组件拖动到同一个容器中，通过同一个容器中转实现多个容器中的组件之间交换技术。原容器主要管理多个容器组件之间交换，负责多个容器组件中转的功能。新容器中组件touch事件Actionup时，会遍历判断组件是否与原来的容器中组件的位置有交集，如果存在交集，组件将从新容器中移除，加入到原有的容器中，当切换不同房间时，生成不同的新容器，再将拖动到原容器的组件拖动到新容器中，这样实现多个容器组件之间的交换。

组件的拖动技术，是根据组件touch事件拦截处理机制结合组件的位置坐标偏移，不停地重绘刷新实现。容器内组件拖动具体步骤是：

步骤41：组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

步骤42：组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件的宽度，下顶点stopX-startX+组件的高度)，同时更新stopX，stopY的值；

步骤43：组件touch事件ActionUp时，记录组件的位置保存在ArrayList数据结构表中，同时会遍历判断组件是否在新容器中，如果不在会动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移,其中每当组件的touch事件进行Actionup操作之后，都会维护ArrayList数据结构表，修改组件的位置，以及组件房间标示。

组件自动归位技术，是组件与组件初始位置碰撞自动归位，根据组件初始位置与组件拖动过程中是否存在交集，如果存在交集，若组件存在于新容器中，会将组件从新的容器中移除，还原到原来的容器中，自动回到组件初始位置，如果组件存在原容器中就自动回到组件初始位置。同时维护Arraylist数据结构表，修改组件的位置，以及组件房间标示。

组件的自动重置技术，是将属于新容器中的所有组件自动移除，还原到原来的容器中。通过修改ArrayList数据结构表中组件房间标示，重新遍历生成新容器的组件、生成原容器中的组件。

原容器组件到新容器组件拖动操作具体步骤是：

组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件宽度X，下顶点stopX-startX+组件高度Y，同时更新stopX，stopY的值；组件touch事件ActionUp时，将组件的位置保存在ArrayList数据结构表中，将组件从原容器中移除，动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移,其中每当组件的touch事件进行Actionup操作之后，都会维护ArrayList数据结构表，修改组件的位置，以及组件房间标示。

本发明并不局限于前述的具体实施方式。本发明扩展到任何在本说明书中披露的新特征或任何新的组合，以及披露的任一新的方法或过程的步骤或任何新的组合。

Claims (7)

1.一种基于安卓系统的移动终端触摸屏视图布局调整方法，所述移动终端触摸屏视图至少有一页，每页包括原容器、新容器、房间列表，所述新容器与房间列表中某个房间一一对应，每一个组件对应于一个矩形的触摸灵敏区域，其特征在于，组件在新容器中进行显示，所述方法包括：

步骤1：根据原容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m、每页中原容器需要显示的组件数；进而在原容器中生成组件；

步骤2：当使用新容器中组件的touch事件进行组件拖动，当组件进行Actionup时，判断组件初始位置与组件进行Actionmove结束后，组件位置是否存在交集，若存在交集，执行步骤3；否则，执行步骤4；

步骤3：当组件存在于不同新容器中，进行跨容器组件拖动时，将组件从当前新容器中移除，还原到组件所在的先前新容器中，组件自动回到先前新容器中组件初始位置，即组件自动归位处理；当组件存在于同一个新容器中，进行容器内组件拖动时，组件在新容器中就自动回到组件初始位置；当组件不存在于新容器中，组件来自于原容器时，组件自动回到原容器中组件初始位置；

步骤4：当组件存在于不同新容器中时，进行跨容器组件拖动；当组件存在于同一个新容器中，进行容器内组件拖动；当组件不存在于新容器，进行原容器组件到新容器组件拖动操作。

2.根据权利要求1所述的一种基于安卓系统的移动终端触摸屏视图布局调整方法，其特征在于所述步骤1具体过程是：根据原容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m、每页中原容器需要显示的组件数以及最后一页原容器需要显示的组件的数量count；上下翻页时当前显示页面的索引为page，页码索引为1,2，···，m；通过上下翻页显示前m-1页时，组件根据ArrayList数据结构表索引index((page-1)*n<=index<page*n)动态生成组件；当显示最后一页m时，其中1<=page<=m，组件根据ArrayList数据结构表索引index((m-1)*n<=index<(m-1)*n+count)动态生成组件。

3.根据权利要求2所述的一种基于安卓系统的移动终端触摸屏视图布局调整方法，其特征在于所述步骤1根据容器固有长度n，结合ArrayList数据结构表，计算移动终端触摸屏视图需要显示的页数m具体步骤：计算出ArrayList数据结构表的长度与原容器固有长度n求商和余数，所述n表示的是原容器放置的组件个数，如果余数不为0，表示还需要1页的原容器显示剩余组件，其显示的页数m为商加1；如果余数为0，表示没有剩余组件可以显示，其显示的页数m为商。

4.根据权利要求1所述的一种基于安卓系统的移动终端触摸屏视图布局调整方法，其特征在于所述步骤4容器内组件拖动具体步骤是：

步骤41：组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

步骤42：组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件宽度X，下顶点stopX-startX+组件高度Y，同时更新stopX，stopY的值；

步骤43：组件touch事件ActionUp时，将组件的位置保存在ArrayList数据结构表中，同时遍历判断组件是否在新容器中，如果不在，动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移,其中每当组件的touch事件进行Actionup操作之后，都会维护ArrayList数据结构表，修改组件的位置，以及组件房间标示。

5.根据权利要求1所述的一种基于安卓系统的移动终端触摸屏视图布局调整方法，其特征在于所述步骤4中组件跨容器拖动具体步骤：

步骤51：拖动先前房间中的任意一个或者多个组件到原容器中；

步骤52：房间列表将先前房间切换到当前房间，当前房间对应生成一个新容器；

步骤53：将先前拖动到原容器中的组件，拖动至当前房间对应的新容器中，当组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

当组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件的宽度，下顶点stopX-startX+组件的高度，同时更新stopX，stopY的值；

当touch事件ActionUp时，记录组件的位置保存在ArrayList数据结构表中，同时会遍历判断组件是否在新容器中，如果不在会动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移，并将当前房间中的组件按照ArrayList数据结构表显示出来。

6.根据权利要求1所述的一种基于安卓系统的移动终端触摸屏视图布局调整方法，其特征在于所述步骤4中原容器组件到新容器组件拖动操作具体步骤是：

步骤61：组件touch事件ActionDown时，会记录组件相对于自身左上角的x坐标startX、组件相对于自身左上角的y坐标startY、组件相对于屏幕左上角的x坐标stopX、组件相对于屏幕左上角的y坐标stopY；

步骤62：组件touch事件ActionMove时，会根据组件的位置不停的重绘刷新UI显示出来，其中组件的位置为：左顶点stopX-startX，上顶点stopY-startY，右顶点stopX-startX+组件宽度X，下顶点stopX-startX+组件高度Y，同时更新stopX，stopY的值；

步骤63：组件touch事件ActionUp时，将组件的位置保存在ArrayList数据结构表中，将组件从原容器中移除，动态生成一个组件加到一个新容器中，并重新设定组件在新容器中的位置，让组件位置不发生改变，实现组件位置不偏移,其中每当组件的touch事件进行Actionup操作之后，都会维护ArrayList数据结构表，修改组件的位置，以及组件房间标示。

7.根据权利要求1至6之一所述的一种基于安卓系统的移动终端触摸屏视图布局调整方法，其特征在于所述组件可以进行组件的自动重置，其具体步骤是：将属于新容器中的所有组件自动移除，还原到原容器中，通过修改ArrayList数据结构表中组件房间标示，重新遍历生成新容器的组件、生成原容器中的组件。