CN109782983A - 应用程序界面的视图布局调整方法和装置 - Google Patents

Abstract

本申请涉及一种应用程序界面的视图布局调整方法和装置、计算机设备和存储介质，该方法包括：检测对应用程序界面的显示元素的触发操作及触发位置；根据触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器；获取移动操作以及根据移动操作确定的目标位置；将待移动视图容器移动至目标位置。由于移动的是显示元素所在的待移动视图容器，而不是显示元素，且功能模块布局于视图容器内，因此，通过移动视图容器能够调整功能模块在应用程序界面的布局，从而用户能够随意调整应用程序界面的功能模块的布局，以满足自身操作习惯的需求，极大地提高了应用程序的操作便利性。

Description

应用程序界面的视图布局调整方法和装置

技术领域

本申请涉及计算机技术领域，特别是涉及一种应用程序界面的视图布局调整方法和装置、计算机设备和存储介质。

背景技术

智能终端设备具有智能化和多功能优点，通过在智能终端设备上安装应用程序，能够满足人们的办公、生活和娱乐需求。操作便利成为人们选择应用程序的重要考虑因素。

功能模块是系统中具有业务功能的显示区域，承载了大部分的交互功能，例如新闻类应用中的中图文展示区、视频展示区，社交类应用中的好友列表，群列表等。在移动终端的应用程序中，功能布局的更新往往随着应用程序版本的更新而更改，更改的功能模块的布局并不能满足用户的使用习惯，而每一次应用程序升级，用户都需要被动的适应改版后的应用程序界面布局，导致应用程序的操作便利性低。

发明内容

基于此，有必要针对应用程序的操作便利性低的技术问题，提供一种应用程序界面的视图布局调整方法和装置、计算机设备和存储介质。

一种应用程序界面的视图布局调整方法，包括：

检测对应用程序界面的显示元素的触发操作及触发位置；

根据所述触发位置及各视图容器之间的层次关系和位置参数，确定所述显示元素所在的待移动视图容器；

获取移动操作以及根据所述移动操作确定的目标位置；

将所述待移动视图容器移动至所述目标位置。

一种应用程序界面的视图布局调整装置，包括：检测模块、待移动对象获取模块、移动获取模块和调整模块；

所述检测模块，用于检测对应用程序界面的显示元素的触发操作及触发位置；

所述待移动对象获取模块，用于根据所述触发位置及各视图容器之间的层次关系和位置参数，确定所述显示元素所在的待移动视图容器；

所述移动获取模块，用于获取移动操作以及根据所述移动操作确定的目标位置；

所述调整模块，用于将所述待移动视图容器移动至所述目标位置。

一种存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行上述方法的步骤。

一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行上述方法的步骤。

上述应用程序界面的视图布局调整方法和装置、计算机设备和存储介质，通过触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器，从而将待移动视图容器移动至目标位置。由于移动的是显示元素所在的待移动视图容器，而不是显示元素，且功能模块布局于视图容器内，因此，通过移动视图容器能够调整功能模块在应用程序界面的布局，从而用户能够随意调整应用程序界面的功能模块的布局，以满足自身操作习惯的需求，极大地提高了应用程序的操作便利性。

附图说明

图1为一个实施例中应用程序界面的视图布局调整方法的流程图；

图2为一个实施例中社交应用程序界面的视图调整开关的开启状态的示意图；

图3为一个实施例中确定显示元素所在的目标视图容器的步骤的流程图；

图4为一个实施例中应用程序界面的视图容器的布局示意图；

图5为一个实施例中将待移动视图容器移动至目标位置的步骤的流程图；

图6为一个实施例的将所述待移动视图容器移动至所述目标位置的步骤的流程图；

图7为图4的视图容器的布局在移动后的视图布局示意图；

图8为一个实施例中获取移动操作以及根据移动操作确定的目标位置的步骤的流程图；

图9为图4的视图容器的布局在移动过程中的状态示意图；

图10为另一个实施例中应用程序界面的视图布局调整方法的流程图；

图11为一个实施例中社交应用程序的联系人列表的布局示意图；

图12为图11的联系人列表的布局在移动过程中的状态示意图；

图13为图11的联系人列表的布局在移动后的布局示意图；

图14为一个实施例的视图布局调整装置的结构框图；

图15为另一个实施例的视图布局调整装置的结构框图；

图16为一个实施例中计算机设备的内部结构图。

具体实施方式

为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

如图1所示，在一个实施例中，提供了一种应用程序界面的视图布局调整方法，该方法应用于终端中，能够通过对移动终端的应用程序界面的视图布局进行调整，实现应用程序界面的功能模块的调整。移动终端具体可以为手机、平板电脑、笔记本电脑等中的至少一种。请参照图1，该方法具体包括以下步骤：

S102：检测对应用程序界面的显示元素的触发操作及触发位置。

其中，应用程序界面即应用程序的显示界面。显示元素为功能模块的显示内容。显示元素的类型可以是文字、图片、正在播放的视频等。功能模块指是的系统中具有业务功能的显示区域，例如导航栏、标题栏、播放模块、内容列表、留言区等。可以理解的是，在不同的系统中，可以根据业务功能需要，设置不同的功能模块。

触发操作为获取调整对象所实施的选择操作。比如，触发操作为对显示元素所对应的功能模块的选择操作。选择操作具体方式根据终端的输入方式可分别设置。例如，针对触摸屏终端，选择操作可以为手指长按触摸屏上的显示元素达到预设时间。针对通过输入设备进行操作的终端，例如个人笔记本，选择操作可以为鼠标对显示界面的显示元素的点击操作。触发位置即触发操作所作用在应用程序界面的位置，具体地，触发位置可以为一个坐标。

S104：根据触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器。

通常每个功能模块的布局置于一个通用的视图容器中。一个应用程序界面通常有多个父视图容器和子视图容器的嵌套。其中，父视图容器与子视图容器的关系是，子视图容器在父视图容器里。例如，父视图容器为面板，子视图容器的按钮，则面板就是按钮的父容器。视图容器具有形状、颜色、尺寸和位置等属性。每个视图容器之间通过管理类获取其它视图容器的属性，每个视图容器保存了其对应的子视图容器以及其对应的父视图容器的引用，即保存有各视图容器之间的层次关系对应的双向链表，各视图容器为双向链表上的节点。

基于触发位置与各视图容器的位置参数的比较，能够确定显示元素所在的父视图容器，再将触发位置的位置参数与父视图容器的子视图容器的位置参数进行比较，确定该触发位置所在的子视图容器。

在一个实施例中，根据触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器的步骤，包括：从根视图容器出发，依次按各视图容器的层次关系，查找位置参数与触发位置对应的子视图容器，直至根据层次关系找到叶子节点所对应的显示元素所在的待移动视图容器。

一个应用程序界面通常有且仅有一个根视图容器，各父视图容器和子视图容器嵌套在该根视图容器中。其中，叶子节点是各视图容器之间的层次关系中，没有子视图容器的视图容器。由于应用程序界面是父视图容器和子视图容器的复杂嵌套，而系统的功能模块通常布局于一个视图容器中，即功能模块对应的视图容器是双向链表中的叶子节点，因此，叶子节点对应的视图容器即显示元素所在的目标视图容器。

S106：获取移动操作以及根据移动操作确定的目标位置。

移动操作是在触发操作后，拖动待移动视图容器进行移动的操作。由于移动操作是一个持续性的操作行为，而移动释放操作为该持续性的操作行为的终止，因此，目标位置根据移动操作行为确定。

具体地，移动操作的释放位置，即待移动目标视图容器移动的目标位置。移动释放操作是指停止移动并释放该待移动视图容器。具体地，可以为释放鼠标的点击操作，也可以为抬起在触摸屏设备操作该移动视图容器的手指。

S108：将待移动视图容器移动至目标位置。

具体地，可令待移动视图容器的参考点坐标在该目标位置上。参考点可以为待移动视图容器的中心点。

上述的应用程序界面的视图布局调整方法，通过触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器，从而将待移动视图容器移动至目标位置。由于移动的是显示元素所在的待移动视图容器，而不是显示元素本身，且功能模块布局于视图容器内，因此，通过移动视图容器能够调整功能模块在应用程序界面的布局，从而用户能够随意调整应用程序界面的功能模块的布局，以满足自身操作习惯的需求，极大地提高了应用程序的操作便利性。

在另一个实施例中，在检测对应用程序界面的显示元素的触发操作及触发位置的步骤之前，还包括：检测视图调整开关是否开启；若是，则进入检测对应用程序界面的显示元素的触发操作及触发位置的步骤。

本实施例中，可在应用程序界面中设置视图调整开关，若视图调整开关开启，则在检测到对应用程序界面的显示元素的触发操作及触发位置时，进行视图移动。应用程序界面的视图布局调整方法可应用于各种应用程序，本实施例以社交应用程序为例，进行说明。在社交应用程序的界面设置有视图调整开关，如图2所示，当视图调整开关开启时，能够对社交应用程序界面的视图进行调整。通过设置视图调整开关，提供对应用程序的视图布局调整功能，以调整应用程序界面的功能模块的布局。

在一个实施例中，从根视图容器出发，依次按各视图容器的层次关系，查找位置参数与触发位置对应的子视图容器，直至根据层次关系找到叶子节点所对应的显示元素所在的待移动视图容器，即确定显示元素所在的目标视图容器的步骤的流程图如图3所示，包括以下步骤S302至S310：

S302：将根视图容器作为当前视图容器。

一个应用程序界面具有唯一的根视图容器。功能模块对应的视图容器布局在该根视图容器中。

S304：获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系。

根视图容器可嵌套多个视图容器，例如多个父视图容器和嵌套的子视图容器。每个视图容器保存了其对应的子视图容器以及其对应的父视图容器的引用，即保存有各视图容器之间的层次关系对应的双向链表，各视图容器为双向链表上的节点。视图容器具有形状、颜色、尺寸和位置等属性。每个视图容器之间通过管理类获取其它视图容器的属性。

获取当前视图容器(可以为根视图容器，也可以为子视图容器)及子视图容器的位置参数。子视图容器应当位于其父视图容器(当前视图容器)的位置范围内。

以对如图4所示的视图容器的布局示意图进行调整为例。该应用程序界面包括根视图容器以及视图容器1至视图容器6。各视图容器的层次关系如下：

根视图容器-视图容器1-视图容器2；

根视图容器-视图容器1-视图容器3；

根视图容器-视图容器4-视图容器5；

根视图容器-视图容器4-视图容器6。

其中，视图容器2、视图容器3、视图容器5和视图容器6为叶子节点。

假设用户对应用程序界面的显示元素A触发了操作。

本实施例中，触发操作可以手指在应用程序界面中显示元素A所位置按压达至设定时间。触发位置即手指在应用程序界面的按压操作所对应的位置。

当前视图容器为根视图容器，根据各视图容器的层次关系，根视图容器的子视图容器为视图容器1和视图容器4。分别获取视图容器1和视图容器4的位置参数及视图容器1和视图容器4的层次关系。

S306：根据触发位置和各子视图容器的位置参数，确定触发位置所在的子视图容器。

将触发位置与各子视图容器的位置参数进行比较，确定触发位置所在的子视图容器。

具体地，子视图容器的位置参数为子视图的位置范围，触发位置为触发点的坐标，将触发位置与子视图容器的位置参数进行比较，确定触发位置是否落于子视图容器的位置参数的范围内，从而确定触发所在的子视图容器。具体地，根据触发位置，将其分别与视图容器1和视图容器4的位置参数进行比较，从而确定触发位置位于视图容器4中。

S308：当根据子视图容器的层次关系确定子视图容器处于叶子节点时，确定子视图容器为显示元素所在的待移动视图容器。

根据子视图容器的层次关系，当子视图容器处于叶子节点时，即表示该子视图容器不具有从属的子视图容器(不是父视图容器)，则确定该子视图容器为显示元素所在待移动视图容器。

S310：当根据子视图容器的层次关系确定子视图容器处于非叶子节点时，将子视图容器作为当前视图容器。

即当根据子视图容器的层次关系确定子视图容器存在从属的子视图容器时，将子视图容器作为当前视图容器，并返回获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系的步骤，从而采用上述方法在子视图容器中确定待移动视图容器。

本实施例中，视图容器4并不是叶子节点，则将视图容器4作为当前视图容器，获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系，即，获取视图容器5和视图容器6的位置参数和层次关系。

根据触发位置和视图容器5和视图容器6的位置参数，确定触发位置在视图容器5内。根据层次关系，视图容器5处于叶子节点，则确定视图容器5为显示元素所在的待移动视图容器。

上述的查找目标视图容器的步骤，从根视图容器出发，根据层次关系和位置参数递归查找，考虑了视图容器的特性，无需分别遍历各子视图容器，只需要根据层次关系遍历位置参数相关的视图容器，从而定位待移动视图容器的效率高。

在一个实施例中，将待移动视图容器移动至目标位置的步骤的流程图如图5所示，包括以下步骤：

S502：获取待移动视图容器的尺寸参数和移动至目标位置时所对应的移动位置参数。

待移动视图容器的尺寸参数即待移动视图容器的长和宽。移动位置参数是指将待移动视图容器移动至目标位置时，待移动容器的位置范围。可以理解的是，在待移动视图容器的移动过程中，实时地记录待移动视图容器的位置参数。

S504：当根据目标位置及各视图容器的位置参数确定目标位置占据有视图容器时，根据目标位置及各视图容器之间的层次关系和位置关系，获取目标视图容器及其尺寸参数和位置参数。

具体地，将目标位置及各视图容器的位置参数进行比较，若目标位置位于视图容器的位置范围内，则确定目标位置占据有视图容器。

目标视图容器是指占据在目标位置上的视图容器。获取目标视图容器的方式与确定待移动视图容器的方法相同。具体地，将根视图容器作为当前视图容器，获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系，根据目标位置和各子视图容器的位置参数，确定目标位置所在的子视图容器，当根据子视图容器的层次关系确定子视图容器处于叶子节点时，确定子视图容器为目标位置所在的目标视图容器，当根据子视图容器的层次关系确定子视图容器处于非叶子节点时，将子视图容器作为当前视图容器，并返回获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系的步骤。

目标视图容器的尺寸参数即目标视图容器的长和宽，位置参数即位置范围。

S506：根据待移动视图容器的移动位置参数、目标视图容器的尺寸参数和位置参数，确定待移动视图容器与目标视图容器的重合度。

具体地，重合度即待移动视图容器移动到目标位置时覆盖的目标视图容器的范围。重合度根据待移动视图容器的移动位置参数、目标视图容器的尺寸参数和目标视图容器的位置参数计算得到。

具体地，根据待移动视图容器的移动位置参数、目标视图容器的尺寸参数和目标视图容器的位置参数，确定待移动视图容器与目标视图容器的重合度的步骤包括：

S1：根据待移动视图容器的位置参数和目标视图容器的位置参数，确定重合的位置参数。

S2：根据重合的位置参数确定重合的尺寸参数。

S3：根据重合的尺寸参数与目标视图容器的尺寸参数的比例，确定待移动视图容器与目标视图容器的重合度。

在一个实施例中，待移动视图容器与目标视图容器的重合度超过80％，则将待移动视图容器移动至目标位置。

可以理解的是，重合度还可以指待移动视图容器移动到目标位置时，待移动视图容器和目标视图容器的重合范围。该重合度根据待移动视图容器的尺寸参数、移动位置参数、目标视图容器的尺寸参数和目标视图容器的位置参数，确定待移动视图容器与目标视图容器的重合度。重合度的计算方法在上一实施例的基础上，还需要计算重合的尺寸参数与待移动视图容器的比例。当两个比例都大于预设值时，将待移动视图容器移动至目标位置。

S508：当重合度大于预设值时，将待移动视图容器移动至目标位置。

上述的视图调整方法，在目标位置存在视图容器时，能够根据目标视图容器与待移动视图容器的重合度，将待移动视图容器移动至目标位置。

一个实施例的将待移动视图容器移动至目标位置的步骤的流程图如图5所示，请参阅图6，该步骤包括：

S602：当目标视图容器存在跟随视图容器时，获取跟随视图容器。

各子视图容器在父视图容器中沿布局方向依次排放。跟随视图容器，是指在父视图容器的中沿布局方向排列在目标视图容器之后的子视图容器(不包括待移动的视图容器)。处于同一层次的视图容器，是指从属于同一个父视图容器的全部子视图容器。通过获取目标视图容器的父视图容器，并获取该父视图容器的全部子视图容器即可得到与目标视图容器处于同一层次的视图容器。

例如，父视图容器的布局方向为从左至右横向布局，而跟随视图容器则为位于目标视图容器右侧的视图容器。又例如，父视图容器的布局方向为从上至下竖向布局，而跟随视图容器则为位于目标视图容器下方的视图容器。

S604：将待移动视图容器移动至目标位置，同时根据待移动视图容器的尺寸参数，将目标视图容器和跟随视图容器向布局方向移动。

具体地，将目标视图容器和跟随视图容器向布局方向移动与待移动视图容器的尺寸参数相同的位置。

当目标视图容器不存在跟随视图容器时，将目标视图容器向布局方向移动。

如图4所示的应用程序界面，视图容器3不具有跟随视图容器，视图容器5的跟随视图容器为视图容器6。

图7为图4的视图容器的布局在移动后的视图布局示意图。如图7所示，视图容器5调整至原视图容器3所在的位置，视图容器3向下移动，将视图容器6向上移动，移动的位置与视图容器5的尺寸参数对应。

上述的视图布局调整方法，在目标位置已有目标视图容器的情况下，在移动至目标位置的同时，将跟随视图容器向布局延伸方向移动，从而实现视图布局调整，避免移动导致的视图杂乱，影响功能模块的功能。

可以理解的是，若待移动视图容器也存在跟随视图容器，则将待移动视图容器移动至目标位置的步骤，包括：当目标视图容器存在跟随视图容器时，获取第一跟随视图容器，当待移动视图容器存在跟随视图容器时，获取第二跟随视图容器，将待移动视图容器移动至目标位置，同时根据待移动视图容器的尺寸参数，将各目标视图容器和第一跟随视图容器向布局方向移动，将第二跟随视图容器向布局方向相反的方向移动。可以理解的是，不同的视图容器可具有不同的布局方向。

通过在将待移动视图容器移动至目标位置后，将随视图容器向与布局方向相反的方向移动，从而避免将待移动视图容器移动后布局不紧凑的情况。

在又一个实施例中，获取移动操作以及根据移动操作确定的目标位置的步骤的流程图如图8所示，包括：

S802：获取移动操作，待移动视图容器跟随移动操作的轨迹移动。

待移动视图容器跟随移动操作的轨迹移动，用户通过应用程序界面可以观察拖放位置。图9为图4的视图容器的布局在移动过程中的状态示意图。如图9所示，待移动视图容器跟随移动操作的轨迹移动。

S804：当检测到移动释放操作时，获取移动释放操作所对应的目标位置。

移动释放操作是指停止移动并释放该目标视图容器。具体地，可以为释放鼠标的点击操作，也可以为抬起在触摸屏设备操作该目标视图容器的手指。移动操作释放的位置，即待移动目标视图容器移动的目标位置。

在此基础上，当待移动视图容器与目标视图容器的重合度小于预设值时，控制待移动视图容器移动至初始位置。

初始位置即待移动视图容器在移动前的位置。将重合度小于预设值时，控制待移动视图容器移动至初始位置。

下面结合具体的实施例对视图布局调整方法进行说明。

一个实施例的视图布局调整方法如图10所示。应该理解的是，虽然图10的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图10中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

具体地，该方法包括以下步骤：

S702：检测视图调整开关是否开启。

若是，则执行步骤S704。

本实施例以社交应用程序为例，进行说明。在社交应用程序的界面设置有视图调整开关，如图3所示，当视图调整开关开启时，能够对社交应用程序界面的视图进行调整。通过设置视图调整开关，能够提供视图调整功能。

一个传统的社交应用程序的联系人界面如图11所示。具有搜索栏、新朋友显示区域、分类菜单、内容列表和导航栏。在开启如图3所示的视图调整开关后，回到联系人界面图11。S704:检测对应用程序界面的显示元素的触发操作及触发位置。

以对如图11所示的联系人界面进行调整为例。该联系人界面包括根视图容器以及视图容器101至视图容器107。其中，搜索栏位于视图容器101内，新朋友显示区域位于视图容器102内，分类菜单位于视图容器104内，内容列表位于视图容器105内，导航栏位于视图容器107内。其中，视图容器101和视图容器102位于视图容器103内，视图容器104和视图容器105位于视图容器106内，各视图容器的层次关系如下：

根视图容器-视图容器103-视图容器101；

根视图容器-视图容器103-视图容器102；

根视图容器-视图容器106-视图容器104；

根视图容器-视图容器106-视图容器105；

根视图容器-视图容器107。

其中，视图容器101、视图容器102、视图容器104、视图容器105和视图容器107为叶子节点。

假设用户对应用程序界面的显示元素A触发了操作。

本实施例中，触发操作可以手指在应用程序界面中显示元素A所位置按压达至设定时间。触发位置参数即手指在应用程序界面的按压操作所对应的位置。

S706：将根视图容器作为当前视图容器。

S708：获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系。

当前视图容器为根视图容器，根据各视图容器的层次关系，根视图容器的子视图容器为视图容器103、视图容器106和视图容器107。分别获取视图容器103、视图容器106和视图容器107的位置参数及层次关系。

S710：根据触发位置和各子视图容器的位置参数，确定触发位置所在的子视图容器。

具体地，根据触发位置，将其分别与视图容器103、视图容器106和视图容器107的位置参数进行比较，从而确定触发位置位于视图容器106中。

S712：根据子视图容器的层次关系判断子视图容器是否处于叶子节点。若否，则执行步骤S716，若是，则执行步骤S714。

S714：将子视图容器作为当前视图容器。步骤S612之后，返回步骤S606。

S716：确定子视图容器为显示元素所在的待移动视图容器。

本实施例中，视图容器106并不是叶子节点，则将视图容器106作为当前视图容器，获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系，即，获取视图容器104和视图容器105的位置参数和层次关系。

根据触发位置参数和视图容器104和视图容器105的位置参数，确定触发位置在视图容器105内。根据层次关系，视图容器105处于叶子节点，则确定视图容器105为显示元素所在的待移动视图容器。

S718：获取移动操作，待移动视图容器跟随移动操作的轨迹移动。

图12为图11的联系人列表的布局在移动过程中的状态示意图。如图11所示，待移动视图容器跟随移动操作的轨迹移动。

S720：判断是否检测到移动释放操作。

若是，则执行步骤S722，若否，则持续进行检测。

S722：获取移动释放操作所对应的目标位置。

S724：获取待移动视图容器移动至目标位置时所对应的移动位置参数。

S726：根据目标位置及各视图容器的位置参数确定目标位置是否占据有视图容器。

具体地，将目标位置与各视图容器的位置参数进行比较，确定该目标位置是否占据有视图容器。本实施例中，通过比较，在该位置在占据有视图容器。

若是，执行步骤S728，若否，执行步骤S734。

S728：根据目标位置及各视图容器之间的层次关系和位置关系，获取目标视图容器及其尺寸参数和位置参数。

获取目标视图容器及其尺寸参数和位置参数的过程与确定待移动视图容器的过程类似，在此不再赘述。本实施例中，占据目标位置的目标视图容器为视图容器104。

步骤S728之后，执行步骤S730：

S730：根据待移动视图容器的移动位置参数、目标视图容器的尺寸参数和位置参数，确定待移动视图容器与目标视图容器的重合度。

S732：判断重合度是否大于预设值。

若是，则执行步骤S734，若否，则执行步骤S736。

S734：将待移动视图容器移动至目标位置。

S736：控制待移动视图容器移动至初始位置。

具体地，该步骤包括：当目标视图容器存在跟随视图容器时，获取第一跟随视图容器，当待移动视图容器存在跟随视图容器时，获取第一跟随视图容器，将待移动视图容器移动至目标位置，同时根据待移动视图容器的尺寸参数，将各目标视图容器和第一跟随视图容器向布局方向移动，将第二跟随视图容器向布局方向相反的方向移动。

本实施例中，视图容器104和视图容器105均不具有跟随视图容器。

图13为图11的联系人列表在移动后的布局示意图。如图13所示，视图容器104和视图容器105调换了位置，对应地，内容列表和分类菜单的位置进行了调整，移动的位置与视图容器105的尺寸参数对应。

上述的应用程序界面的视图布局调整方法，用户能够基于需求自主地对应用程序界面的功能模块进行调整，将功能模块放置到自己习惯的位置。例如，根据用户习惯将导航栏移动至在底部或顶部，从而用户可以将导航栏中放置到自己习惯的位置，改善了用户体验。

由于能够对应用程序的功能模块进行调整，应用的整体界面不再是一直不变，而是不同层次的用户可以自己定义，应用软件升级改版的时候，用户可以根据自己使用习惯及时调整。

一种应用程序界面的视图布局调整装置，如图14所示，包括：检测模块110、待移动对象获取模块112、移动获取模块114和调整模块116。

检测模块110，用于检测对应用程序界面的显示元素的触发操作及触发位置。

待移动对象获取模块112，用于根据触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器。

移动获取模块114，用于获取移动操作以及根据移动操作确定的目标位置；

调整模块116，用于将待移动视图容器移动至目标位置。

上述的应用程序界面的视图布局调整装置，通过触发位置及各视图容器之间的层次关系和位置参数，确定显示元素所在的待移动视图容器，从而将待移动视图容器移动至目标位置。由于移动的是显示元素所在的待移动视图容器，而不是显示元素，且功能模块布局于视图容器内，因此，通过移动视图容器能够调整功能模块在应用程序界面的布局，从而用户能够随意调整应用程序界面的功能模块的布局，以满足自身操作习惯的需求，极大地提高了应用程序的操作便利性。

在另一个实施例中，检测模块，还用于检测视图调整开关是否开启。当检测到视图调整开关开启时，检测对应用程序界面的显示元素的触发操作及触发位置。

当视图调整开关开启时，能够对社交应用程序界面的视图进行调整。通过设置视图调整开关，能够提供视图调整功能。

具体地，待移动对象获取模块112，用于从根视图容器出发，依次按各视图容器的层次关系，查找位置参数与触发位置对应的子视图容器，直至根据层次关系找到叶子节点所对应的显示元素所在的待移动视图容器。

在另一个实施例中，如图15所示，待移动对象获取模块包括：赋值模块、子视图获取模块、子视图确定模块和待移动视图容器获取模块。

赋值模块，用于将根视图容器作为当前视图容器，还用于当根据子视图容器的层次关系确定子视图容器处于非叶子节点时，将子视图容器作为当前视图容器。

子视图获取模块，用于获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系。

子视图确定模块，用于根据触发位置和各子视图容器的位置参数，确定触发位置所在的子视图容器。

待移动视图容器获取模块，用于当根据子视图容器的层次关系确定子视图容器处于叶子节点时，确定子视图容器为显示元素所在的待移动视图容器。

请继续参阅图15，调整模块116包括：位置参数获取模块、目标视图容器获取模块、重合度计算模块和移动操作模块。

位置参数获取模块，用于获取待移动视图容器移动至目标位置时所对应的移动位置参数。

目标视图容器获取模块，用于当根据目标位置及各视图容器的位置参数确定目标位置占据有视图容器时，根据目标位置及各视图容器之间的层次关系和位置关系，获取目标视图容器及其尺寸参数和位置参数。

重合度计算模块，用于根据待移动视图容器的移动位置参数、目标视图容器的尺寸参数和位置参数，确定待移动视图容器与目标视图容器的重合度。

移动操作模块，用于当重合度大于预设值时，将待移动视图容器移动至目标位置。

在再一个实施例中，移动操作模块，用于当目标视图容器存在跟随视图容器时，获取跟随视图容器，移动将待移动视图容器移动至目标位置，同时根据待移动视图容器的尺寸参数，将目标视图容器和跟随视图容器向布局方向移动；当目标视图容器不存在跟随视图容器时，将目标视图容器向布局方向移动。

在又一个实施例中，移动获取模块114，用于获取移动操作，待移动视图容器跟随移动操作的轨迹移动；当检测到移动释放操作时，获取移动释放操作所对应的目标位置。

移动操作模块，还用于当待移动视图容器与目标视图容器的重合度小于预设值时，控制待移动视图容器移动至初始位置。

由于能够对功能模块进行调整，应用的整体界面不再是一直不变，而是不同层次的用户可以自己定义，应用升级改版的时候，用户可以根据自己使用习惯及时调整。

图16示出了一个实施例中计算机设备的内部结构图。该计算机设备具体可以是图1中的终端110。如图16所示，该计算机设备包括该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、输入装置和显示屏。其中，存储器包括非易失性存储介质和内存储器。该计算机设备的非易失性存储介质存储有操作系统，还可存储有计算机程序，该计算机程序被处理器执行时，可使得处理器实现视图布局调整方法。该内存储器中也可储存有计算机程序，该计算机程序被处理器执行时，可使得处理器执行视图布局调整方法。计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。

本领域技术人员可以理解，图16中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在一个实施例中，本申请提供的视图布局调整装置可以实现为一种计算机程序的形式，计算机程序可在如图16所示的计算机设备上运行。计算机设备的存储器中可存储组成该视图布局调整装置的各个程序模块，比如，图14所示的检测模块、待移动对象获取模块和移动获取模块。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的视图布局调整方法中的步骤。

例如，图16所示的计算机设备可以通过如图14所示的应用程序界面的视图布局调整装置中的检测模块执行步骤获取对显示元素的触发操作及触发位置。计算机设备可通过待移动对象获取模块执行步骤根据所述触发位置及各视图容器之间的层次关系和位置参数，确定所述显示元素所在的待移动视图容器。计算机设备可通过移动获取模块执行步骤获取移动操作以及根据所述移动操作确定的目标位置。

一种存储介质，存储有计算机程序，计算机程序被处理器执行时，使得所述处理器执行上述各实施例的方法的步骤。

一种计算机设备，包括存储器和处理器，存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行上述各实施例的方法的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一非易失性计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本申请专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (15)

1.一种应用程序界面的视图布局调整方法，包括：

检测对应用程序界面的显示元素的触发操作及触发位置；

根据所述触发位置及各视图容器之间的层次关系和位置参数，确定所述显示元素所在的待移动视图容器；

获取移动操作以及根据所述移动操作确定的目标位置；

将所述待移动视图容器移动至所述目标位置。

2.根据权利要求1所述的方法，其特征在于，当检测到视图调整开关开启时，进入所述检测对应用程序界面的显示元素的触发操作及触发位置的步骤。

3.根据权利要求1所述的方法，其特征在于，所述根据所述触发位置及各视图容器之间的层次关系和位置参数，确定所述显示元素所在的待移动视图容器的步骤，包括：

从根视图容器出发，依次按各视图容器的层次关系，查找位置参数与所述触发位置对应的子视图容器，直至根据所述层次关系找到叶子节点所对应的所述显示元素所在的待移动视图容器。

4.根据权利要求3所述的方法，其特征在于，所述从根视图容器出发，依次按各视图容器的层次关系，查找位置参数与所述触发位置对应的子视图容器，直至根据所述层次关系找到叶子节点所对应的所述显示元素所在的待移动视图容器的步骤，包括：

将根视图容器作为当前视图容器；

获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系；

根据所述触发位置和各所述子视图容器的位置参数，确定触发位置所在的子视图容器；

当根据所述子视图容器的层次关系确定所述子视图容器处于叶子节点时，确定所述子视图容器为所述显示元素所在的待移动视图容器。

5.根据权利要求4所述的方法，其特征在于，当根据所述子视图容器的层次关系确定所述子视图容器处于非叶子节点时，将所述子视图容器作为当前视图容器，并返回获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系的步骤。

6.根据权利要求1所述的方法，其特征在于，所述将所述待移动视图容器移动至所述目标位置的步骤，包括：

获取所述待移动视图容器移动至所述目标位置时所对应的移动位置参数；

当根据所述目标位置及各视图容器的位置参数确定所述目标位置占据有视图容器时，根据所述目标位置及各视图容器之间的层次关系和位置关系，获取目标视图容器及其尺寸参数和位置参数；

根据所述待移动视图容器的移动位置参数、所述目标视图容器的尺寸参数和位置参数，确定所述待移动视图容器与目标视图容器的重合度；

当重合度大于预设值时，将所述待移动视图容器移动至所述目标位置。

7.根据权利要求6所述的方法，其特征在于，所述将所述待移动视图容器移动至所述目标位置的步骤包括：

当所述目标视图容器存在跟随视图容器时，获取所述跟随视图容器；

将所述待移动视图容器移动至所述目标位置，同时根据待移动视图容器的尺寸参数，将所述目标视图容器和所述跟随视图容器向布局方向移动；

当所述目标视图容器不存在跟随视图容器时，将所述目标视图容器向布局方向移动。

8.根据权利要求6所述的方法，其特征在于，所述获取移动操作以及根据所述移动操作确定的目标位置的步骤，包括：

获取所述移动操作，所述待移动视图容器跟随所述移动操作的轨迹移动；

当检测到移动释放操作时，获取移动释放操作所对应的目标位置；

当所述待移动视图容器与所述目标视图容器的重合度小于预设值时，控制所述待移动视图容器移动至初始位置。

9.一种应用程序界面的视图布局调整装置，包括：检测模块、待移动对象获取模块、移动获取模块和调整模块；

所述检测模块，用于检测对应用程序界面的显示元素的触发操作及触发位置；

所述待移动对象获取模块，用于根据所述触发位置及各视图容器之间的层次关系和位置参数，确定所述显示元素所在的待移动视图容器；

所述移动获取模块，用于获取移动操作以及根据所述移动操作确定的目标位置；

所述调整模块，用于将所述待移动视图容器移动至所述目标位置。

10.根据权利要求9所述的装置，其特征在于，所述待移动对象获取模块，用于从根视图容器出发，依次按各视图容器的层次关系，查找位置参数与所述触发位置对应的子视图容器，直至根据所述层次关系找到叶子节点所对应的所述显示元素所在的待移动视图容器。

11.根据权利要求10所述的装置，其特征在于，所述待移动对象获取模块包括：赋值模块、子视图获取模块、子视图确定模块和待移动视图容器获取模块；

所述赋值模块，用于将根视图容器作为当前视图容器；

所述子视图获取模块，用于获取当前视图容器的子视图容器、各子视图容器的位置参数以及各子视图容器的层次关系；

所述子视图确定模块，用于根据所述触发位置和各所述子视图容器的位置参数，确定触发位置所在的子视图容器；

所述待移动视图容器获取模块，用于当根据所述子视图容器的层次关系确定所述子视图容器处于叶子节点时，确定所述子视图容器为所述显示元素所在的待移动视图容器。

12.根据权利要求9所述的装置，其特征在于，所述调整模块包括：位置参数获取模块、目标视图容器获取模块、重合度计算模块和移动操作模块；

所述位置参数获取模块，用于获取所述待移动视图容器移动至所述目标位置时所对应的移动位置参数；

所述目标视图容器获取模块，用于当根据所述目标位置及各视图容器的位置参数确定所述目标位置占据有视图容器时，根据所述目标位置及各视图容器之间的层次关系和位置关系，获取目标视图容器及其尺寸参数和位置参数；

所述重合度计算模块，用于根据所述待移动视图容器的移动位置参数、所述目标视图容器的尺寸参数和位置参数，确定所述待移动视图容器与目标视图容器的重合度；

所述移动操作模块，用于当重合度大于预设值时，将所述待移动视图容器移动至所述目标位置。

13.根据权利要求12所述的装置，其特征在于，所述移动操作模块，用于当所述目标视图容器存在跟随视图容器时，获取所述跟随视图容器，移动将所述待移动视图容器移动至所述目标位置，同时根据待移动视图容器的尺寸参数，将所述目标视图容器和所述跟随视图容器向布局方向移动；当所述目标视图容器不存在跟随视图容器时，将所述目标视图容器向布局方向移动。

14.一种存储介质，存储有计算机程序，所述计算机程序被处理器执行时，使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。

15.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时，使得所述处理器执行如权利要求1至8中任一项所述方法的步骤。