专利名称：一种移动终端多视图显示的方法及装置的制作方法
技术领域：
本发明属于移动终端技术领域，尤其涉及一种移动终端多视图显示的方法及装置。
背景技术：
随着触摸屏技术的发展，越来越多的手机、平板电脑等移动终端使用触摸屏进行显示与用户的输入。在通过触摸屏进行人机界面的交互过程中，界面中视图滑动的操作应用的比较普遍。然而，现有移动终端的视图滑动只能实现单个视图的滑动，而且不能实现视图边界的有效停靠，导致现有移动终端的屏幕上只能显示一个等宽的视图，影响了用户体验。
发明内容
本发明实施例提供一种移动终端多视图显示的方法，旨在解决多视图滑动以及视图边界停靠的问题。本发明实施例是这样实现的，一种移动终端多视图显示的方法，所述方法包括:获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。本发明实施例还提供一种移动终端多视图显示的装置，所述装置包括:宽度获取单元，用于获取每个视图的宽度；布局单元，用于根据所述宽度，按预设规则对所述视图进行布局；信息获取单元，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；显示单元，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。本发明实施例还提供一种移动终端，所述移动终端包括所述移动终端多视图显示的装置。从上述技术方案中可以看出，本发明实施例在移动终端后台根据视图的宽度，按预设规则对所述视图进行了布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可以实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。
图1是本发明实施例一提供的移动终端多视图显示方法的实现流程图；图2是本发明实施例二提供的移动终端多视图显示方法的实现流程图；图3是本发明实施例二提供的移动终端多视图显示方法的效果图；图4是本发明实施例三提供的的移动终端多视图显示装置的组成结构图；图5是本发明实施例四提供的的移动终端多视图显示装置的组成结构图。
具体实施例方式为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。本发明实施例在移动终端后台根据视图的宽度，按预设规则对所述视图进行了布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可以实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。实施例一:图1示出了本 发明实施例一提供的移动终端多视图显示方法的实现流程，该方法过程详述如下:在步骤SlOl中，获取每个视图的宽度。在本实施例中，将视图命名为ScrollExtView,并预先建立一个用于存储所述视图的数组，命名为mChild(即第一数组)。同时建立一个和mChild —样长度的整形数组mChildffidth(即第二数组)用于存储所述视图的宽度。本实施例在视图显示在移动终端屏幕之前，需要获取每个视图的宽度，并将获取的视图宽度存储至第二数组。在步骤S102中，根据所述宽度，按预设规则对所述视图进行布局。在本实施例中，预设规则定义如下(不局限于此):设第i个视图的左上点Pil (x1； Y1)和右下点Pi2 (x2, y2)，以及第i个视图前一视图右下点 P1-r U' , l')，当 i=0, X' = O, y' = ScrollExtView 的高度(一般为移动终端屏幕的高度)。X1 = Xf ；Y1 = O ；x2 = X^mChildWidth[i]；y2 = y1+childHight(屏幕高度)；本实施例根据所述规则将所述视图从左往右，平铺布局。在步骤S103中，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向。在本实施例中，移动终端通过触感应函数监控用户的视图滑动操作，在监控到用户的视图滑动操作时，计算视图滑动操作的偏移量，并记录视图滑动操作的方向。其中，视图滑动操作的偏移量为某一个视图滑动后所处的位置减去滑动前所处的位置。在步骤S104中，将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。在本实施例中，移动终端屏幕上显示的视图至少为一个。本发明实施例在视图显示在移动终端屏幕前，获取每个视图的宽度，并根据获取的宽度按预设规则对所述视图进行布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。实施例二:图2示出了本发明实施例二提供的移动终端多视图显示方法的实现流程，该方法过程详述如下:在步骤S201中，获取每个视图的宽度。在本实施例中，将视图命名为ScrollExtView,并预先建立一个用于存储所述视图的数组，命名为mChild(即第一数组)。同时建立一个和mChild —样长度的整形数组mChildffidth(即第二数组)用于存储所述视图的宽度。本实施例在视图显示在移动终端屏幕之前，需要获取每个视图的宽度，并将获取的视图宽度存储至第二数组。优选的是，Scro llExtView还提供了一个addView方法,用于添加视图，并将添加的视图存储至第一数组，在添加视图的同时调整第一数组和第二数组的长度，使其足够记录每个视图。addView同时需要参数LayoutParam来规定每个视图的宽度、高度(一般为移动终端屏幕的高度)以及左右余留的空间(用来显示当前视图两边两个视图的空间)，并将所述左右余留的空间分别记录在IeftScrollPadding和rightScrollPadding中。在步骤S202中，根据所述宽度，按预设规则对所述视图进行布局；在步骤S203中，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向。 在本实施例中，步骤S202-步骤S203和实施例一中的步骤S102和步骤S103相同，其具体实施过程参见实施例一中骤S102和步骤S103的相关描述，在此不再赘述。在步骤S204中，对移动终端屏幕显示的每一个视图添加一个水平偏移量，该水平偏移量的大小为
f I\
mScrollX = ^mChildWidth [η] - LeftScrollPadding[1-l],其中 i 为布局
Vn=0J
ι\
后的第i个视图(i为整数，且大于0)，^mChildWidth [η]为前i个视图宽度之和，
\ n=0J
LeftScrolIPadding[1-l]为第i_l个视图左边余留的空间。在步骤S205中，根据所述视图滑动操作的偏移量和方向，将所述mScrollX按所述方向修正mScrollX = mScrollX-Λ scrollX，其中Δ scrollX为所述视图滑动操作的偏移量，在移动终端的屏幕上显示修正后的视图。本发明实施例在实现多个不同宽度视图滑动与显示的同时，还通过对显示的每一个视图添加一个水平偏移量，并根据视图滑动操作的偏移量修正显示视图的水平偏移量，从而可更有效的实现显示视图的边界停靠(如图3所示，不同颜色表示不同的视图)，增强用户体验感。作为本发明的另一实施例，所述方法还包括以下步骤:当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。在本实施例中，当用户手指离开移动终端屏幕时，用户的视图滑动操作结束，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。本实施例有效增强了移动终端对用户视图滑动操作的响应，提高了用户满意度。实施例三:图4示出了本发明实施例三提供的移动终端多视图显示装置的组成结构，为了便于说明，仅示出了与本发明实施例相关的部分。该移动终端多视图显示装置可以是运行于移动终端内的软件单元、硬件单元或者软硬件相结合的单元。该移动终端多视图显示装置包括宽度获取单元41、布局单元42、信息获取单元43以及显示单元44,其具体功能如下:宽度获取单元41，用于获取每个视图的宽度；布局单元42，用于根据所述宽度，按预设规则对所述视图进行布局；信息获取单元43，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；显示单元44，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。进一步的是，所述装置还包括:数组建立单元45，用于预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度；存储单元46，用于将获取的视图宽度存储至第二数组中。本实施例提供的移动终端多视图显示装置可以使用在前述对应的移动终端多视图显示方法中，详情参见上述移动终端多视图显示方法实施例一的相关描述，在此不再赘述。实施例四:图5示出了本发明实施例四提供的移动终端多视图显示装置的组成结构，为了便于说明，仅示出了与本发明实施例相关的部分。该移动终端多视图显示装置可以是运行于移动终端内的软件单元、硬件单元或者软硬件相结合的单元。该移动终端多视图显示装置包括宽度获取单元51、布局单元52、信息获取单元53以及显示单元54,其具体功能如下:宽度获取单元51，用于获取每个视图的宽度；
布局单元52，用于根据所述宽度，按预设规则对所述视图进行布局；信息获取单元53，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；显示单元54，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。其中，所述显示单元54还包括:偏移量添加模块541，用于对移动终端屏幕显示的每一个视图添加一个水平偏移量，该水平偏移量的大小为
权利要求
1.一种移动终端多视图显示的方法，其特征在于，所述方法包括: 获取每个视图的宽度； 根据所述宽度，按预设规则对所述视图进行布局； 在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向； 将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。
2.如权利要求1所述的方法，其特征在于，所述方法还包括: 预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度； 将获取的视图宽度存储至第二数组中。
3.如权利要求2所述的方法，其特征在于，所述方法还包括: 将添加的视图存储至第一数组，并记录该视图显示在移动终端屏幕时所余留的左右空间。
4.如权利要求3所述的方法，其特征在于，所述将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上具体包括: 对移动终端屏幕显示的每一个视图添加一个水平偏移量，其中第i个视图水平偏移量的大小为前i个视图宽度之和减去第i_l个视图左边余留的空间，所述i为布局后的第i个视图； 根据所述视图滑动操作的偏移量和方向，对移动终端屏幕显示的每个视图的水平偏移量进行修正，并将修正后的视图显示在移动终端的屏幕上，其中水平偏移量的修正为每个视图的水平偏移量按所述方向减去所述视图滑动操作的偏移量。
5.如权利要求1所述的方法，其特征在于，所述方法还包括: 当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。
6.一种移动终端多视图显示的装置，其特征在于，所述装置包括: 宽度获取单元，用于获取每个视图的宽度； 布局单元，用于根据所述宽度，按预设规则对所述视图进行布局； 信息获取单元，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向； 显示单元，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。
7.如权利要求6所述的装置，其特征在于，所述装置还包括: 数组建立单元，用于预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度； 存储单元，用于将获取的视图宽度存储至第二数组中。
8.如权利要求7所述的装置，其特征在于，所述装置还包括: 视图添加单元，用于将添加的视图存储至第一数组，并记录该视图显示在移动终端屏幕时所余留的左右空间。
9.如权利要求8所述的装置，其特征在于，所述显示单元包括: 偏移量添加模块，用于对移动终端屏幕显示的每一个视图添加一个水平偏移量，其中第i个视图水平偏移量的大小为前i个视图宽度之和减去第1-ι个视图左边余留的空间，所述i为布局后的第i个视图； 修正模块，用于根据所述视图滑动操作的偏移量和方向，对移动终端屏幕显示的每个视图的水平偏移量进行修正，并将修正后的视图显示在移动终端的屏幕上，其中水平偏移量的修正为每个视图的水平偏移量按所述方向减去所述视图滑动操作的偏移量。
10.如权利要求1所述的方法，其特征在于，所述方法还包括: 主显示单元，用于当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。
11.一种移动终端，其特征在于，所述移动终端包括权利要求6至10任一项所述的移动终端多视图显示的装 置。
全文摘要
本发明适用于移动终端技术领域，提供了一种移动终端多视图显示的方法及装置，所述方法包括获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。通过本发明可以实现多个不同宽度视图的滑动、显示以及视图边界停靠。
文档编号G06F3/0484GK103164118SQ20111041706
公开日2013年6月19日 申请日期2011年12月14日 优先权日2011年12月14日
发明者马斌, 万鑫 申请人:腾讯科技(深圳)有限公司