CN105068735A - 用户界面布局的调整方法及装置 - Google Patents
用户界面布局的调整方法及装置 Download PDFInfo
- Publication number
- CN105068735A CN105068735A CN201510519820.6A CN201510519820A CN105068735A CN 105068735 A CN105068735 A CN 105068735A CN 201510519820 A CN201510519820 A CN 201510519820A CN 105068735 A CN105068735 A CN 105068735A
- Authority
- CN
- China
- Prior art keywords
- theta
- point
- user interface
- desired operation
- gravity
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 30
- 230000005484 gravity Effects 0.000 claims abstract description 82
- 230000009471 action Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000006698 induction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Position Input By Displaying (AREA)
- Other Investigation Or Analysis Of Materials By Electrical Means (AREA)
Abstract
本发明涉及一种用户界面布局的调整方法及装置。所述方法包括步骤:获取当前用户界面上的触摸操作信息;根据所述各点的位置坐标确定期望操作区间;根据操作的界面元素确定最小权值和最大权值;根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。本发明根据用户当前触摸操作信息自动调整用户界面布局,使得用户无论处于大屏幕的哪个位置,无需自身移动即可以实现对用户界面的迅速操作,提高了大屏幕触摸屏的使用便捷性以及使用效率。
Description
技术领域
本发明涉及触摸设备技术领域,特别是涉及一种用户界面布局的调整方法、用户界面布局的调整装置。
背景技术
触摸屏又称为“触控屏”、“触控面板”,是一种可接收触头等输入讯号的感应式液晶显示装置。触摸屏赋予了多媒体以崭新的面貌,是极富吸引力的全新多媒体交互设备,广泛应用于公共信息的查询、领导办公、工业控制等领域。
随着科技的发展,触摸屏的尺寸越来越大。当触摸屏尺寸较大时,例如当触摸屏尺寸大于42英寸时,用户在屏幕上进行触摸或触笔操作时,不再能用肉眼浏览到整个屏幕的画面。当屏幕尺寸更大时,例如当触摸屏尺寸大于55英寸时,用户如要实现全屏幕的触摸和浏览操作,需要来回移动自己的位置。所以现有的大屏幕触摸屏存在使用不方便、使用效率低等缺陷。
发明内容
基于此,有必要针对上述问题,提供一种使用方便、使用效率高的用户界面布局的调整方法及装置。
一种用户界面布局的调整方法,包括步骤:
获取当前用户界面上的触摸操作信息,所述触摸操作信息包括操作涉及的各点、所述各点的位置坐标以及操作的界面元素,其中所述各点按照操作的顺序排列;
根据所述各点的位置坐标确定期望操作区间;
根据操作的界面元素确定最小权值和最大权值;
根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;
将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。
本发明用户界面布局的调整方法,根据用户当前的触摸操作信息以及操作的界面元素,确定期望操作区间以及期望操作重心,从而根据期望操作区间和期望操作重心将其它用户界面移动至适宜用户操作的位置。本发明根据用户当前触摸操作信息自动调整用户界面布局,使得用户无论处于大屏幕的哪个位置,无需自身移动即可以实现对用户界面的迅速操作,提高了大屏幕触摸屏的使用便捷性以及使用效率。
期望操作区间确定的方式有多种,在一个实施例中,根据所述各点的位置坐标确定期望操作区间的步骤包括:根据所述各点的位置坐标确定包含所述各点的最小矩形,将所述各点的最小矩形作为期望操作区间。在另一个实施例中,根据所述各点的位置坐标确定期望操作区间的步骤包括:根据所述各点的位置坐标确定包含所述各点的最小矩形;根据操作的界面元素确定包含所述界面元素的最小矩形;将所述各点的最小矩形和所述界面元素的最小矩形进行区域合并,将合并后的区域作为期望操作区间。
在一个实施例中,根据 确定期望操作重心的X坐标;其中gravtiy.X表示期望操作重心的X坐标,θmax表示最大权值,θmin表示最小权值,length表示各点的总个数, points[n].X表示第n+1个点的横坐标,n=0,1,2…length-1。根据 期望操作重心的Y坐标;其中gravity.Y表示期望操作重心的Y坐标, points[n].Y表示第n+1个点的纵坐标,n=0,1,2…length-1。
为了避免内存消耗,所述待移动用户界面与所述期望操作区间的距离大于预设阈值,且所述待移动用户界面与所述当前用户界面相关。
一种用户界面布局的调整装置,包括:
触摸操作信息获取模块,用于获取当前用户界面上的触摸操作信息,所述触摸操作信息包括操作涉及的各点、所述各点的位置坐标以及操作的界面元素,其中所述各点按照操作的顺序排列;
期望操作区间确定模块,用于根据所述各点的位置坐标确定期望操作区间;
权值确定模块,用于根据操作的界面元素确定最小权值和最大权值;
期望操作重心确定模块,用于根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;
用户界面移动模块,用于将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。
本发明用户界面布局的调整装置,根据用户当前的触摸操作信息以及操作的界面元素,确定期望操作区间以及期望操作重心,从而根据期望操作区间和期望操作重心将其它用户界面移动至适宜用户操作的位置。本发明根据用户当前触摸操作信息自动调整用户界面布局,使得用户无论处于大屏幕的哪个位置,无需自身移动即可以实现对用户界面的迅速操作,提高了大屏幕触摸屏的使用便捷性以及使用效率。
期望操作区间确定的方式有多种,在一个实施例中,所述期望操作区间确定模块包括第一操作区间确定单元,所述第一操作区间确定单元用于根据所述各点的位置坐标确定包含所述各点的最小矩形,将所述各点的最小矩形作为期望操作区间。在另一实施例中,所述期望操作区间确定模块还包括:第一最小矩形确定单元,用于根据所述各点的位置坐标确定包含所述各点的最小矩形;第二最小矩形确定单元,用于根据操作的界面元素确定包含所述界面元素的最小矩形;第二操作区间确定单元,用于将所述各点的最小矩形和所述界面元素的最小矩形进行区域合并,将合并后的区域作为期望操作区间。
在一个实施例中,所述期望操作重心确定模块根据 确定期望操作重心的X坐标;其中gravtiy.X表示期望操作重心的X坐标,θmax表示最大权值,θmin表示最小权值,length表示各点的总个数, points[n].X表示第n+1个点的横坐标,n=0,1,2…length-1。所述期望操作重心确定模块根据 期望操作重心的Y坐标;其中gravtiy.Y表示期望操作重心的Y坐标, points[n].Y表示第n+1个点的纵坐标,n=0,1,2…length-1。
为了避免内存消耗,所述待移动用户界面与所述期望操作区间的距离大于预设阈值,且所述待移动用户界面与所述当前用户界面相关。
附图说明
图1为本发明方法实施例的流程示意图;
图2为本发明操作类型具体实施例的示意图;
图3为本发明确定的期望操作区间和期望操作重心具体实施例的示意图;
图4为本发明根据图3的期望操作区间和期望操作重心进行用户界面调整的示意图;
图5为本发明装置实施例的结构示意图;
图6为本发明期望操作区间确定模块实施例一的结构示意图;
图7为本发明期望操作区间确定模块实施例二的结构示意图。
具体实施方式
为了更好的理解本发明要解决的技术问题、采取的技术方案以及达到的技术效果,下面结合附图对本发明用户界面布局的调整方法及装置的具体实施方式做详细描述。
如图1所示,一种用户界面布局的调整方法,包括步骤:
S110、获取当前用户界面上的触摸操作信息,所述触摸操作信息包括操作涉及的各点、所述各点的位置坐标以及操作的界面元素,其中所述各点按照操作的顺序排列;
S120、根据所述各点的位置坐标确定期望操作区间;
S130、根据操作的界面元素确定最小权值和最大权值;
S140、根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;
S150、将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。
考虑到实际使用场景中的体验,本发明针对的是大屏幕触摸屏上的应用界面。软件开启后,用户在用户界面上进行操作,这些操作包括键鼠操作、触摸操作和触笔操作等。
在用户操作过程中,软件会收集触摸操作信息,其中触摸操作信息包括操作涉及的各点、各点的位置坐标以及操作的界面元素等。操作涉及的各点根据用户操作类型确定。例如,如图2所示,从左到右依次是:点击(或轻触)、双击(或多击)、单指滑动、多指滑动。在“点击”操作中,操作涉及到的点即所点击的点;在双击(或多击)操作中,操作涉及到的点即多次点击中每一次点击到的点(包括容差);在单指或多指滑动操作中,操作涉及到的点即滑动路径中所有的点。操作涉及的各点需按照操作的顺序进行排列,以便后续按权值确定期望操作重心。操作的界面元素即为本次操作在屏幕上的对象,例如点击的按钮、滑动的列表、双击的图标等。收集操作的界面元素信息是为了后续的期望操作重心的计算以及期望操作区间的确定。
根据各点的位置坐标确定期望操作区间的方法有很多种,例如,在一个实施例中,根据所述各点的位置坐标确定期望操作区间的步骤可以包括:根据所述各点的位置坐标确定包含所述各点的最小矩形,将所述各点的最小矩形作为期望操作区间。最小矩形的计算方法为:
rect.X=point.Xmin(1)
rect.Y=point.Ymin(2)
rect.Width=point.Xmax-point.Xmin(3)
rect.Height=point.Ymax-point.Ymin(4)
其中rect表示矩阵函数,公式(1)和公式(2)定义了最小矩形其中一个顶点X方向和Y方向的坐标,公式(3)和公式(4)计算了最小矩形的宽和高。point表示操作涉及的点,point.Xmin表示操作涉及的点在X坐标方向的最小值,point.Ymin表示操作涉及的点在Y坐标方向的最小值,point.Xmax表示操作涉及的点在X坐标方向的最大值,point.Ymax表示操作涉及的点在Y坐标方向的最大值。
在涉及较为特殊的用户操作时,期望操作区间不限制于为最小矩形,还可以将该最小矩形向内缩小或向外放大一定程度,将缩小或放大后的最小矩形作为期望操作区间。
在某些情况下,期望操作区间可能还需要将所操作的界面元素的位置和大小考虑在内。所以在另一个实施例中,根据所述各点的位置坐标确定期望操作区间的步骤包括:
根据所述各点的位置坐标确定包含所述各点的最小矩形;
根据操作的界面元素确定包含所述界面元素的最小矩形;
将所述各点的最小矩形和所述界面元素的最小矩形进行区域合并,将合并后的区域作为期望操作区间。
由于操作的界面元素为本次操作在屏幕上的对象,所以界面元素的最小矩形和操作涉及的点的最小矩形位置关系一般包含以下情形:部分重叠;其中一个最小矩形在另一个最小矩形的区域内;两者完全重叠。当两个最小矩形有部分重叠时,确定的期望操作区间为两个最小矩形未重叠的区域加上该重叠区域。当其中一个最小矩形在另一个最小矩形的区域内时,将区域较大的最小矩形作为期望操作区间。当两者完全重叠时,将任意一个最小矩形作为期望操作区间。
为了更好的调整用户界面,本发明还需要确定期望操作重心。首先需要确定一个最小权值θmin(0≤θmin≤0.5)和一个最大权值θmax(0.5≤θmax≤1)。对于不同的界面元素,θmin和θmax值可能不同。例如,对于点击一个可以弹出列表的按钮,可取θmin=0,θmax=1.0;对于一个正在缩放中的图片需要弹出图片操作菜单,可取θmin=0.5,θmax=1.0;对于用户从左到右的划线操作,可取θmin=0.5,θmax=1.0。用户可以根据操作的界面元素确定具体的θmin和θmax值,本发明并不对此做出限定。然后即可以设置θmin、θmax值和各界面元素的对应关系,操作系统根据当前操作的界面元素获取相应的θmin和θmax值。
在确定好θmin和θmax值后:
根据 确定期望操作重心的X坐标;其中gravity.X表示期望操作重心的X坐标,θmax表示最大权值,θmin表示最小权值,length表示各点的总个数, points[n].X表示第n+1个点的横坐标,n=0,1,2…length-1;
根据 期望操作重心的Y坐标;其中gravity.Y表示期望操作重心的Y坐标, points[n].Y表示第n+1个点的纵坐标,n=0,1,2…length-1。
对于没有特殊要求的界面元素,通常可取值θmin=0.5,θmax=1.0。那么:
在有极端性能要求或者界面元素的变化对用户体验影响非常小时,期望操作重心的计算也可简化为期望操作中心的计算。计算期望操作中心的公式为:
其中,center.X表示期望操作中心的X坐标,center.Y表示期望操作中心的Y坐标。
得到期望操作区间和期望操作重心后,即可以进行用户界面布局的调整,也即是将待移动用户界面移动到用户方便操作的位置。为了防止移动所有用户界面消耗过多的内存等,这里的待移动用户界面指的是与所述期望操作区间的距离大于预设阈值,且与所述当前用户界面相关的用户界面,其中与当前用户界面相关的用户界面指的是当前用户界面后续步骤可能会涉及到的用户界面。例如确定的期望操作区间和期望操作重心在屏幕的最右边,说明用户处在屏幕最右边的位置,此时仅需将与期望操作区间距离超过预设阈值,例如屏幕最左边的用户界面,且与当前用户界面相关的用户界面移动到屏幕的右边。若与当前用户界面相关的用户界面与期望操作区间距离小于预设阈值,则不需要对用户界面进行移动,但是为了界面的美观,可以将这些相关的不需要移动的用户界面平均放置。其它情况类此,在此不予赘述。
根据期望操作区间和期望操作重心具体调整用户界面布局时,将期望操作重心作为待移动用户界面的起始坐标。此时待移动用户界面可以位于所述起始坐标的左边、右边、下边、上边或中间等,为了更好的调整界面布局,考虑待移动用户界面调整到该起始坐标的何处时与期望操作区间有最大面积重合,在何处有最大面积重合,即将该待移动用户界面移动到起始坐标的该处位置。用户界面布局完成后,为了用户界面更加美观,还可以根据位置的不同调整用户界面的贴图或图形,以便在视觉上与其它元素融合。需要说明的是,在某些特殊情况下也可以仅根据期望操作重心或期望操作区间进行用户界面的移动,但是仅考虑单个因素进行界面调整在很多情况下并不适合,例如用户从屏幕的最右边划线至屏幕的最左边,此时确定的期望操作区间范围太大,仅根据期望操作区间移动的用户界面并不能达到预期效果。所以一般需要同时兼顾期望操作区间和期望操作重心,以达到较好的用户界面调整效果。
为了更好的理解本发明根据期望操作区间和期望操作重心进行用户界面调整的过程,下面结合一个具体实施例进行详细说明。
如图3所示,手指触摸的轨迹如黑色曲线所示,根据手指触摸的轨迹确定的期望操作区间为包含所述触摸轨迹的矩形,根据手指触摸的轨迹确定的期望操作重心为空心“×”号。通过图3可以看出,用户此次操作的操作区域覆盖了矩形部分,说明用户此时处在屏幕非常偏右的位置,需要将屏幕左边的弹出框界面进行位置调整,以方便用户的操作。
如图4所示,以期望操作重心为弹出框界面的起始坐标,弹出框界面可位于此起始坐标的左边、右边、下边或中间等。但考虑到弹出框界面调整到起始坐标的左边时可以与期望操作区间有最大面积的重合,故此时将弹出框界面调整到期望操作重心的左边显示,弹出框界面调整后的最终布局如图4所示。此时用户只需要在原来的位置即可以对弹出框界面进行操作,不需要移动至屏幕的左边,提高了触摸屏的便捷性和使用效率,并提高了用户的操作体验。
为了更好的理解本发明达到的技术效果,下面结合一个应用实例进行说明。
用户在会议或者课堂教学环境中使用白板软件进行演示,演示中主要在屏幕上书写和标记。白板软件包含一个操作界面,该操作界面位于屏幕的最右侧。当采用现有技术方案时,当用户在屏幕的左侧进行书写时,一旦需要操作该操作界面,均需要走到屏幕的最右侧进行操作。而采用本发明技术方案,当用户在屏幕的左侧进行书写时,确定的期望操作区间和期望操作重心在屏幕的左侧,此时便会自动将该操作界面移动至屏幕的左侧,用户无需移动即可以对该操作界面进行操作,提高了设备的使用效率。
基于同一发明构思,本发明还提供一种用户界面布局的调整装置,下面结合附图对本发明装置的具体实施方式做详细描述。
如图5所示,一种用户界面布局的调整装置,包括:
触摸操作信息获取模块510,用于获取当前用户界面上的触摸操作信息,所述触摸操作信息包括操作涉及的各点、所述各点的位置坐标以及操作的界面元素,其中所述各点按照操作的顺序排列;
期望操作区间确定模块520,用于根据所述各点的位置坐标确定期望操作区间;
权值确定模块530,用于根据操作的界面元素确定最小权值和最大权值;
期望操作重心确定模块540,用于根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;
用户界面移动模块550,用于将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。
触摸操作信息获取模块510获取到触摸操作信息后,期望操作区间确定模块520根据各点的位置坐标确定期望操作区间的方法有很多种,例如,在一个实施例中,如图6所示,所述期望操作区间确定模块520可以包括第一操作区间确定单元5201,所述第一操作区间确定单元5201用于根据所述各点的位置坐标确定包含所述各点的最小矩形,将所述各点的最小矩形作为期望操作区间。在涉及较为特殊的用户操作时,期望操作区间不限制于为最小矩形,还可以将该最小矩形向内缩小或向外放大一定程度,将缩小或放大后的最小矩形作为期望操作区间。
在另一个实施例中,如图7所示,所述期望操作区间确定模块520还可以包括:
第一最小矩形确定单元5202,用于根据所述各点的位置坐标确定包含所述各点的最小矩形;
第二最小矩形确定单元5203,用于根据操作的界面元素确定包含所述界面元素的最小矩形;
第二操作区间确定单元5204,用于将所述各点的最小矩形和所述界面元素的最小矩形进行区域合并,将合并后的区域作为期望操作区间。
为了更好的调整用户界面,本发明还需要确定期望操作重心。首先权值确定模块530根据操作的界面元素确定最小权值和最大权值,然后期望操作重心确定模块540根据 确定期望操作重心的X坐标;其中gravity.X表示期望操作重心的X坐标,θmax表示最大权值,θmin表示最小权值,length表示各点的总个数, points[n].X表示第n+1个点的横坐标,n=1,1,2…length-1。期望操作重心确定模块540根据 期望操作重心的Y坐标;其中gravity.Y表示期望操作重心的Y坐标, points[n].Y表示第n+1个点的纵坐标,n=0,1,2…length-1。
期望操作区间确定模块520得到期望操作区间,和期望操作重心确定模块540得到期望操作重心后,用户界面移动模块550即可以进行用户界面布局的调整。为了防止移动所有用户界面时消耗过多的内存等,这里的待移动用户界面指的是与所述期望操作区间的距离大于预设阈值,且与所述当前用户界面相关的用户界面,与当前用户界面相关的用户界面指的是当前用户界面后续步骤可能会涉及到的用户界面。用户界面移动模块550根据期望操作区间和期望操作重心具体调整用户界面布局时,将期望操作重心作为待移动用户界面的起始坐标。考虑待移动用户界面调整到该起始坐标的何处时与期望操作区间有最大面积重合,在何处有最大面积重合,即将该待移动用户界面移动到起始坐标的该处位置。用户界面布局完成后,为了用户界面更加美观,还可以根据位置的不同调整用户界面的贴图或图形,以便在视觉上与其它元素融合。
本发明装置其它技术特征与本发明方法相同,在此不予赘述。
本发明用户界面布局的调整方法及装置,根据用户当前触摸操作信息自动调整用户界面布局,使得用户无论处于大屏幕的哪个位置,无需自身移动即可以实现对用户界面的迅速操作,提高了大屏幕触摸屏的使用便捷性以及使用效率。
以上所述实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本发明的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对发明专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本发明构思的前提下,还可以做出若干变形和改进,这些都属于本发明的保护范围。因此,本发明专利的保护范围应以所附权利要求为准。
Claims (10)
1.一种用户界面布局的调整方法,其特征在于,包括步骤:
获取当前用户界面上的触摸操作信息,所述触摸操作信息包括操作涉及的各点、所述各点的位置坐标以及操作的界面元素,其中所述各点按照操作的顺序排列;
根据所述各点的位置坐标确定期望操作区间;
根据操作的界面元素确定最小权值和最大权值;
根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;
将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。
2.根据权利要求1所述的用户界面布局的调整方法,其特征在于,根据所述各点的位置坐标确定期望操作区间的步骤包括:
根据所述各点的位置坐标确定包含所述各点的最小矩形,将所述各点的最小矩形作为期望操作区间。
3.根据权利要求1所述的用户界面布局的调整方法,其特征在于,根据所述各点的位置坐标确定期望操作区间的步骤包括:
根据所述各点的位置坐标确定包含所述各点的最小矩形;
根据操作的界面元素确定包含所述界面元素的最小矩形;
将所述各点的最小矩形和所述界面元素的最小矩形进行区域合并,将合并后的区域作为期望操作区间。
4.根据权利要求1所述的用户界面布局的调整方法,其特征在于,根据 确定期望操作重心的X坐标;其中gravity.X表示期望操作重心的X坐标,θmax表示最大权值,θmin表示最小权值,length表示各点的总个数, points[n].X表示第n+1个点的横坐标,n=0,1,2…length-1;
根据 期望操作重心的Y坐标;其中gravity.Y表示期望操作重心的Y坐标, points[n].Y表示第n+1个点的纵坐标,n=0,1,2…length-1。
5.根据权利要求1至4任意一项所述的用户界面布局的调整方法,其特征在于,所述待移动用户界面与所述期望操作区间的距离大于预设阈值,且所述待移动用户界面与所述当前用户界面相关。
6.一种用户界面布局的调整装置,其特征在于,包括:
触摸操作信息获取模块,用于获取当前用户界面上的触摸操作信息,所述触摸操作信息包括操作涉及的各点、所述各点的位置坐标以及操作的界面元素,其中所述各点按照操作的顺序排列;
期望操作区间确定模块,用于根据所述各点的位置坐标确定期望操作区间;
权值确定模块,用于根据操作的界面元素确定最小权值和最大权值;
期望操作重心确定模块,用于根据所述各点的位置坐标、所述各点的顺序、所述各点的总个数、所述最小权值和最大权值,确定期望操作重心;
用户界面移动模块,用于将所述期望操作重心作为待移动用户界面的起始坐标,并将所述待移动用户界面移至与所述期望操作区间有最大重合面积的位置。
7.根据权利要求6所述的用户界面布局的调整装置,其特征在于,所述期望操作区间确定模块包括第一操作区间确定单元,所述第一操作区间确定单元用于根据所述各点的位置坐标确定包含所述各点的最小矩形,将所述各点的最小矩形作为期望操作区间。
8.根据权利要求6所述的用户界面布局的调整装置,其特征在于,所述期望操作区间确定模块还包括:
第一最小矩形确定单元,用于根据所述各点的位置坐标确定包含所述各点的最小矩形;
第二最小矩形确定单元,用于根据操作的界面元素确定包含所述界面元素的最小矩形;
第二操作区间确定单元,用于将所述各点的最小矩形和所述界面元素的最小矩形进行区域合并,将合并后的区域作为期望操作区间。
9.根据权利要求6所述的用户界面布局的调整装置,其特征在于,所述期望操作重心确定模块根据 确定期望操作重心的X坐标;其中gravity.X表示期望操作重心的X坐标,θmax表示最大权值,θmin表示最小权值,length表示各点的总个数, points[n].X表示第n+1个点的横坐标,n=0,1,2…length-1;
所述期望操作重心确定模块根据 期望操作重心的Y坐标;其中gravity.Y表示期望操作重心的Y坐标, points[n].Y表示第n+1个点的纵坐标,n=0,1,2…length-1。
10.根据权利要求6至9任意一项所述的用户界面布局的调整装置,其特征在于,所述待移动用户界面与所述期望操作区间的距离大于预设阈值,且所述待移动用户界面与所述当前用户界面相关。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510519820.6A CN105068735B (zh) | 2015-08-21 | 2015-08-21 | 用户界面布局的调整方法及装置 |
PCT/CN2016/090717 WO2017032193A1 (zh) | 2015-08-21 | 2016-07-20 | 用户界面布局的调整方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510519820.6A CN105068735B (zh) | 2015-08-21 | 2015-08-21 | 用户界面布局的调整方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105068735A true CN105068735A (zh) | 2015-11-18 |
CN105068735B CN105068735B (zh) | 2018-04-20 |
Family
ID=54498118
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510519820.6A Active CN105068735B (zh) | 2015-08-21 | 2015-08-21 | 用户界面布局的调整方法及装置 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN105068735B (zh) |
WO (1) | WO2017032193A1 (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106201172A (zh) * | 2016-06-24 | 2016-12-07 | 广州视睿电子科技有限公司 | 一种触屏终端的画布显示方法及装置 |
CN106445386A (zh) * | 2016-09-28 | 2017-02-22 | 广州视睿电子科技有限公司 | 一种笔迹显示方法及装置 |
WO2017032193A1 (zh) * | 2015-08-21 | 2017-03-02 | 广州视睿电子科技有限公司 | 用户界面布局的调整方法及装置 |
CN108762628A (zh) * | 2018-04-23 | 2018-11-06 | 广州视源电子科技股份有限公司 | 页面元素移动显示方法、装置、终端设备及存储介质 |
WO2019185007A1 (zh) * | 2018-03-29 | 2019-10-03 | 北京字节跳动网络技术有限公司 | 一种窗口控制栏的布局方法、装置及设备 |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114675920B (zh) * | 2022-03-25 | 2024-02-02 | 北京字跳网络技术有限公司 | 布局对象的操控方法、装置、电子设备以及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103440089A (zh) * | 2013-06-25 | 2013-12-11 | 百度在线网络技术(北京)有限公司 | 一种用户设备的界面调整方法及用户设备 |
CN104750400A (zh) * | 2013-12-27 | 2015-07-01 | 华为技术有限公司 | 终端界面的优化操作方法和装置 |
US20150234581A1 (en) * | 2014-02-17 | 2015-08-20 | Xerox Corporation | Method and apparatus for adjusting and moving a user interface for single handed use on an endpoint device |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140017429A (ko) * | 2012-08-01 | 2014-02-11 | 삼성전자주식회사 | 화면 동작 방법 및 그 전자 장치 |
CN105068735B (zh) * | 2015-08-21 | 2018-04-20 | 广州视睿电子科技有限公司 | 用户界面布局的调整方法及装置 |
-
2015
- 2015-08-21 CN CN201510519820.6A patent/CN105068735B/zh active Active
-
2016
- 2016-07-20 WO PCT/CN2016/090717 patent/WO2017032193A1/zh active Application Filing
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103440089A (zh) * | 2013-06-25 | 2013-12-11 | 百度在线网络技术(北京)有限公司 | 一种用户设备的界面调整方法及用户设备 |
CN104750400A (zh) * | 2013-12-27 | 2015-07-01 | 华为技术有限公司 | 终端界面的优化操作方法和装置 |
US20150234581A1 (en) * | 2014-02-17 | 2015-08-20 | Xerox Corporation | Method and apparatus for adjusting and moving a user interface for single handed use on an endpoint device |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2017032193A1 (zh) * | 2015-08-21 | 2017-03-02 | 广州视睿电子科技有限公司 | 用户界面布局的调整方法及装置 |
CN106201172A (zh) * | 2016-06-24 | 2016-12-07 | 广州视睿电子科技有限公司 | 一种触屏终端的画布显示方法及装置 |
WO2017219645A1 (zh) * | 2016-06-24 | 2017-12-28 | 广州视睿电子科技有限公司 | 一种触屏终端的画布显示方法及装置 |
CN106201172B (zh) * | 2016-06-24 | 2020-09-01 | 广州视睿电子科技有限公司 | 一种触屏终端的画布显示方法及装置 |
CN106445386A (zh) * | 2016-09-28 | 2017-02-22 | 广州视睿电子科技有限公司 | 一种笔迹显示方法及装置 |
WO2019185007A1 (zh) * | 2018-03-29 | 2019-10-03 | 北京字节跳动网络技术有限公司 | 一种窗口控制栏的布局方法、装置及设备 |
US11455071B2 (en) | 2018-03-29 | 2022-09-27 | Beijing Bytedance Network Technology Co., Ltd. | Layout method, device and equipment for window control bars |
CN108762628A (zh) * | 2018-04-23 | 2018-11-06 | 广州视源电子科技股份有限公司 | 页面元素移动显示方法、装置、终端设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2017032193A1 (zh) | 2017-03-02 |
CN105068735B (zh) | 2018-04-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105068735A (zh) | 用户界面布局的调整方法及装置 | |
CN104756060B (zh) | 基于手势的光标控制 | |
US9467729B2 (en) | Method for remotely controlling smart television | |
CN114690853B (zh) | 交互方法和交互平板 | |
CN105493023A (zh) | 对表面上的内容的操纵 | |
DE112013004619T5 (de) | Texteintrag mit partieller Geste | |
CN103399710A (zh) | 实现多窗口操作的移动终端及方法 | |
CN105653190B (zh) | 移动通讯终端及其单手操作模式控制方法和装置 | |
CN106168870A (zh) | 一种分屏窗口显示方法及终端 | |
US20120212443A1 (en) | Mobile information terminal, processing method, and program | |
CN103488419A (zh) | 通信终端的操作方法及通信终端 | |
CN101937315A (zh) | 多屏显示操作控制系统及方法 | |
CN107272881A (zh) | 一种信息输入方法及装置,输入法键盘和电子设备 | |
CN103631419A (zh) | 基于遥控触摸板的光标定位方法及系统 | |
CN111580903B (zh) | 实时投票方法、装置、终端设备和存储介质 | |
CN103354581A (zh) | 一种通过左右手来自动调整手机控件的方法及系统 | |
KR102125212B1 (ko) | 전자 필기 운용 방법 및 이를 지원하는 전자 장치 | |
CN102654818A (zh) | 一种触摸屏电子设备的键盘显示方法及装置 | |
CN102087556B (zh) | 轨迹输入装置及其处理方法 | |
CN103699331A (zh) | 一种控制屏幕画面缩放的手势方法 | |
CN104615356A (zh) | 页面操控方法和装置 | |
CN110456998A (zh) | 显示方法及装置、存储介质和处理器 | |
CN103761045A (zh) | 一种移动终端缩放触控方法及装置 | |
CN103472931A (zh) | 鼠标仿真触控屏幕操作的方法 | |
CN106569686A (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 |