CN103164118B - 一种移动终端多视图显示的方法及装置 - Google Patents
一种移动终端多视图显示的方法及装置 Download PDFInfo
- Publication number
- CN103164118B CN103164118B CN201110417064.8A CN201110417064A CN103164118B CN 103164118 B CN103164118 B CN 103164118B CN 201110417064 A CN201110417064 A CN 201110417064A CN 103164118 B CN103164118 B CN 103164118B
- Authority
- CN
- China
- Prior art keywords
- view
- mobile terminal
- array
- width
- slide
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明适用于移动终端技术领域，提供了一种移动终端多视图显示的方法及装置，所述方法包括：获取每个视图的宽度；根据所述宽度，按预设规则对所述视图进行布局；在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。通过本发明可以实现多个不同宽度视图的滑动、显示以及视图边界停靠。
Description
技术领域
本发明属于移动终端技术领域，尤其涉及一种移动终端多视图显示的方法及装置。
背景技术
随着触摸屏技术的发展，越来越多的手机、平板电脑等移动终端使用触摸屏进行显示与用户的输入。在通过触摸屏进行人机界面的交互过程中，界面中视图滑动的操作应用的比较普遍。
然而，现有移动终端的视图滑动只能实现单个视图的滑动，而且不能实现视图边界的有效停靠，导致现有移动终端的屏幕上只能显示一个等宽的视图，影响了用户体验。
发明内容
本发明实施例提供一种移动终端多视图显示的方法，旨在解决多视图滑动以及视图边界停靠的问题。
本发明实施例是这样实现的，一种移动终端多视图显示的方法，所述方法包括：
获取每个视图的宽度；
根据所述宽度，按预设规则对所述视图进行布局；
在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；
将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。
本发明实施例还提供一种移动终端多视图显示的装置，所述装置包括：
宽度获取单元，用于获取每个视图的宽度；
布局单元，用于根据所述宽度，按预设规则对所述视图进行布局；
信息获取单元，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；
显示单元，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。
本发明实施例还提供一种移动终端，所述移动终端包括所述移动终端多视图显示的装置。
从上述技术方案中可以看出，本发明实施例在移动终端后台根据视图的宽度，按预设规则对所述视图进行了布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可以实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。
附图说明
图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为所述视图滑动操作的偏移量，在移动终端的屏幕上显示修正后的视图。
本发明实施例在实现多个不同宽度视图滑动与显示的同时，还通过对显示的每一个视图添加一个水平偏移量，并根据视图滑动操作的偏移量修正显示视图的水平偏移量，从而可更有效的实现显示视图的边界停靠(如图3所示，不同颜色表示不同的视图)，增强用户体验感。
作为本发明的另一实施例，所述方法还包括以下步骤：
当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。
在本实施例中，当用户手指离开移动终端屏幕时，用户的视图滑动操作结束，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。本实施例有效增强了移动终端对用户视图滑动操作的响应，提高了用户满意度。
实施例三：
图4示出了本发明实施例三提供的移动终端多视图显示装置的组成结构，为了便于说明，仅示出了与本发明实施例相关的部分。
该移动终端多视图显示装置可以是运行于移动终端内的软件单元、硬件单元或者软硬件相结合的单元。
该移动终端多视图显示装置包括宽度获取单元41、布局单元42、信息获取单元43以及显示单元44，其具体功能如下：
宽度获取单元41，用于获取每个视图的宽度；
布局单元42，用于根据所述宽度，按预设规则对所述视图进行布局；
信息获取单元43，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；
显示单元44，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。
进一步的是，所述装置还包括：
数组建立单元45，用于预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度；
存储单元46，用于将获取的视图宽度存储至第二数组中。
本实施例提供的移动终端多视图显示装置可以使用在前述对应的移动终端多视图显示方法中，详情参见上述移动终端多视图显示方法实施例一的相关描述，在此不再赘述。
实施例四：
图5示出了本发明实施例四提供的移动终端多视图显示装置的组成结构，为了便于说明，仅示出了与本发明实施例相关的部分。
该移动终端多视图显示装置可以是运行于移动终端内的软件单元、硬件单元或者软硬件相结合的单元。
该移动终端多视图显示装置包括宽度获取单元51、布局单元52、信息获取单元53以及显示单元54，其具体功能如下：
宽度获取单元51，用于获取每个视图的宽度；
布局单元52，用于根据所述宽度，按预设规则对所述视图进行布局；
信息获取单元53，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；
显示单元54，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上。其中，所述显示单元54还包括：
偏移量添加模块541，用于对移动终端屏幕显示的每一个视图添加一个水平偏移量，该水平偏移量的大小为其中i为布局后的第i个视图，为前i个视图宽度之和，LeftScrollPadding[i-1]为第i-1个视图左边余留的空间；
修正模块542，用于根据所述视图滑动操作的偏移量和方向，将所述mScrollX按所述方向修正mScrollX＝mScrollX-ΔscrollX，并将修正后的视图显示在移动终端的屏幕上，其中ΔscrollX为所述视图滑动操作的偏移量。
进一步的是，所述装置还包括：
数组建立单元55，用于预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度；
存储单元56，用于将获取的视图宽度存储至第二数组中。
进一步的是，所述装置还包括：
视图添加单元57，用于将添加的视图存储至第一数组，并记录该视图显示在移动终端屏幕时所余留的左右空间。
主显示单元58，用于当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。
本实施例提供的移动终端多视图显示装置可以使用在前述对应的移动终端多视图显示方法中，详情参见上述移动终端多视图显示方法实施例二的相关描述，在此不再赘述。
本领域技术人员可以理解为上述实施例三和四所述装置所包括的各个单元只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
综上所述，本发明实施例在视图显示在移动终端屏幕前，获取每个视图的宽度，并根据获取的宽度按预设规则对所述视图进行布局，在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向，将布局后的视图向所述方向移动所述偏移量，从而可实现多个不同宽度视图的滑动及显示。而且由于预先布局好了视图，每个视图滑动的偏移量又是固定的，从而保证了每个视图在滑动的过程中都会停靠在前一个视图的边界处，有效解决了视图边界停靠的问题。而且，通过对显示的每一个视图添加一个水平偏移量，并根据视图滑动操作的偏移量修正显示视图的水平偏移量，可更有效的实现显示视图的边界停靠，增强用户体验感。另外，通过将离用户手指离开移动终端屏幕位置最近的一个视图作为移动终端屏幕的主显示图，有效增强了移动终端对用户视图滑动操作的响应，提高了用户满意度。
本领域普通技术人员可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以在存储于一计算机可读取存储介质中，所述的存储介质，包括ROM/RAM、磁盘、光盘等。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等，均应包含在本发明的保护范围之内。
Claims (9)
1.一种移动终端多视图显示的方法，其特征在于，所述方法包括：
获取每个视图的宽度；
根据所述宽度，按预设规则对所述视图进行布局；
在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；
将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上，具体包括：
对移动终端屏幕显示的每一个视图添加一个水平偏移量，其中第i个视图水平偏移量的大小为前i个视图宽度之和减去第i-1个视图左边余留的空间，所述i为布局后的第i个视图；
根据所述视图滑动操作的偏移量和方向，对移动终端屏幕显示的每个视图的水平偏移量进行修正，并将修正后的视图显示在移动终端的屏幕上，其中水平偏移量的修正为每个视图的水平偏移量按所述方向减去所述视图滑动操作的偏移量。
2.如权利要求1所述的方法，其特征在于，所述方法还包括：
预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度；
将获取的视图宽度存储至第二数组中。
3.如权利要求2所述的方法，其特征在于，所述方法还包括：
将添加的视图存储至第一数组，并记录该视图显示在移动终端屏幕时所余留的左右空间。
4.如权利要求1所述的方法，其特征在于，所述方法还包括：
当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。
5.一种移动终端多视图显示的装置，其特征在于，所述装置包括：
宽度获取单元，用于获取每个视图的宽度；
布局单元，用于根据所述宽度，按预设规则对所述视图进行布局；
信息获取单元，用于在监控到用户的视图滑动操作时，获取所述视图滑动操作的偏移量和方向；
显示单元，用于将布局后的视图向所述方向移动所述偏移量，并显示在移动终端的屏幕上；
所述显示单元包括：
偏移量添加模块，用于对移动终端屏幕显示的每一个视图添加一个水平偏移量，其中第i个视图水平偏移量的大小为前i个视图宽度之和减去第i-1个视图左边余留的空间，所述i为布局后的第i个视图；
修正模块，用于根据所述视图滑动操作的偏移量和方向，对移动终端屏幕显示的每个视图的水平偏移量进行修正，并将修正后的视图显示在移动终端的屏幕上，其中水平偏移量的修正为每个视图的水平偏移量按所述方向减去所述视图滑动操作的偏移量。
6.如权利要求5所述的装置，其特征在于，所述装置还包括：
数组建立单元，用于预先建立第一数组和第二数组，所述第一数组用于存储视图，所述第二数组用于存储所述视图的宽度；
存储单元，用于将获取的视图宽度存储至第二数组中。
7.如权利要求6所述的装置，其特征在于，所述装置还包括：
视图添加单元，用于将添加的视图存储至第一数组，并记录该视图显示在移动终端屏幕时所余留的左右空间。
8.如权利要求5所述的装置，其特征在于，所述装置还包括：
主显示单元，用于当用户的视图滑动操作结束时，检测用户手指离开移动终端屏幕的位置，将离所述位置最近的一个视图作为移动终端屏幕的主显示图。
9.一种移动终端，其特征在于，所述移动终端包括权利要求5至8任一项所述的移动终端多视图显示的装置。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110417064.8A CN103164118B (zh) | 2011-12-14 | 2011-12-14 | 一种移动终端多视图显示的方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110417064.8A CN103164118B (zh) | 2011-12-14 | 2011-12-14 | 一种移动终端多视图显示的方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103164118A CN103164118A (zh) | 2013-06-19 |
| CN103164118B true CN103164118B (zh) | 2017-05-03 |
Family
ID=48587253
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110417064.8A Active CN103164118B (zh) | 2011-12-14 | 2011-12-14 | 一种移动终端多视图显示的方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103164118B (zh) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10296088B2 (en) | 2016-01-26 | 2019-05-21 | Futurewei Technologies, Inc. | Haptic correlated graphic effects |
| CN109062653B (zh) * | 2018-08-20 | 2022-02-25 | 珠海市筑巢科技有限公司 | 长图文信息显示方法、计算机装置及计算机可读存储介质 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH09109356A (ja) * | 1995-10-16 | 1997-04-28 | Toppan Printing Co Ltd | ページデータ面付装置および刷版作成装置 |
| CN101398739A (zh) * | 2007-09-25 | 2009-04-01 | 博思天地(北京)科技有限公司 | 一种基于触摸屏的页面浏览方法、装置及其移动通信终端 |
| CN101895779A (zh) * | 2010-07-23 | 2010-11-24 | 深圳超多维光电子有限公司 | 立体显示方法和系统 |
| CN101908076A (zh) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | 页面布局自适应方法及装置 |
-
2011
- 2011-12-14 CN CN201110417064.8A patent/CN103164118B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH09109356A (ja) * | 1995-10-16 | 1997-04-28 | Toppan Printing Co Ltd | ページデータ面付装置および刷版作成装置 |
| CN101398739A (zh) * | 2007-09-25 | 2009-04-01 | 博思天地(北京)科技有限公司 | 一种基于触摸屏的页面浏览方法、装置及其移动通信终端 |
| CN101895779A (zh) * | 2010-07-23 | 2010-11-24 | 深圳超多维光电子有限公司 | 立体显示方法和系统 |
| CN101908076A (zh) * | 2010-08-24 | 2010-12-08 | 北京世纪高通科技有限公司 | 页面布局自适应方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103164118A (zh) | 2013-06-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP2592542B1 (en) | User interface providing method and apparatus for mobile terminal | |
| US9804738B2 (en) | Icon sorting and displaying method and terminal device | |
| CN104360816B (zh) | 截屏方法及系统 | |
| CN103106039B (zh) | 一种移动终端的页面切换方法及装置 | |
| US9811252B2 (en) | Information processing apparatus, information processing method, and program | |
| CN103530052B (zh) | 一种界面内容的显示方法和用户设备 | |
| CN103488411B (zh) | 切换页面的方法和装置 | |
| CN103383603B (zh) | 信息处理的方法及电子设备 | |
| CN102750034B (zh) | 一种上报触摸屏坐标点的方法及移动终端 | |
| CN105493034A (zh) | 用于管理指示包括异构应用的应用程序组的标签窗口的方法和装置 | |
| KR20120053335A (ko) | 직관적인 폴더 편집 및 열람을 위한 사용자 인터페이스 표시 방법 및 장치 | |
| CN102609210A (zh) | 移动终端的功能图标的配置方法和移动终端 | |
| CN104238887B (zh) | 常用应用程序的图标查找方法和装置 | |
| CN104049880A (zh) | 一种多图片批量选择的方法及装置 | |
| CN106354404A (zh) | 页面操作方法及装置 | |
| WO2013039064A1 (ja) | 情報処理装置、表示制御方法、プログラム及び情報記憶媒体 | |
| CN106649369A (zh) | 窗口显示的调整方法及装置 | |
| CN103164118B (zh) | 一种移动终端多视图显示的方法及装置 | |
| CN101539832A (zh) | 具滚动条功能的输入装置及其触控式面板与电子装置 | |
| CN108038117A (zh) | 一种网页布局方法及装置 | |
| CN104077056B (zh) | 屏幕显示页面的平移方法和系统 | |
| CN106886511A (zh) | 一种网络表格的处理方法及装置 | |
| CN103677416B (zh) | 一种滑动过程中防止界面抖动的方法和装置 | |
| US20130238973A1 (en) | Application of a touch based interface with a cube structure for a mobile device | |
| CN104166497A (zh) | 一种立体桌面快捷栏及其切换方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |