CN118012326A - 页面滑动控制方法、设备及存储介质 - Google Patents
页面滑动控制方法、设备及存储介质 Download PDFInfo
- Publication number
- CN118012326A CN118012326A CN202410414534.2A CN202410414534A CN118012326A CN 118012326 A CN118012326 A CN 118012326A CN 202410414534 A CN202410414534 A CN 202410414534A CN 118012326 A CN118012326 A CN 118012326A
- Authority
- CN
- China
- Prior art keywords
- sliding
- slider
- page
- sliding control
- screen touch
- 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 47
- 238000012544 monitoring process Methods 0.000 claims abstract description 5
- 238000010586 diagram Methods 0.000 description 8
- 230000002085 persistent effect Effects 0.000 description 6
- 238000004590 computer program Methods 0.000 description 5
- 230000006870 function Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000004044 response Effects 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000001154 acute effect Effects 0.000 description 1
- 238000004458 analytical method Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 239000002355 dual-layer Substances 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000001632 homeopathic effect Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003068 static effect Effects 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- 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/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0416—Control or interface arrangements specially adapted for digitisers
- G06F3/0418—Control or interface arrangements specially adapted for digitisers for error correction or compensation, e.g. based on parallax, calibration or alignment
- G06F3/04186—Touch location disambiguation
-
- 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
- G06F3/04855—Interaction with scrollbars
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)
Abstract
本公开涉及一种页面滑动控制方法、设备及存储介质。监控屏幕触控事件;确定屏幕触控事件为滑动操作;获取第一位置,第一位置为屏幕触控事件的屏幕触控位置所在的第一方向上的一个位置,第一方向为滑动操作的滑动方向;将滑动控件沿着第二方向从第二位置平移调整到第一位置显示,第二方向与第一方向垂直,滑动控件在第一方向上的位置固定不变;或者将滑动控件同时沿着第一方向及第二方向从第二位置移动调整到第一位置显示,调整后滑动控件在第一方向上的位置更接近屏幕触控位置,滑动控件用于控制显示界面沿着第一方向滑动,第二位置为滑动控件的先前显示位置。由此,通过调整可以使用户更加容易触摸到滑动控件。
Description
技术领域
本公开涉及计算机技术领域,特别是涉及一种页面滑动控制方法、设备及存储介质。
背景技术
在电子设备的屏幕上显示带滑块的页面时,滑块在页面中的位置通常是固定设置好的。这使得用户往往难以轻松触摸到滑块,给用户造成不便。此问题在大屏设备上尤其严重。
发明内容
本公开实施例提供了页面滑动控制方法、以及相应的执行这些方法的电子设备、计算设备和非暂时性机器可读存储介质等。
根据本公开的第一个方面,提供了一种页面滑动控制方法,所述方法包括:监控屏幕触控事件;确定所述屏幕触控事件为滑动操作;获取第一位置,所述第一位置为所述屏幕触控事件的屏幕触控位置所在的第一方向上的一个位置,所述第一方向为所述滑动操作的滑动方向;将滑动控件沿着第二方向从第二位置平移调整到所述第一位置显示,所述滑动控件在所述第一方向上的位置固定不变;或者将滑动控件同时沿着所述第一方向及所述第二方向从所述第二位置移动调整到所述第一位置显示,调整后所述滑动控件在所述第一方向上的位置更接近所述屏幕触控位置,其中,所述第二方向与所述第一方向垂直,所述滑动控件用于控制显示界面沿着所述第一方向滑动,所述第二位置为所述滑动控件的先前显示位置。
可选地,所述获取第一位置的步骤之前,所述方法还包括:确定屏幕触控事件结束。
可选地,所述滑动控件为位于滑动条上的滑块,所述方法还包括:在将滑动控件调整到所述第一位置显示的同时,关联地调整所述滑动条在页面中的显示位置。
可选地,所述方法还包括:检测实时模式是否被打开;确定所述实时模式被打开,响应于实时监控到的所述屏幕触控事件,执行将滑动控件调整到所述第一位置显示的步骤。
可选地,所述方法还包括:确定所述实时模式未被打开,对预定时长范围内监控到的屏幕触控事件进行分析得到第一位置。
根据本公开的第二个方面,提供了一种电子设备,包括:触控屏;处理器;存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如上述第一方面所述的方法。
根据本公开的第三个方面,提供了一种计算设备,包括:处理器;以及存储器,其上存储有可执行代码,当可执行代码被处理器执行时,使处理器执行如上述第一方面所述的方法。
根据本公开的第四个方面,提供了一种非暂时性机器可读存储介质,其上存储有可执行代码,当可执行代码被电子设备的处理器执行时,使处理器执行如上述第一方面所述的方法。
附图说明
通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。
图1示出了根据本公开一个实施例的页面滑动控制方法的示意性流程图。
图2示出了垂直滑动控件的显示位置的两种调整方式示意图。
图3示出了水平滑动控件的显示位置的两种调整方式示意图。
图4示出了应用设置界面示意图。
图5示出了垂直列表页的界面示意图。
图6示出了垂直列表页中滑块位置调整原理示意图。
图7示出了垂直列表页中通过上下滑动滑块滑动列表的示意图。
图8示出了根据本公开一个实施例的计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
本领域技术人员应理解,本公开的说明书、权利要求书及附图中的术语“第一”、“第二”等是用于区别类似的对象的,而非用于描述特定的顺序或先后次序,不存在额外的限定作用。
本公开适用于需要通过滑动控件控制页面滑动的页面显示场景。
滑动控件是页面中一种常见的控件。滑动控件可以是指滑块。
滑动控件用于控制显示界面沿着预先设定好的滑动方向滑动。用户可以通过触控的方式控制滑动控件沿滑动方向滑动,进而实现页面的滑动。
页面可以是任何能够在电子设备(如智能手机或其他大屏设备)的屏幕中显示的页面。
页面具体可以是但不限于垂直列表页和水平列表页。
垂直列表页包括多个沿垂直方向排列的列表项。列表项也可以称为列表。每个列表项对应一条信息条目。垂直列表页的滑动方向为垂直方向,用户通过触摸滑动控件并沿垂直方向滑动滑动控件,即可实现垂直列表页中的列表项在垂直方向上的滑动。
与垂直列表页类似,水平列表页可以包括多个沿水平方向排列的列表项。水平列表页的滑动方向一般为水平方向,用户通过触摸滑动控件并沿水平方向滑动滑动控件,即可实现水平列表页中的列表项在水平方向上的滑动。
滑动控件在页面中的显示位置通常是固定不变的,如位于页面一侧,这使得用户往往难以轻松触摸到滑动控件,给用户造成不便。以手机页面为例,不同人群使用手机的习惯差异很大,有人习惯用左手操作,有人习惯用右手;很多时候,比如在早晚高峰地铁上,用户需要单手操作手机,单手操作手机时用户的屏幕触控范围有限,并且操作手机的单手可能并不是用户习惯使用的手;在这些场景中由于滑动控件通常是位于页面一侧,如果滑动控件所处位置远离用户操作手机的单手,将使得用户难以轻松触摸到滑动控件。
针对于此,本公开旨在提供一种简单、容易实现的页面滑动控制方案,以使用户能够轻松触摸到滑动控件,进而提升用户的页面滑动体验。
图1示出了根据本公开一个实施例的页面滑动控制方法的示意性流程图。图1所示方法可通过计算机程序以软件方式实现,还可通过特定配置的计算装置来执行。
参见图1,在步骤S110,监控屏幕触控事件。
屏幕触控事件是指用户通过手指或触控笔触摸屏幕的事件。一个屏幕触控事件可以是指从用户初次触摸屏幕到用户结束触摸屏幕所对应的事件。例如,一个屏幕触控事件可以从用户首次触摸屏幕开始,经历手指在屏幕表面的任何移动,直到手指离开屏幕时结束。
本公开可以在页面显示过程中实时监控当前发生的屏幕触控事件。
在步骤S120,确定屏幕触控事件为滑动操作。
对于监控到的屏幕触控事件,可以判断屏幕触控事件的操作类型是否为滑动操作。确定屏幕触控事件为滑动操作,再执行后续流程。
屏幕触控事件为滑动操作,是指屏幕触控事件为滑动事件,且滑动事件的滑动方向为第一方向。第一方向也即页面的滑动方向。滑动控件用于控制显示界面沿着第一方向滑动。
以垂直列表页为例,步骤S120可以是指确定屏幕触控事件为滑动方向为垂直方向的滑动操作。以水平列表页为例,骤S120可以是指确定屏幕触控事件为滑动方向为垂直方向的滑动操作。
换言之,可以在确定屏幕触控事件为滑动方向与页面的滑动方向一致的滑动操作的情况下,才触发步骤S130和步骤S140的执行。
在步骤S130,获取第一位置,第一位置为屏幕触控事件的屏幕触控位置所在的第一方向上的一个位置。
由于屏幕触控事件为滑动方向与页面的滑动方向一致的滑动操作。因此,屏幕触控事件的屏幕触控位置,可以是指滑动操作中的任意一个滑动位置,例如可以是但不限于起始滑动位置、终止滑动位置、位于起始滑动位置和终止滑动位置之间的一个滑动位置。
示例性的,在步骤S130之前,本公开还可以确定屏幕触控事件结束。即,在确定屏幕触控事件结束的条件下,才执行步骤S130。
第一位置为屏幕触控事件的屏幕触控位置所在的第一方向上的一个位置。第一位置可以是屏幕触控位置,也可以是不同于屏幕触控位置的一个位置。
在获取到第一位置后,可以将滑动控件沿着非滑动方向从第二位置调整到第一位置显示。非滑动方向,是指不同于滑动方向(即第一方向)的方向。非滑动方向可以垂直于第一方向,即非滑动方向可以是下文述及的第二方向。非滑动方向也可以是其他方向。
第二位置为滑动控件的先前显示位置,即调整前的显示位置。
第一位置位于屏幕触控事件的屏幕触控位置所在的第一方向上。而屏幕触控位置所在的第一方向上的位置均可以视为便于用户触控的位置。因此,通过将滑动控件沿着非滑动方向调整到第一位置显示,可以方便用户触控。
示例性的,在步骤S130之后可以执行步骤S140,将滑动控件沿着第二方向从第二位置平移调整到第一位置显示,滑动控件在所述第一方向上的位置固定不变;或者将滑动控件同时沿着第一方向及所述第二方向从第二位置移动调整到第一位置显示,调整后述滑动控件在所述第一方向上的位置更接近屏幕触控位置。
在实际应用中,可以从这两种调整方式中择一选择来调整滑动控件的显示位置。例如,可以结合具体的页面滑动逻辑,从这两种条方式中选择与页面滑动逻辑相适配的调整方式调整滑动控件的显示位置。
调整滑动控件在页面中的显示位置,可以是指在不滑动页面的情况下调整滑动控件在页面中的显示位置。换言之,步骤S140的目的是方便用户触摸调整后的滑动控件,执行步骤S140可以不触发页面滑动。
在一些应用场景中,页面滑动逻辑可以配置为,用户可以通过在滑动控件的整个滑动条上的任意位置沿可滑动方向做出滑动手势,控制页面的滑动。以滑动控件为垂直滑块为例,用户通过在垂直滑块正下方或正上方某个位置上下滑动也可以触发页面的滑动。在这些应用场景中,用户不触摸滑动控件也能够控制页面的滑动。针对这些应用场景,在调整滑动控件的显示位置时,可以将滑动控件沿第二方向从第二位置平移调整到第一位置显示,第二方向与第一方向垂直。将滑动控件沿第二方向平移调整到第一位置显示的过程中,滑动控件在第一方向上的位置固定不变。即,仅沿着与滑动方向垂直的方向调整滑动控件的显示位置,使调整后的显示位置位于屏幕触控位置所在的滑动方向上即可。
在一些应用场景中,页面滑动逻辑可以配置为,用户仅能够通过拖动滑块在可滑动方向上滑动的方式控制页面的滑动,即用户只能通过触摸滑动控件控制页面的滑动。针对这些应用场景,可以通过将滑动控件调整到接近屏幕触控位置处进行显示,使用户方便触摸滑动控件。示例性的,可以将滑动控件同时沿着第一方向及第二方向从第二位置移动调整到第一位置显示,调整后滑动控件在第一方向上的位置更接近屏幕触控位置。可选地,第一位置可以与屏幕触控位置重合。将滑动控件同时沿着第一方向及第二方向移动调整,是指对滑动控件的显示位置的调整涉及第一方向和第二方向这两个方向上的运动。
图2示出了垂直滑动控件的显示位置的两种调整方式示意图。
参见图2,滑动控件可以是指位于滑动条200上的滑块100。滑动方向(即上文述及的第一方向)为上下方向(即垂直方向)。图2中的箭头表示滑动手势,虚线圆圈表示起始触摸位置,实线圆圈表示终止触摸位置。
若页面滑动逻辑配置为,用户能够通过触摸滑动条200上的任意位置进行上下滑动而滑动页面,则可以通过方式A调整滑块100的显示位置。在调整滑块100的显示位置的过程中可以关联地调整滑动条200在页面中的显示位置。方式A是指,将滑块100和滑动条200作为一个整体进行水平移动,即滑块100水平移动到滑动手势(如手势的起始触摸位置或终止触摸位置)所在位置的上方或下方。如此,用户在做出图中箭头所示的滑动手势后,只需要顺势按住当前触摸位置并上下滑动即可实现页面的滑动。
若页面滑动逻辑配置为,用户仅能通过触摸滑块100并拖动滑块100上下移动而滑动页面,则可以通过方式B调整滑块100的显示位置。方式B是指,不仅在水平方向上调整滑块100的位置还在垂直方向上调整滑块100的位置,以使得调整后的滑块100的显示位置与滑动手势对应的屏幕触控位置(如终止触控位置)重合。其中,在沿水平方向调整滑块100的过程中可以关联地调整滑动条200在页面中的显示位置。在沿垂直方向调整滑块100的显示位置时可以在不滑动页面的情况下进行调整。示例性的,可以对滑动条的长度进行缩放以沿垂直方向调整滑块100的显示位置,进而使得在不滑动页面的情况下将调整后的滑块100的显示位置与滑动手势对应的屏幕触控位置重合。方式B可以解决调整前滑块100的先前位置与用户的滑动手势对应的屏幕触控位置在可滑动方向上距离较远的问题。例如,当设备屏幕较大时,若滑块100的先前位置位于屏幕左上方,而用户习惯的手势操作范围位于屏幕右下方,若仅通过方式A调整滑块位置则用户仍无法轻松触摸到滑块100,因此可以通过方式B将滑块100调整到用户方便触摸到的显示位置。
图3示出了水平滑动控件的显示位置的两种调整方式示意图。
参见图3,滑动控件可以是指位于滑动条200上的滑块100。滑块100的可滑动方向为水平方向。图3中的箭头表示滑动手势,虚线圆圈表示起始触摸位置,实线圆圈表示终止触摸位置。
若页面滑动逻辑配置为,用户能够通过触摸滑动条200上的任意位置进行水平滑动而滑动页面,则可以通过方式C调整滑块100的显示位置。在调整滑块100的显示位置的过程中可以关联地调整滑动条200在页面中的显示位置。方式C是指,将滑块100和滑动条200作为一个整体进行垂直移动,即滑块100移动到滑动手势(如手势的起始触摸位置或终止触摸位置)所在位置的左侧或右侧。如此,用户在做出图中箭头所示的滑动手势后,只需要顺势按住当前触摸位置并水平滑动即可实现页面的滑动。
若页面滑动逻辑配置为,用户仅能通过触摸滑块100并拖动滑块100上下移动而滑动页面,则可以通过方式D调整滑块100的显示位置。方式D是指,不仅在垂直方向上调整滑块100的位置还在水平方向上调整滑块100的位置,以使得调整后的滑块100的显示位置与滑动手势对应的屏幕触控位置(如终止触控位置)重合。其中,在沿垂直方向调整滑块100的过程中可以关联地调整滑动条200在页面中的显示位置。在沿水平方向调整滑块100的显示位置时可以在不滑动页面的情况下进行调整。示例性的,可以对滑动条200的长度进行缩放以沿水平方向调整滑块100的显示位置,进而使得在不滑动页面的情况下将调整后的滑块100的显示位置与滑动手势对应的屏幕触控位置重合。方式D可以解决调整前滑块100的先前位置与用户的滑动手势对应的屏幕触控位置在可滑动方向上距离较远的问题。例如,当设备屏幕较大时,若滑块100的先前位置位于屏幕左侧,而用户习惯的手势操作范围位于屏幕右侧,若仅通过方式D调整滑块位置则用户仍无法轻松触摸到滑块100,因此可以通过方式D将滑块100调整到用户方便触摸到的显示位置。
基于本公开,当用户期望滑动页面且滑动控件的当前显示位置位于用户不易触摸到的位置时,用户只需要在方便触摸的位置做出沿第一方向的滑动手势(如短暂滑动后抬手),即可触发滑动控件的显示位置的调整机制,进而可以方便触摸到滑动控件。
上文以屏幕触控事件为滑动操作为例进行了示例性说明。
在实际应用中存在多种类型的屏幕触控事件,例如可以包括但不限于点击、长按、滑动等类型的屏幕触控事件。本公开在调整滑动控件的显示位置时至少仅需要一个屏幕触控位置,而所有类型的屏幕触控事件均具有至少一个屏幕触控位置。因此,本公开理论上适用于所有类型的屏幕触控事件。即,本公开可以不对屏幕触控事件的类型进行判断,而是可以响应于所有类型的屏幕触控事件,调整滑动控件在页面中的显示位置。如此,可以根据实时监控到的屏幕触控事件,自动将滑动控件调整到用户当前易于触控到的显示位置。
本公开还可以判断屏幕触控事件是否为针对滑动控件的滑动事件。屏幕触控事件为针对滑动控件的滑动事件,则可以控制滑动控件沿预定方向(即可滑动方向)滑动,并根据滑动控件的滑动参数控制页面滑动,如可以根据滑动控件的滑动距离以预定比例滑动页面。屏幕触控事件为针对滑动控件的滑动事件的情况下,不执行步骤S130和步骤S140。
在一些实施例中,滑动控件可以是滑动条上的滑块。滑动条用于限定滑块的可滑动方向。滑动条也可以称为滑动轨道。在执行步骤S140的同时,还可以关联地调整滑动条在页面中的显示位置。调整滑动条在页面中的显示位置,仅涉及滑动条在与第二方向垂直的第一方向上的调整。即,在执行步骤S140的过程中当涉及滑动控件在与滑动方向的垂直方向上的调整时,相应调整滑动条在与滑动方向的垂直方向上的显示位置即可。
在一些实施例中,可以为用户提供“实时模式”这一功能选项。用户可以选择打开或关闭实时模式。本公开还可以检测实时模式是否被打开。确定实时模式被打开,则可以响应于实时监控到的屏幕触控事件,执行将滑动控件调整到所述第一位置显示的步骤,即步骤S140。确定实时模式未被打开,可以对预定时长范围内监控到的屏幕触控事件进行分析得到第一位置。
此处述及的第一位置是对预定时长范围内监控到的部分或所有屏幕监控事件进行分析确定的一个具有代表性的位置,该位置可以视为用户在预定时长范围内习惯适用或易于触摸的位置。示例性的,可以将预定时长范围内监控到的部分或所有屏幕监控事件对应的屏幕触控位置中出现频次最多的屏幕触控位置作为第一位置。示例性的,也可以对预定时长范围内监控到的部分或所有屏幕监控事件进行分析,确定用户在预定时长范围内的屏幕触控区域,将屏幕触控区域的中心位置作为第一位置。在得到第一位置后即可执行将滑动控件调整到第一位置显示的步骤,即执行步骤S140。
本公开还可以获取滑动控件的默认位置,基于默认位置确定滑动控件在页面中的初始显示位置。默认位置可以是由用户根据自身操作习惯设置的。也可以通过分析用户的历史屏幕触控事件确定用户的操作偏好,并据此确定滑动控件的默认位置。
下面结合图4至图7以页面为列表页为例做示例性说明。
图4示出了应用设置界面示意图。
参见图4,可以提供“垂直列表页的滑块默认位置”、“水平列表页的滑块默认位置”、“滑块位置自动跟随触摸位置”三个设置项。这三个设置项与用户之间的交互方式可自定义扩展。例如可以按照图4所示,用户可以通过点击对上述三个设置项进行设置。
基于上述三个设置项,用户可以设置垂直列表页和水平列表页中滑块默认位置,并进一步设置是否开启滑块位置自动跟随用户触摸位置。
垂直列表页中滑块默认位置可以位于页面右侧或左侧。水平列表页中滑块默认位置可以位于页面上侧或下侧。开启滑块位置自动跟随用户触摸位置,相当于开启实时模式。
列表页中滑块默认位置位于用户之前设置的一侧,以适应用户左手或右手的使用习惯。
在列表页中,若用户之前设置开启了滑块位置跟随用户实时触摸位置,则在用户只能使用不便的那一侧的手滑动列表的情况下,用户短暂滑动后抬手,即可自动将滑块移动到用户手指所在侧,方便用户触摸并滑动滑块。以垂直列表页为例,用户短暂滑动后抬手,可自动将滑块在水平方向上移动到用户手指所在水平位置,用户只要顺势按住并上下滑动,即可实现垂直列表页中列表的快速滑动。水平列表页同理。
在列表页,滑块默认位置位于用户之前设置的一侧,适应用户的左手或右手的使用习惯。图5示出了垂直列表页的界面示意图。参见图5,用户之前设置垂直列表页滑块默认位置位于列表左侧,则进入垂直列表页后,滑块位于列表左侧。
图6示出了垂直列表页中滑块位置调整原理示意图。
参见图6,在垂直列表页中,若用户之前开启了滑块位置自动跟随用户实时触摸位置,则用户短暂滑动后抬手,可以自动将滑块及滑动条在水平方向上向用户手指所在水平位置移动,如可以移动到用户手指所在水平位置。
图7示出了垂直列表页中通过上下滑动滑块滑动列表的示意图。
参见图7,用户只要顺势按住滑块并上下滑动,即可实现列表的快速滑动。如图所示,用户按住滑块后向下滑动大约一半屏幕,列表可以快速向下滑动约列表页一半的高度。
本公开可以根据用户的喜好习惯,灵活调整智能手机列表页中滑块位置,尤其在大屏设备列表页中,可显著提升用户体验。
基于本公开,用户可设置列表页中滑块默认位置,以适应自己习惯侧的手,比如用户习惯用左手操作手机则可以将滑块在左侧。
本公开还支持用户设置滑块位置自动跟随触摸位置,即使某些场景用户手指无法触摸到滑块当前位置,也可以实现滑块位置跟随手指当下位置改变,解决一些场景下“手不够大”的困扰,设备屏幕越大,效果越明显。
本公开仅需要一个触控位置即可将滑块调整到用户容易触摸到的位置,不涉及触摸轨迹的采集匹配,更不涉及区域的采集,也不需要计算。方案简单,反应灵敏,结果准确。
本公开可以仅在列表页自动调整滑块的位置,不会在界面增加UI控件显示,不会影响界面的美观性。
本公开还提出了一种电子设备。电子设备可以包括触控屏、处理器以及存储器。存储器上存储有可执行代码,当可执行代码被所述处理器执行时,使处理器执行上文述及的页面滑动控制方法。
图8示出了根据本公开一个实施例的可用于实现上述页面滑动控制方法的计算设备的结构示意图。
参见图8,计算设备700包括存储器710和处理器720。
处理器720可以是一个多核的处理器,也可以包含多个处理器。在一些实施例中,处理器720可以包含一个通用的主处理器以及一个或多个特殊的协处理器,例如图形处理器(GPU)、数字信号处理器(DSP)等等。在一些实施例中,处理器720可以使用定制的电路实现,例如特定用途集成电路(ASIC,Application Specific Integrated Circuit)或者现场可编程逻辑门阵列(FPGA,Field Programmable Gate Arrays)。
存储器710可以包括各种类型的存储单元,例如系统内存、只读存储器(ROM),和永久存储装置。其中,ROM可以存储处理器720或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中,永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中,永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。系统内存可以是可读写存储设备或者易失性可读写存储设备,例如动态随机访问内存。系统内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外,存储器710可以包括任意计算机可读存储媒介的组合,包括各种类型的半导体存储芯片(DRAM,SRAM,SDRAM,闪存,可编程只读存储器),磁盘和/或光盘也可以采用。在一些实施方式中,存储器710可以包括可读和/或写的可移除的存储设备,例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM,双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。
存储器710上存储有可执行代码,当可执行代码被处理器720处理时,可以使处理器720执行上文述及的页面滑动控制方法。
上文中已经参考附图详细描述了根据本公开的页面滑动控制方法、电子设备、计算设备。
此外,根据本公开的方法还可以实现为一种计算机程序或计算机程序产品,该计算机程序或计算机程序产品包括用于执行本公开的上述方法中限定的上述各步骤的计算机程序代码指令。
或者,本公开还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质),其上存储有可执行代码(或计算机程序、或计算机指令代码),当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时,使所述处理器执行根据本公开的上述方法的各个步骤。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本公开的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本公开的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。
Claims (8)
1.一种页面滑动控制方法,其特征在于,所述方法包括:
监控屏幕触控事件;
确定所述屏幕触控事件为滑动操作;
获取第一位置,所述第一位置为所述屏幕触控事件的屏幕触控位置所在的第一方向上的一个位置,所述第一方向为所述滑动操作的滑动方向;
将滑动控件沿着第二方向从第二位置平移调整到所述第一位置显示,所述滑动控件在所述第一方向上的位置固定不变;或者将滑动控件同时沿着所述第一方向及所述第二方向从所述第二位置移动调整到所述第一位置显示,调整后所述滑动控件在所述第一方向上的位置更接近所述屏幕触控位置,其中,所述第二方向与所述第一方向垂直,所述滑动控件用于控制显示界面沿着所述第一方向滑动,所述第二位置为所述滑动控件的先前显示位置。
2.根据权利要求1所述的方法,其特征在于,所述获取第一位置的步骤之前,所述方法还包括:确定屏幕触控事件结束。
3.根据权利要求1所述的方法,其特征在于,所述滑动控件为位于滑动条上的滑块,所述方法还包括:在将所述滑动控件调整到所述第一位置显示的同时,关联地调整所述滑动条在页面中的显示位置。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
检测实时模式是否被打开;
确定所述实时模式被打开,响应于实时监控到的所述屏幕触控事件,执行将滑动控件调整到所述第一位置显示的步骤。
5.根据权利要求4所述的方法,其特征在于,所述方法还包括:
确定所述实时模式未被打开,对预定时长范围内监控到的屏幕触控事件进行分析得到所述第一位置。
6.一种电子设备,包括:
触控屏;
处理器;
存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1至5中任何一项所述的方法。
7.一种计算设备,包括:
处理器;以及
存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1至5中任何一项所述的方法。
8.一种非暂时性机器可读存储介质,其上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行如权利要求1至5中任何一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410414534.2A CN118012326B (zh) | 2024-04-08 | 2024-04-08 | 页面滑动控制方法、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410414534.2A CN118012326B (zh) | 2024-04-08 | 2024-04-08 | 页面滑动控制方法、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN118012326A true CN118012326A (zh) | 2024-05-10 |
CN118012326B CN118012326B (zh) | 2024-08-23 |
Family
ID=90943598
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410414534.2A Active CN118012326B (zh) | 2024-04-08 | 2024-04-08 | 页面滑动控制方法、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118012326B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102346662A (zh) * | 2010-07-30 | 2012-02-08 | 比亚迪股份有限公司 | 一种移动终端及实现其用户界面滚动的方法 |
CN102859484A (zh) * | 2010-04-21 | 2013-01-02 | 捷讯研究有限公司 | 与便携式电子设备上的可滚动区域交互的方法 |
US20150046866A1 (en) * | 2013-08-06 | 2015-02-12 | Fuji Xerox Co., Ltd | Image display apparatus, image display method, and computer-readable medium |
CN106445357A (zh) * | 2016-08-31 | 2017-02-22 | 维沃移动通信有限公司 | 一种滑动条控件控制方法和移动终端 |
CN110851048A (zh) * | 2019-09-30 | 2020-02-28 | 华为技术有限公司 | 一种调整控件的方法和电子设备 |
-
2024
- 2024-04-08 CN CN202410414534.2A patent/CN118012326B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102859484A (zh) * | 2010-04-21 | 2013-01-02 | 捷讯研究有限公司 | 与便携式电子设备上的可滚动区域交互的方法 |
CN102346662A (zh) * | 2010-07-30 | 2012-02-08 | 比亚迪股份有限公司 | 一种移动终端及实现其用户界面滚动的方法 |
US20150046866A1 (en) * | 2013-08-06 | 2015-02-12 | Fuji Xerox Co., Ltd | Image display apparatus, image display method, and computer-readable medium |
CN106445357A (zh) * | 2016-08-31 | 2017-02-22 | 维沃移动通信有限公司 | 一种滑动条控件控制方法和移动终端 |
CN110851048A (zh) * | 2019-09-30 | 2020-02-28 | 华为技术有限公司 | 一种调整控件的方法和电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN118012326B (zh) | 2024-08-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114845122B (zh) | 用于查看实况视频馈送和录制视频的用户界面 | |
TWI648674B (zh) | 用以在以觸控為基礎的計算裝置中對應用程式視窗重新定位和重調大小的計算裝置可實施之方法、計算裝置及非暫時性媒體 | |
US9389718B1 (en) | Thumb touch interface | |
US8407626B2 (en) | Gestured movement of object to display edge | |
US9128605B2 (en) | Thumbnail-image selection of applications | |
NL2012965C2 (en) | Device and method for generating user interfaces from a template. | |
CN107168614B (zh) | 用于查看图像的应用 | |
US9041727B2 (en) | User interface tools for selectively applying effects to image | |
US20160004373A1 (en) | Method for providing auxiliary information and touch control display apparatus using the same | |
US9411418B2 (en) | Display device, display method, and program | |
WO2017088102A1 (zh) | 一种智能终端的文件选中方法及一种智能终端 | |
CN106325663B (zh) | 移动终端及其截屏方法 | |
CN105573639A (zh) | 用于触发应用的显示的方法和系统 | |
CN104881225A (zh) | 一种调节条的控制方法和装置 | |
US8904313B2 (en) | Gestural control for quantitative inputs | |
US10394442B2 (en) | Adjustment of user interface elements based on user accuracy and content consumption | |
CN118012326B (zh) | 页面滑动控制方法、设备及存储介质 | |
US10802702B2 (en) | Touch-activated scaling operation in information processing apparatus and information processing method | |
CN107656691A (zh) | 一种侧边栏的显示方法、装置、设备和存储介质 | |
CN107817927B (zh) | 应用图标管理方法和装置 | |
US9536126B2 (en) | Function execution method based on a user input, and electronic device thereof | |
CN116645672A (zh) | 基于图像框选识别与自动录入的方法、系统、终端及介质 | |
CN114020199B (zh) | 一种单手控制方法、装置及移动终端 | |
US9817566B1 (en) | Approaches to managing device functionality | |
WO2017193801A1 (zh) | 基于感应屏幕的多选处理方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |