CN103677538A - 多窗口显示方法及装置 - Google Patents

多窗口显示方法及装置 Download PDF

Info

Publication number
CN103677538A
CN103677538A CN201210330382.5A CN201210330382A CN103677538A CN 103677538 A CN103677538 A CN 103677538A CN 201210330382 A CN201210330382 A CN 201210330382A CN 103677538 A CN103677538 A CN 103677538A
Authority
CN
China
Prior art keywords
window
height
page
certain
vertical misalignment
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.)
Pending
Application number
CN201210330382.5A
Other languages
English (en)
Inventor
朱洲
王琪琳
蔡荧园
付晨
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201210330382.5A priority Critical patent/CN103677538A/zh
Publication of CN103677538A publication Critical patent/CN103677538A/zh
Pending legal-status Critical Current

Links

Images

Abstract

本发明公开了一种多窗口显示方法及装置,属于浏览器技术领域。所述方法包括:当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上;其中,所述每个窗口的宽度都相同。所述装置包括:计算模块和显示模块。本发明提高了屏幕刷新的帧率,从而提高了移动终端屏幕显示的流畅性。

Description

多窗口显示方法及装置
技术领域
本发明涉及浏览器技术领域,特别涉及一种多窗口显示方法及装置。
背景技术
在现有的触屏式移动终端中,当浏览器打开多个窗口时,会进入多窗口管理界面,在该界面上通过平铺或者全窗口层叠的形式展示已经打开的多个窗口。
平铺窗口是指将该多个窗口平铺在界面上,通常是左右并列显示在界面上,用户可以通过手指左右滑动来预览该多个窗口。平铺窗口的方式中,需要至少三个窗口完整同时显示。
全窗口层叠窗口是指在界面上将多个窗口上下错开叠放,该多个窗口同时显示达到了层叠的效果,用户可以通过手指滑动预览该多个窗口。
但是,上述两种方式都需要在屏幕上同时显示多个窗口,而显示的窗口数目越多,屏幕上刷新的区域就越大,刷新帧率就越低,从而极大地影响移动终端屏幕显示的流畅性。
发明内容
为了解决现有技术的问题,本发明实施例提供了一种多窗口显示方法及装置。所述技术方案如下:
一方面,一种多窗口显示方法,所述方法包括:
当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;
根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上;
其中,所述每个窗口的宽度都相同。
其中,根据页面的高度和打开窗口的数目计算每个窗口的高度,包括:
用所述页面的高度除以打开窗口的数目,将得到的结果作为所述每个窗口的高度。
其中,根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,还包括:
当所述多个窗口中的一个窗口被关闭时,重新用所述页面的高度除以当前页面上剩余窗口的数目,将得到的结果作为所述每个窗口的高度,根据重新计算得到的每个窗口的高度在页面上更新当前的所有窗口。
其中,根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,还包括:
当检测到所述多个窗口中的某个窗口被拖拽时,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度、所述某个窗口上方的窗口的高度、以及所述某个窗口下方的窗口的高度;
根据所述重新计算的每个窗口的高度在页面上更新所述每个窗口。
其中,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度,包括:
按照如下公式计算所述某个窗口的高度:
当所述纵向偏移为向上偏移时,Hi=(H/N+Hv),Yi=(H/N)×i-Hv,且Yi的最小值为0;
当所述纵向偏移为向下偏移时,Yi=(H/N)×i+Hv,Hi的数值不变或者Hi=(H/N-Hv);
其中,Hi为所述某个窗口的高度,i为所述某个窗口的序号且i=0,1,...,N-1,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值,Yi为所述某个窗口上边缘在屏幕上的像素纵坐标,当Hi=(H/N-Hv)时Hi的最小值为0或标题栏的高度。
其中,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口上方的窗口的高度,包括:
按照如下公式计算所述某个窗口上方的相邻窗口的高度:
当所述横向偏移为0时,如果所述纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv>H/N时,如果所述纵向偏移为向上偏移,则Hj=H/N–Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv≤H/N时,Hj=(H/N)×2;
其中,Hj为所述某个窗口上方的相邻窗口的高度,j为所述相邻窗口的序号且j=i-1,i为所述某个窗口的序号,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值。
其中,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口下方的窗口的高度,包括:
按照如下公式计算所述某个窗口下方的窗口的高度:
当Hv+Hg×(k-i)≤(H/N)×(k-i)时,Hk的数值不变,Yk=(H/N)×k;
当Hv+Hg×(k-i)>(H/N)×(k-i)时,Hk=(H/N)-((Hv+Hg×(k-i))-(H/N)×(k-i))且Hk的最小值为Hg,Yk=(H/N)×k+Hv+Hg×(k-i);
其中,Hv为所述纵向偏移的距离值,H为所述页面的高度,N为打开窗口的数目,Hk为所述某个窗口下方的任一个窗口的高度,k为所述任一个窗口的序号且k=i+1,i+2,...,N-1,i为所述某个窗口的序号,Yk为所述任一个窗口的上边缘在屏幕上的像素纵坐标,Hg为0或者标题栏的高度。
另一方面,提供了一种多窗口显示装置,所述装置包括:
计算模块,用于当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;
显示模块,用于根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上;
其中,所述每个窗口的宽度都相同。
其中,所述计算模块用于:用所述页面的高度除以打开窗口的数目,将得到的结果作为所述每个窗口的高度。
其中,所述装置还包括:
关闭重排模块,用于在所述显示模块根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,当所述多个窗口中的一个窗口被关闭时,重新用所述页面的高度除以当前页面上剩余窗口的数目,将得到的结果作为所述每个窗口的高度,根据重新计算得到的每个窗口的高度在页面上更新当前的所有窗口。
其中,所述装置还包括:
检测模块,用于在所述显示模块根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,检测所述多个窗口中是否有某个窗口被拖拽;
更新模块,用于当所述检测模块检测到所述多个窗口中的某个窗口被拖拽时,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度、所述某个窗口上方的窗口的高度、以及所述某个窗口下方的窗口的高度,根据所述重新计算的每个窗口的高度在页面上更新所述每个窗口。
其中,所述更新模块包括:
第一计算单元,用于按照如下公式计算所述某个窗口的高度:
当所述纵向偏移为向上偏移时,Hi=(H/N+Hv),Yi=(H/N)×i-Hv,且Yi的最小值为0;
当所述纵向偏移为向下偏移时,Yi=(H/N)×i+Hv,Hi的数值不变或者Hi=(H/N-Hv);
其中,Hi为所述某个窗口的高度,i为所述某个窗口的序号且i=0,1,...,N-1,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值,Yi为所述某个窗口上边缘在屏幕上的像素纵坐标,当Hi=(H/N-Hv)时Hi的最小值为0或标题栏的高度。
其中,所述更新模块包括:
第二计算单元,用于按照如下公式计算所述某个窗口上方的相邻窗口的高度:
当所述横向偏移为0时,如果所述纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv>H/N时,如果所述纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv≤H/N时,Hj=(H/N)×2;
其中,Hj为所述某个窗口上方的相邻窗口的高度,j为所述相邻窗口的序号且j=i-1,i为所述某个窗口的序号,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值。
其中,所述更新模块包括:
第三计算单元,用于按照如下公式计算所述某个窗口下方的窗口的高度:
当Hv+Hg×(k-i)≤(H/N)×(k-i)时,Hk的数值不变,Yk=(H/N)×k;
当Hv+Hg×(k-i)>(H/N)×(k-i)时,Hk=(H/N)-((Hv+Hg×(k-i))-(H/N)×(k-i))且Hk的最小值为Hg,Yk=(H/N)×k+Hv+Hg×(k-i);
其中,Hv为所述纵向偏移的距离值,H为所述页面的高度,N为打开窗口的数目,Hk为所述某个窗口下方的任一个窗口的高度,k为所述任一个窗口的序号且k=i+1,i+2,...,N-1,i为所述某个窗口的序号,Yk为所述任一个窗口的上边缘在屏幕上的像素纵坐标,Hg为0或者标题栏的高度。
本发明实施例提供的技术方案带来的有益效果是:通过计算浏览器打开的多个窗口的高度,并根据高度将该多个窗口上下排列显示在页面上,使得每个窗口不用全部显示,仅按照高度显示相应的区域,提高了屏幕刷新的帧率,从而提高了移动终端屏幕显示的流畅性。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种多窗口显示方法流程图;
图2是本发明实施例提供的另一种多窗口显示方法流程图;
图3是本发明实施例提供的在移动终端页面上等高显示多个窗口的示意图;
图4是本发明实施例提供的页面上窗口被拖拽后的显示示意图;
图5是本发明实施例提供的拖拽操作后窗口缩小到标题栏的示意图;
图6是本发明实施例提供的一种多窗口显示装置结构图;
图7是本发明实施例提供的另一种多窗口显示装置结构图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
参见图1,本发明一实施例提供了一种多窗口显示方法,包括:
101:当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;
102:根据计算的每个窗口的高度将多个窗口上下排列显示在页面上;
其中,每个窗口的宽度都相同。
本实施例提供的上述方法,通过计算浏览器打开的多个窗口的高度,并根据高度将该多个窗口上下排列显示在页面上,使得每个窗口不用全部显示,仅按照高度显示相应的区域,提高了屏幕刷新的帧率,从而提高了移动终端屏幕显示的流畅性。
参见图2,本发明另一实施例提供了一种多窗口显示方法,包括:
201:当移动终端内的浏览器打开多个窗口时,用页面的高度除以打开窗口的数目,将得到的结果作为每个窗口的高度。
本实施例提供的方法应用于移动终端中,场景是移动终端内的浏览器打开多个窗口进行显示。该浏览器可以是任何一种浏览器,本发明对此不做具体限定。所述移动终端包括但不限于:手机、平板电脑等等,优选地,为触摸式移动终端。
所述页面是指浏览器打开的页面,各个窗口都显示在该页面中,本实施例中移动终端内的浏览器打开的窗口为多个,具体个数不限定,如打开2个窗口、3个窗口、5个窗口等等。
本实施例中,所有窗口的高度均相同,从而达到了该多个窗口在页面上等高地上下排列的效果,方便用户进行预览。由于每个窗口的高度只占整个页面的一部分,因此,每个窗口中显示的内容都是该窗口的部分内容,从而减少了页面更新的显示区域,提高了刷新帧率,显示速度快,用户体验更流畅。
具体地,所述每个窗口的高度可以用公式表达如下:
Hi=H/N,i=0,1,…,N-1;(1)
其中,Hi为第i个窗口的高度,i为窗口的序号,取值范围是从0至N-1,N为浏览器打开的窗口的数目,如5个、8个、10等,H是该多个窗口所在的页面的高度。
202:根据计算的每个窗口的高度,将该多个窗口从上至下排列显示在页面上,其中,每个窗口的宽度都相同。
具体地,可以按照窗口被打开的顺序依次将该多个窗口从上至下排列显示在页面上。
优选地,所述每个窗口的宽度都与页面的宽度相同。
当然,浏览器页面上的该多个窗口的顺序也可以采用其他方式,如按照打开的顺序倒序排列,或随机排序等等,本发明对此不做具体限定。优选地,采用按照打开的顺序依次上下排列,更符合用户的使用习惯,便于查看。
例如,参见图3,为本实施例提供的在移动终端页面上等高显示多个窗口的示意图。其中,移动终端的浏览器打开了4个窗口,分别是:手机新浪网、手机腾讯网、网易首页手机网易网和手机搜狐网。将这4个窗口按照打开的顺序从上至下显示,且各个窗口的高度均相同,
另外,本实施例还支持窗口的关闭操作,当显示的多个窗口中的某个窗口被关闭时,则可以根据剩余窗口的数目和页面的高度重新进行计算得出当前各个窗口的高度,再根据计算出的各个窗口的高度进行更新显示。所述计算可以为用页面的高度除以当前窗口的数目得到的结果作为更新后每个窗口的高度。
例如,初始时显示M个窗口,页面高度为H,则每个窗口的高度为H/M,当其中一个窗口被关闭后,窗口数目变为M-1个,更新后每个窗口的高度为H/(M-1),达到了关闭某个窗口后各个窗口的高度仍然均分显示的效果。
203:当检测到该多个窗口中的某个窗口被拖拽时,根据某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度。
本步骤中,浏览器会对页面进行监听,检测是否有窗口被拖拽,一旦检测到用户通过手指对页面上的某个窗口进行拖拽,则重新计算该某个窗口的高度。
具体地,本步骤可以包括:
按照如下公式计算所述某个窗口的高度:
当纵向偏移为向上偏移时,Hi=(H/N+Hv),Yi=(H/N)×i-Hv,且Yi的最小值为0;
当纵向偏移为向下偏移时,Yi=(H/N)×i+Hv,Hi的数值不变或者Hi=(H/N-Hv);(2)
上述公式(2)中,Hi为所述某个窗口的高度,i为某个窗口的序号且i=0,1,...,N-1,H为该多个窗口所在页面的高度,N为打开窗口的数目,Hv为被拖拽的窗口纵向偏移的距离值,具体地,Hv为大于等于0的数,Yi为所述某个窗口上边缘在屏幕上的像素纵坐标,当Hi=(H/N-Hv)时Hi的最小值为0或标题栏的高度。
本实施例中,窗口的高度变小后,有两种处理方式,一种是高度逐渐变小,最小为0,这时该窗口就不会显示在页面上;另一种是高度逐渐变小,最小为标题栏的高度,这时该窗口无内容显示在页面上,但是会显示该窗口的标题栏;在实际应用中,可以采用这两种方式中的任一种,本发明对此不做具体限定。
所述当Hi=(H/N-Hv)时Hi的最小值为0是指Hi的值不能为负数,即窗口高度最小为0;所述当Hi=(H/N-Hv)时Hi的最小值为标题栏的高度是指窗口的最小高度就是标题栏的高度。
本实施例中,标题栏的高度是固定不变的,而且每个窗口的标题栏的高度均相同。
其中,所述拖拽操作的方向包括但不限于:向上、向下、向左、向右、向斜上方、向斜下方等等,移动终端可以采用现有的方式检测拖拽操作的方向,本发明对此不做过多说明。不同的拖拽方向会对应有不同的横向偏移和纵向偏移。例如,当向上拖拽时,只有纵向偏移且为向上偏移;当向下拖拽时,只有纵向偏移且为向下偏移;当向页面左上角方向偏移时,既有横向偏移又有纵向偏移;当然,还有其它很多种情况,在此不一一举例。例如,参见图4,为图3显示的页面上产生窗口拖拽后的显示示意图。其中,第2个窗口被向左上方拖拽后,同时产生了横向偏移和纵向偏移,第1个窗口的高度和第2个窗口的高度均发生了变化。
本实施例中,所有涉及计算窗口高度的步骤中,如果存在减法的运算,可能出现负数的情况,这种情况下,就默认该窗口的高度为0,即任何一个窗口的高度最小值为0;或者默认该窗口的高度为标题栏的高度,后续的步骤中不再特别声明。
204:根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,计算该某个窗口上方的相邻窗口的高度。
具体地,本步骤可以包括:
按照如下公式计算所述某个窗口上方的相邻窗口的高度:
当横向偏移为0时,如果纵向偏移为向上偏移,则Hj=H/N–Hv且Hj的最小值为0或标题栏的高度,如果纵向偏移为向下偏移,则Hj=H/N+Hv;
当横向偏移不为0且Hv>H/N时,如果纵向偏移为向上偏移,则Hj=H/N–Hv且Hj的最小值为0或标题栏的高度,如果纵向偏移为向下偏移,则Hj=H/N+Hv;
当横向偏移不为0且Hv≤H/N时,Hj=(H/N)×2;(3)
其中,Hj为某个窗口上方的相邻窗口的高度,j为该相邻窗口的序号且j=i-1,i为某个窗口的序号,H为页面的高度,N为打开窗口的数目,Hv为纵向偏移的距离值。
本步骤中,所述某个窗口上方的相邻窗口的上边缘在屏幕上的像素纵坐标不变,Yj=(H/N)×j,该相邻窗口仅发生高度的变化。
本实施例中,所述某个窗口上方除了相邻窗口以外的其它窗口的高度和位置均不变,减少了计算过程,提高了屏幕刷新效率。
205:根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,计算该某个窗口下方的窗口的高度。
具体地,本步骤可以包括:
按照如下公式计算某个窗口下方的窗口的高度:
当Hv+Hg×(k-i)≤(H/N)×(k-i)时,Hk的数值不变,Yk=(H/N)×k;
当Hv+Hg×(k-i)>(H/N)×(k-i)时,Hk=(H/N)-((Hv+Hg×(k-i))-(H/N)×(k-i))且Hk的最小值为Hg,Yk=(H/N)×k+Hv+Hg×(k-i);(4)
其中,Hv为纵向偏移的距离值,且Hv≥0,H为页面的高度,N为打开窗口的数目,Hk为某个窗口下方的任一个窗口的高度,k为任一个窗口的序号且k=i+1,i+2,...,N-1,i为某个窗口的序号,Yk为所述任一个窗口的上边缘在屏幕上的像素纵坐标,Hg为0或者标题栏的高度。
本步骤中,所述某个窗口下方的任一个窗口不仅高度发生了变化,而且窗口上边缘在屏幕上的像素纵坐标也发生了变化,即显示位置也发生了变化,从显示效果上看就是向下进行了偏移。
其中,Hg为0的场景就是当第i个窗口向下偏移后,导致下方的某个窗口被挤出了屏幕之外,因此高度为0,不再显示该窗口。Hg为标题栏的高度的场景就是当第i个窗口向下偏移后,导致下方的某个窗口被挤到了屏幕的最下端,仅显示标题栏,不再显示内容,这样可以方便用户随时查看该窗口。
例如,参见图5,为页面上某个窗口被拖拽后最下方的窗口缩小到标题栏的示意图。其中,页面上显示了4个窗口,用户用手指向下拖拽第2个窗口,第3个和第4个窗口跟随向下偏移且窗口的高度同时变小,最后第4个窗口的高度仅为标题栏的高度,显示为向下移动到页面底部卡住标题栏的动画效果,而且每个窗口都保留标题栏在页面上,可以方便用户随时进行查看和预览。
本实施例中,203至205中计算各类窗口的高度的步骤,其先后顺序本发明对此不做限定,可以任意更换这三个步骤之间的顺序,只要是检测到该多个窗口中的某个窗口被拖拽时,就触发这三个步骤即可,从而可以得到拖拽操作之后页面上各个窗口的高度。
206:根据上述重新计算的每个窗口的高度在页面上更新每个窗口。
上述更新是指按照重新计算出来的高度重新显示各个窗口,从而达到了拖拽之后各个窗口在页面上刷新的效果。
本实施例提供的上述方法,通过计算浏览器打开的多个窗口的高度,并根据高度将该多个窗口上下排列显示在页面上,使得每个窗口不用全部显示,仅按照高度显示相应的区域,提高了屏幕刷新的帧率,从而提高了移动终端屏幕显示的流畅性。
参见图6,本发明又一实施例提供了一种多窗口显示装置,包括:
计算模块601,用于当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;
显示模块602,用于根据计算的每个窗口的高度将多个窗口上下排列显示在页面上;
其中,每个窗口的宽度都相同。
其中,计算模块601可以用于:用页面的高度除以打开窗口的数目,将得到的结果作为每个窗口的高度。
进一步地,所述装置还包括:
关闭重排模块,用于在显示模块602根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,当所述多个窗口中的一个窗口被关闭时,重新用所述页面的高度除以当前页面上剩余窗口的数目,将得到的结果作为所述每个窗口的高度,根据重新计算得到的每个窗口的高度在页面上更新当前的所有窗口
本实施例中,显示模块602可以具体地根据计算的每个窗口的高度按照窗口被打开的顺序依次将多个窗口从上至下排列显示在页面上。
参见图7,上述装置还可以包括:
检测模块603,用于在显示模块602根据计算的每个窗口的高度将多个窗口上下排列显示在页面上之后,检测多个窗口中是否有某个窗口被拖拽;
更新模块604,用于当检测模块603检测到多个窗口中的某个窗口被拖拽时,根据某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算某个窗口的高度、某个窗口上方的窗口的高度、以及某个窗口下方的窗口的高度,根据重新计算的每个窗口的高度在页面上更新每个窗口。
一种实施方式下,上述更新模块604可以包括:
第一计算单元,用于按照如下公式计算所述某个窗口的高度:
当纵向偏移为向上偏移时,Hi=(H/N+Hv),Yi=(H/N)×i-Hv,且Yi的最小值为0;
当纵向偏移为向下偏移时,Yi=(H/N)×i+Hv,Hi的数值不变或者Hi=(H/N-Hv);
其中,Hi为所述某个窗口的高度,i为所述某个窗口的序号且i=0,1,...,N-1,H为所述页面的高度,N为打开窗口的数目,Hv为纵向偏移的距离值,Yi为所述某个窗口上边缘在屏幕上的像素纵坐标,当Hi=(H/N-Hv)时Hi的最小值为0或标题栏的高度。
另一种实施方式下,上述更新模块604包括:
第二计算单元,用于按照如下公式计算所述某个窗口上方的相邻窗口的高度:
当横向偏移为0时,如果纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果纵向偏移为向下偏移,则Hj=H/N+Hv;
当横向偏移不为0且Hv>H/N时,如果纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果纵向偏移为向下偏移,则Hj=H/N+Hv;
当横向偏移不为0且Hv≤H/N时,Hj=(H/N)×2;
其中,Hj为所述某个窗口上方的相邻窗口的高度,j为所述相邻窗口的序号且j=i-1,i为所述某个窗口的序号,H为页面的高度,N为打开窗口的数目,Hv为纵向偏移的距离值。
再一种实施方式下,上述更新模块604包括:
第三计算单元,用于按照如下公式计算所述某个窗口下方的窗口的高度:
当Hv+Hg×(k-i)≤(H/N)×(k-i)时,Hk的数值不变,Yk=(H/N)×k;
当Hv+Hg×(k-i)>(H/N)×(k-i)时,Hk=(H/N)-((Hv+Hg×(k-i))-(H/N)×(k-i))且Hk的最小值为Hg,Yk=(H/N)×k+Hv+Hg×(k-i);
其中,Hv为纵向偏移的距离值,H为页面的高度,N为打开窗口的数目,Hk为所述某个窗口下方的任一个窗口的高度,k为所述任一个窗口的序号且k=i+1,i+2,...,N-1,i为所述某个窗口的序号,Yk为所述任一个窗口的上边缘在屏幕上的像素纵坐标,Hg为0或者标题栏的高度。
本实施例提供的所述装置可以位于浏览器中,该浏览器安装于移动终端中。
本实施例提供的上述装置,通过计算浏览器打开的多个窗口的高度,并根据高度将该多个窗口上下排列显示在页面上,使得每个窗口不用全部显示,仅按照高度显示相应的区域,提高了屏幕刷新的帧率,从而提高了移动终端屏幕显示的流畅性。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (14)

1.一种多窗口显示方法,其特征在于,所述方法包括:
当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;
根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上;
其中,所述每个窗口的宽度都相同。
2.根据权利要求1所述的方法,其特征在于,根据页面的高度和打开窗口的数目计算每个窗口的高度,包括:
用所述页面的高度除以打开窗口的数目,将得到的结果作为所述每个窗口的高度。
3.根据权利要求2所述的方法,其特征在于,根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,还包括:
当所述多个窗口中的一个窗口被关闭时,重新用所述页面的高度除以当前页面上剩余窗口的数目,将得到的结果作为所述每个窗口的高度,根据重新计算得到的每个窗口的高度在页面上更新当前的所有窗口。
4.根据权利要求1所述的方法,其特征在于,根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,还包括:
当检测到所述多个窗口中的某个窗口被拖拽时,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度、所述某个窗口上方的窗口的高度、以及所述某个窗口下方的窗口的高度;
根据所述重新计算的每个窗口的高度在页面上更新所述每个窗口。
5.根据权利要求4所述的方法,其特征在于,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度,包括:
按照如下公式计算所述某个窗口的高度:
当所述纵向偏移为向上偏移时,Hi=(H/N+Hv),Yi=(H/N)×i-Hv,且Yi的最小值为0;
当所述纵向偏移为向下偏移时,Yi=(H/N)×i+Hv,Hi的数值不变或者Hi=(H/N-Hv);
其中,Hi为所述某个窗口的高度,i为所述某个窗口的序号且i=0,1,...,N-1,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值,Yi为所述某个窗口上边缘在屏幕上的像素纵坐标,当Hi=(H/N-Hv)时Hi的最小值为0或标题栏的高度。
6.根据权利要求4所述的方法,其特征在于,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口上方的窗口的高度,包括:
按照如下公式计算所述某个窗口上方的相邻窗口的高度:
当所述横向偏移为0时,如果所述纵向偏移为向上偏移,则Hj=H/N–Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv>H/N时,如果所述纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv≤H/N时,Hj=(H/N)×2;
其中,Hj为所述某个窗口上方的相邻窗口的高度,j为所述相邻窗口的序号且j=i-1,i为所述某个窗口的序号,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值。
7.根据权利要求4所述的方法,其特征在于,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口下方的窗口的高度,包括:
按照如下公式计算所述某个窗口下方的窗口的高度:
当Hv+Hg×(k-i)≤(H/N)×(k-i)时,Hk的数值不变,Yk=(H/N)×k;
当Hv+Hg×(k-i)>(H/N)×(k-i)时,Hk=(H/N)-((Hv+Hg×(k-i))-(H/N)×(k-i))且Hk的最小值为Hg,Yk=(H/N)×k+Hv+Hg×(k-i);
其中,Hv为所述纵向偏移的距离值,H为所述页面的高度,N为打开窗口的数目,Hk为所述某个窗口下方的任一个窗口的高度,k为所述任一个窗口的序号且k=i+1,i+2,...,N-1,i为所述某个窗口的序号,Yk为所述任一个窗口的上边缘在屏幕上的像素纵坐标,Hg为0或者标题栏的高度。
8.一种多窗口显示装置,其特征在于,所述装置包括:
计算模块,用于当移动终端内的浏览器打开多个窗口时,根据页面的高度和打开窗口的数目计算每个窗口的高度;
显示模块,用于根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上;
其中,所述每个窗口的宽度都相同。
9.根据权利要求8所述的装置,其特征在于,所述计算模块用于:用所述页面的高度除以打开窗口的数目,将得到的结果作为所述每个窗口的高度。
10.根据权利要求8所述的装置,其特征在于,所述装置还包括:
关闭重排模块,用于在所述显示模块根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,当所述多个窗口中的一个窗口被关闭时,重新用所述页面的高度除以当前页面上剩余窗口的数目,将得到的结果作为所述每个窗口的高度,根据重新计算得到的每个窗口的高度在页面上更新当前的所有窗口。
11.根据权利要求8所述的装置,其特征在于,所述装置还包括:
检测模块,用于在所述显示模块根据计算的每个窗口的高度将所述多个窗口上下排列显示在页面上之后,检测所述多个窗口中是否有某个窗口被拖拽;
更新模块,用于当所述检测模块检测到所述多个窗口中的某个窗口被拖拽时,根据所述某个窗口被拖拽时的横向偏移和纵向偏移、以及页面的高度和打开窗口的数目,重新计算所述某个窗口的高度、所述某个窗口上方的窗口的高度、以及所述某个窗口下方的窗口的高度,根据所述重新计算的每个窗口的高度在页面上更新所述每个窗口。
12.根据权利要求11所述的装置,其特征在于,所述更新模块包括:
第一计算单元,用于按照如下公式计算所述某个窗口的高度:
当所述纵向偏移为向上偏移时,Hi=(H/N+Hv),Yi=(H/N)×i-Hv,且Yi的最小值为0;
当所述纵向偏移为向下偏移时,Yi=(H/N)×i+Hv,Hi的数值不变或者Hi=(H/N-Hv);
其中,Hi为所述某个窗口的高度,i为所述某个窗口的序号且i=0,1,...,N-1,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值,Yi为所述某个窗口上边缘在屏幕上的像素纵坐标,当Hi=(H/N-Hv)时Hi的最小值为0或标题栏的高度。
13.根据权利要求11所述的装置,其特征在于,所述更新模块包括:
第二计算单元,用于按照如下公式计算所述某个窗口上方的相邻窗口的高度:
当所述横向偏移为0时,如果所述纵向偏移为向上偏移,则Hj=H/N–Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv>H/N时,如果所述纵向偏移为向上偏移,则Hj=H/N-Hv且Hj的最小值为0或标题栏的高度,如果所述纵向偏移为向下偏移,则Hj=H/N+Hv;
当所述横向偏移不为0且Hv≤H/N时,Hj=(H/N)×2;
其中,Hj为所述某个窗口上方的相邻窗口的高度,j为所述相邻窗口的序号且j=i-1,i为所述某个窗口的序号,H为所述页面的高度,N为打开窗口的数目,Hv为所述纵向偏移的距离值。
14.根据权利要求11所述的装置,其特征在于,所述更新模块包括:
第三计算单元,用于按照如下公式计算所述某个窗口下方的窗口的高度:
当Hv+Hg×(k-i)≤(H/N)×(k-i)时,Hk的数值不变,Yk=(H/N)×k;
当Hv+Hg×(k-i)>(H/N)×(k-i)时,Hk=(H/N)-((Hv+Hg×(k-i))-(H/N)×(k-i))且Hk的最小值为Hg,Yk=(H/N)×k+Hv+Hg×(k-i);
其中,Hv为所述纵向偏移的距离值,H为所述页面的高度,N为打开窗口的数目,Hk为所述某个窗口下方的任一个窗口的高度,k为所述任一个窗口的序号且k=i+1,i+2,...,N-1,i为所述某个窗口的序号,Yk为所述任一个窗口的上边缘在屏幕上的像素纵坐标,Hg为0或者标题栏的高度。
CN201210330382.5A 2012-09-07 2012-09-07 多窗口显示方法及装置 Pending CN103677538A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210330382.5A CN103677538A (zh) 2012-09-07 2012-09-07 多窗口显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210330382.5A CN103677538A (zh) 2012-09-07 2012-09-07 多窗口显示方法及装置

Publications (1)

Publication Number Publication Date
CN103677538A true CN103677538A (zh) 2014-03-26

Family

ID=50315286

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210330382.5A Pending CN103677538A (zh) 2012-09-07 2012-09-07 多窗口显示方法及装置

Country Status (1)

Country Link
CN (1) CN103677538A (zh)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103902722A (zh) * 2014-04-10 2014-07-02 白杨 基于b/s架构的网页页面显示方法及终端
CN103995643A (zh) * 2014-05-22 2014-08-20 广东威创视讯科技股份有限公司 一种用于多个显示设备间的窗口交互方法
CN104199590A (zh) * 2014-08-27 2014-12-10 可牛网络技术(北京)有限公司 浏览器中标签页的控制方法、装置、浏览器和移动终端
CN104216631A (zh) * 2014-08-22 2014-12-17 百度在线网络技术(北京)有限公司 信息展示方法和装置
CN104866318A (zh) * 2015-06-05 2015-08-26 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN104978110A (zh) * 2015-07-27 2015-10-14 联想(北京)有限公司 显示处理方法和显示处理设备
CN106020796A (zh) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 界面显示方法及装置
CN106445274A (zh) * 2016-08-26 2017-02-22 乐视控股(北京)有限公司 多窗口页面显示处理方法及装置
WO2018214684A1 (zh) * 2017-05-25 2018-11-29 广州阿里巴巴文学信息技术有限公司 页面数据加载方法、装置、电子设备及计算机可读存储介质
CN109218806A (zh) * 2018-11-28 2019-01-15 北京字节跳动网络技术有限公司 一种视频信息显示方法、装置、终端及存储介质
CN110297998A (zh) * 2019-06-21 2019-10-01 四川盛趣时代网络科技有限公司 浏览器界面多窗口同时显示方法
CN110324489A (zh) * 2015-12-24 2019-10-11 华为技术有限公司 一种移动终端显示多个应用窗口的方法及移动终端
CN113722030A (zh) * 2021-06-10 2021-11-30 荣耀终端有限公司 一种显示方法、电子设备及计算机存储介质
CN116931770A (zh) * 2023-09-15 2023-10-24 荣耀终端有限公司 一种应用显示方法及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1752910A (zh) * 2004-09-20 2006-03-29 英华达(南京)科技有限公司 在小屏幕的通讯设备上显示多窗口的方法
CN101078968A (zh) * 2006-05-26 2007-11-28 腾网知识科技开发有限公司 用以操控多视窗显示系统的视觉化操控介面
CN101606124A (zh) * 2007-01-25 2009-12-16 夏普株式会社 多窗口管理装置及程序、存储介质及信息处理装置
CN102332024A (zh) * 2011-09-30 2012-01-25 奇智软件(北京)有限公司 一种便携式移动终端的触摸控制式浏览器

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1752910A (zh) * 2004-09-20 2006-03-29 英华达(南京)科技有限公司 在小屏幕的通讯设备上显示多窗口的方法
CN101078968A (zh) * 2006-05-26 2007-11-28 腾网知识科技开发有限公司 用以操控多视窗显示系统的视觉化操控介面
CN101606124A (zh) * 2007-01-25 2009-12-16 夏普株式会社 多窗口管理装置及程序、存储介质及信息处理装置
CN102332024A (zh) * 2011-09-30 2012-01-25 奇智软件(北京)有限公司 一种便携式移动终端的触摸控制式浏览器

Cited By (27)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103902722A (zh) * 2014-04-10 2014-07-02 白杨 基于b/s架构的网页页面显示方法及终端
CN103902722B (zh) * 2014-04-10 2018-01-12 白杨 基于b/s架构的网页页面显示方法及终端
CN103995643A (zh) * 2014-05-22 2014-08-20 广东威创视讯科技股份有限公司 一种用于多个显示设备间的窗口交互方法
CN103995643B (zh) * 2014-05-22 2017-06-09 广东威创视讯科技股份有限公司 一种用于多个显示设备间的窗口交互方法
CN104216631A (zh) * 2014-08-22 2014-12-17 百度在线网络技术(北京)有限公司 信息展示方法和装置
CN104216631B (zh) * 2014-08-22 2018-12-21 百度在线网络技术(北京)有限公司 信息展示方法和装置
CN104199590A (zh) * 2014-08-27 2014-12-10 可牛网络技术(北京)有限公司 浏览器中标签页的控制方法、装置、浏览器和移动终端
CN104199590B (zh) * 2014-08-27 2018-05-01 可牛网络技术(北京)有限公司 浏览器中标签页的控制方法、装置、浏览器和移动终端
CN104866318A (zh) * 2015-06-05 2015-08-26 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN104866318B (zh) * 2015-06-05 2018-07-13 北京金山安全软件有限公司 一种多窗口中标签页的展示方法及装置
CN104978110A (zh) * 2015-07-27 2015-10-14 联想(北京)有限公司 显示处理方法和显示处理设备
US10649644B2 (en) 2015-07-27 2020-05-12 Beijing Lenovo Software Ltd. Controlling multitasking application displays using gestures
CN104978110B (zh) * 2015-07-27 2018-06-01 联想(北京)有限公司 显示处理方法和显示处理设备
CN110324489A (zh) * 2015-12-24 2019-10-11 华为技术有限公司 一种移动终端显示多个应用窗口的方法及移动终端
US11620029B2 (en) 2015-12-24 2023-04-04 Huawei Technologies Co., Ltd. Method for displaying multiple application windows by mobile terminal, and mobile terminal
CN106020796A (zh) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 界面显示方法及装置
CN106445274A (zh) * 2016-08-26 2017-02-22 乐视控股(北京)有限公司 多窗口页面显示处理方法及装置
WO2018214684A1 (zh) * 2017-05-25 2018-11-29 广州阿里巴巴文学信息技术有限公司 页面数据加载方法、装置、电子设备及计算机可读存储介质
CN108932259A (zh) * 2017-05-25 2018-12-04 广州阿里巴巴文学信息技术有限公司 页面数据加载方法和装置
CN109218806A (zh) * 2018-11-28 2019-01-15 北京字节跳动网络技术有限公司 一种视频信息显示方法、装置、终端及存储介质
CN109218806B (zh) * 2018-11-28 2021-09-17 北京字节跳动网络技术有限公司 一种视频信息显示方法、装置、终端及存储介质
CN110297998A (zh) * 2019-06-21 2019-10-01 四川盛趣时代网络科技有限公司 浏览器界面多窗口同时显示方法
CN110297998B (zh) * 2019-06-21 2021-11-19 四川盛趣时代网络科技有限公司 浏览器界面多窗口同时显示方法
CN113722030A (zh) * 2021-06-10 2021-11-30 荣耀终端有限公司 一种显示方法、电子设备及计算机存储介质
CN113722030B (zh) * 2021-06-10 2022-12-16 荣耀终端有限公司 一种显示方法、电子设备及计算机存储介质
CN116931770A (zh) * 2023-09-15 2023-10-24 荣耀终端有限公司 一种应用显示方法及电子设备
CN116931770B (zh) * 2023-09-15 2024-03-19 荣耀终端有限公司 一种应用显示方法及电子设备

Similar Documents

Publication Publication Date Title
CN103677538A (zh) 多窗口显示方法及装置
US9910571B2 (en) Application switching and multitasking
US9645733B2 (en) Mechanism for switching between document viewing windows
US20150227287A1 (en) Electronic device for managing applications running therein and method for same
US9761034B2 (en) Animation emulating live web page content resizing
TWI503771B (zh) Information processing device, display control method, program, memory media
US10878175B2 (en) Portlet display on portable computing devices
EP3474137A1 (en) Mobile browser context switching
EP3044658B1 (en) Scroll end effects for websites and content
CN103677576A (zh) 关闭窗口的方法及装置
WO2015067050A1 (zh) 一种浏览器的多窗口显示方法及装置
JP2014505928A5 (zh)
CN104077025A (zh) 根据滚动速度不同地显示对象的显示方法和设备
JP2012069014A5 (zh)
US9569068B2 (en) Display device and method for navigating between display layers thereof
CN105808110B (zh) 表格显示方法及显示设备
US20120300123A1 (en) Processing image content for content motion or touch input
US8320457B2 (en) Display device and method of driving the same
CN105204703A (zh) 一种用于触摸显示屏的触摸检测方法和设备
JP2013114558A5 (zh)
TW200928940A (en) Method for scrolling scroll on window by a touch panel
JP2013097687A (ja) タッチパネル駆動装置、タッチパネルの駆動方法、表示装置、プログラムおよび記録媒体
JPWO2014091675A1 (ja) 携帯端末装置、輝度制御方法、および輝度制御プログラム
CN112866815A (zh) 一种视频显示方法、装置及存储介质
CN107315526A (zh) 一种页面的滑动方法及装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20140326

RJ01 Rejection of invention patent application after publication