一种移动终端多视图显示的方法及装置制造方法及图纸

本发明专利技术适用于移动终端技术领域，提供了一种移动终端多视图显示的方法及装置，所述方法包括：获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。通过本发明专利技术可以实现多个不同宽度视图的滑动、显示以及视图边界停靠。

【技术实现步骤摘要】
一种移动终端多视图显示的方法及装置
本专利技术属于移动终端
，尤其涉及一种移动终端多视图显示的方法及装置。
技术介绍
随着触摸屏技术的发展，越来越多的手机、平板电脑等移动终端使用触摸屏进行显示与用户的输入。在通过触摸屏进行人机界面的交互过程中，界面中视图滑动的操作应用的比较普遍。然而，现有移动终端的视图滑动只能实现单个视图的滑动，而且不能实现视图边界的有效停靠，导致现有移动终端的屏幕上只能显示一个等宽的视图，影响了用户体验。
技术实现思路
本专利技术实施例提供一种移动终端多视图显示的方法，旨在解决多视图滑动以及视图边界停靠的问题。本专利技术实施例是这样实现的，一种移动终端多视图显示的方法，所述方法包括：获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。本专利技术实施例还提供一种移动终端多视图显示的装置，所述装置包括：宽度获取单元，用于获取每个视图的宽度；布局单元，用于根据所述宽度，按预设规则对所述视图进行布局；信息获取单元，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；显示单元，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。本专利技术实施例还提供一种移动终端，所述移动终端包括所述移动终端多视图显示的装置。从上述技术方案中可以看出，本专利技术实施例在移动终端后台根据视图的宽度，按预设规则对所述视图进行了布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可以实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。附图说明图1是本专利技术实施例一提供的移动终端多视图显示方法的实现流程图；图2是本专利技术实施例二提供的移动终端多视图显示方法的实现流程图；图3是本专利技术实施例二提供的移动终端多视图显示方法的效果图；图4是本专利技术实施例三提供的的移动终端多视图显示装置的组成结构图；图5是本专利技术实施例四提供的的移动终端多视图显示装置的组成结构图。具体实施方式为了使本专利技术的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。本专利技术实施例在移动终端后台根据视图的宽度，按预设规则对所述视图进行了布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可以实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。为了说明本专利技术所述的技术方案，下面通过具体实施例来进行说明。实施例一：图1示出了本专利技术实施例一提供的移动终端多视图显示方法的实现流程，该方法过程详述如下：在步骤S101中，获取每个视图的宽度。在本实施例中，将视图命名为ScrollExtView，并预先建立一个用于存储所述视图的数组，命名为mChild(即第一数组)。同时建立一个和mChild一样长度的整形数组mChildWidth(即第二数组)用于存储所述视图的宽度。本实施例在视图显示在移动终端屏幕之前，需要获取每个视图的宽度，并将获取的视图宽度存储至第二数组。在步骤S102中，根据所述宽度，按预设规则对所述视图进行布局。在本实施例中，预设规则定义如下(不局限于此)：设第i个视图的左上点Pi1(x1，y1)和右下点Pi2(x2，y2)，以及第i个视图前一视图右下点Pi-1′(x′，y′)，当i＝0，x′＝0，y′＝ScrollExtView的高度(一般为移动终端屏幕的高度)。x1＝x′；y1＝0；x2＝x1+mChildWidth[i]；y2＝y1+childHight(屏幕高度)；本实施例根据所述规则将所述视图从左往右，平铺布局。在步骤S103中，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向。在本实施例中，移动终端通过触感应函数监控用户的视图滑动操作，在监控到用户的视图滑动操作时，计算视图滑动操作的偏移量，并记录视图滑动操作的方向。其中，视图滑动操作的偏移量为某一个视图滑动后所处的位置减去滑动前所处的位置。在步骤S104中，将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。在本实施例中，移动终端屏幕上显示的视图至少为一个。本专利技术实施例在视图显示在移动终端屏幕前，获取每个视图的宽度，并根据获取的宽度按预设规则对所述视图进行布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。实施例二：图2示出了本专利技术实施例二提供的移动终端多视图显示方法的实现流程，该方法过程详述如下：在步骤S201中，获取每个视图的宽度。在本实施例中，将视图命名为ScrollExtView，并预先建立一个用于存储所述视图的数组，命名为mChild(即第一数组)。同时建立一个和mChild一样长度的整形数组mChildWidth(即第二数组)用于存储所述视图的宽度。本实施例在视图显示在移动终端屏幕之前，需要获取每个视图的宽度，并将获取的视图宽度存储至第二数组。优选的是，ScrollExtView还提供了一个addView方法，用于添加视图，并将添加的视图存储至第一数组，在添加视图的同时调整第一数组和第二数组的长度，使其足够记录每个视图。addView同时需要参数LayoutParam来规定每个视图的宽度、高度(一般为移动终端屏幕的高度)以及左右余留的空间(用来显示当前视图两边两个视图的空间)，并将所述左右余留的空间分别记录在leftScrollPadding和rightScrollPadding中。在步骤S202中，根据所述宽度，按预设规则对所述视图进行布局；在步骤S203中，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向。在本实施例中，步骤S202-步骤S203和实施例一中的步骤S102和步骤S103相同，其具体实施过程参见实施例一中骤S102和步骤S103的相关描述，在此不再赘述。在步骤S204中，对移动终端屏幕显示的每一个视图添加一个水平偏移量，该水平偏移量的大小为其中i为布局后的第i个视图(i为整数，且大于0)，为前i个视图宽度之和，LeftScrollPadding[i-1]为第i-1个视图左边余留的空间。在步骤S205中，根据所述视图滑动操作的偏移量和方向，将所述mScrollX按所述方向修正mScrollX＝mScrollX-ΔscrollX，其中ΔscrollX为所述视图滑动操作的偏移量，在移动终端的屏幕上显示修正后的视图。本专利技术实施例在实现本文档来自技高网...

【技术保护点】
一种移动终端多视图显示的方法，其特征在于，所述方法包括：获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。

【技术特征摘要】
1.一种移动终端多视图显示的方法，其特征在于，所述方法包括：获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上，具体包括：对移动终端屏幕显示的每一个视图添加一个水平偏移量，其中第i个视图水平偏移量的大小为前i个视图宽度之和减去第i-1个视图左边余留的空间，所述i为布局后的第i个视图；根据所述视图滑动操作的偏移量和方向，对移动终端屏幕显示的每个视图的水平偏移量进行修正，并将修正后的视图显示在移动终端的屏幕上，其中水平偏移量的修正为每个视图的水平偏移量按所述方向减去所述视图滑动操作的偏移量。2.如权利要求1所述的方法，其特征在于，所述方法还包括：预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度；将获取的视图宽度存储至第二数组中。3.如权利要求2所述的方法，其特征在于，所述方法还包括：将添加的视图存储至第一数组，并记录该视图显示在移动终端屏幕时所余留的左右空间。4.如权利要求1所述的方法，其特征在于，所述方法还包括：当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。5.一种移动终端多视图显示的装置，其特征在于，所述装置包括：宽度获取单元，用于获取每个视图的宽度；布局单元，用于根据所述宽度，按预设规...

【专利技术属性】
技术研发人员：马斌，万鑫，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：