CN110413176B - 页面翻转的交互方法、装置、设备及计算机可读存储介质 - Google Patents
页面翻转的交互方法、装置、设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN110413176B CN110413176B CN201910689661.2A CN201910689661A CN110413176B CN 110413176 B CN110413176 B CN 110413176B CN 201910689661 A CN201910689661 A CN 201910689661A CN 110413176 B CN110413176 B CN 110413176B
- Authority
- CN
- China
- Prior art keywords
- turning
- page
- preset
- preset page
- rotation limiting
- 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
Images
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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
Abstract
本公开提供一种页面翻转的交互方法、装置、设备及计算机可读存储介质,图形用户界面中包含预设页面;方法包括:响应作用于预设页面的预设触控操作,根据预设触控操作的触控点位置确定预设页面的限制转动位置;响应作用于预设页面的包括方向信息的翻转指令,根据翻转指令确定预设页面的起始翻转位置和翻转方向;根据起始翻转位置、翻转方向和限制转动位置控制预设页面进行翻转。本公开提供的方案,用户在用户界面中进行操作,进而使用户对预设页面进行自由翻转。并且可以由用户自行设置限制翻转位置,从而够丰富翻转效果。
Description
技术领域
本公开涉及界面交互技术,尤其涉及一种页面翻转的交互方法、装置、设备及计算机可读存储介质。
背景技术
目前,很多应用场景中都存在纸张翻转的情况,例如,在移动终端中看书时,用户可以触摸屏幕进而使得书籍翻页,再例如,在游戏画面中,用户可以操作一书籍道具,触发其翻转。
现有技术中,需要开发人员预先设置页面的翻转效果,当用户操作电子设备触发书籍的翻转动作时,可以呈现出预先设置的翻转效果。
但是,现有技术中的方案会导致页面翻转方式单一的问题,导致无法向用户呈现丰富的交互界面。
发明内容
本公开提供一种页面翻转的交互方法、装置、设备及计算机可读存储介质,以解决现有技术中的方案会导致页面翻转方式单一的问题。
本公开的第一个方面是提供一种页面翻转的交互方法,图形用户界面中包含预设页面;
所述方法包括:
响应作用于所述预设页面的预设触控操作,根据所述预设触控操作的触控点位置确定所述预设页面的限制转动位置;
响应作用于预设页面的包括方向信息的翻转指令,根据所述翻转指令确定所述预设页面的起始翻转位置和翻转方向;
根据所述起始翻转位置、所述翻转方向和所述限制转动位置控制所述预设页面进行翻转。
本公开的另一个方面是提供一种页面翻转的交互装置,应用于可呈现图形用户界面的移动终端,所述装置包括:
第一响应模块,用于响应作用于所述预设页面的预设触控操作,根据所述预设触控操作的触控点位置确定所述预设页面的限制转动位置;
第二响应模块,用于响应作用于预设页面的包括方向信息的翻转指令,根据所述翻转指令确定所述预设页面的起始翻转位置和翻转方向;
翻转模块,用于根据所述起始翻转位置、所述翻转方向和所述限制转动位置控制所述预设页面进行翻转。
本公开的又一个方面是提供一种页面翻转的交互设备,包括:
存储器;
处理器;以及
计算机程序;
其中,所述计算机程序存储在所述存储器中,并配置为由所述处理器执行以实现如上述第一方面所述的页面翻转的交互方法。
本公开的又一个方面是提供一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行以实现如上述第一方面所述的页面翻转的交互方法。
本公开提供的页面翻转的交互方法、装置、设备及计算机可读存储介质的技术效果是:
本公开提供一种页面翻转的交互方法、装置、设备及计算机可读存储介质,图形用户界面中包含预设页面;方法包括:响应作用于预设页面的预设触控操作,根据预设触控操作的触控点位置确定预设页面的限制转动位置;响应作用于预设页面的包括方向信息的翻转指令,根据翻转指令确定预设页面的起始翻转位置和翻转方向;根据起始翻转位置、翻转方向和限制转动位置控制预设页面进行翻转。本公开提供的方案,用户在用户界面中进行操作,进而使用户对预设页面进行自由翻转。并且可以由用户自行设置限制翻转位置,从而够丰富翻转效果。
附图说明
图1为本发明一示例性实施例示出的第一界面示意图;
图2为本发明一示例性实施例示出的页面翻转的交互方法的流程图;
图2A为本发明一示例性实施例示出的第二界面示意图;
图3为本发明另一示例性实施例示出的页面翻转的交互方法的流程图;
图3A为本发明一示例性实施例示出的第三界面示意图;
图3B为本发明一示例性实施例示出的第四界面示意图;
图3C为本发明一示例性实施例示出的第四界面示意图;
图4为本发明一示例性实施例示出的页面翻转的交互装置的结构图;
图5为本发明另一示例性实施例示出的页面翻转的交互装置的结构图;
图6为本发明一示例性实施例示出的页面翻转的交互设备的结构图。
具体实施方式
用户在使用电子设备时,经常会遇到需要对用户界面中的页面进行翻转的应用场景。例如阅读电子书,或者游戏界面中展示的游戏道具。现有技术中的页面翻转方式均是预先设置的,用户操作电子设备能够触发页面按照预先设置的方式进行翻转,这就导致翻转效果单一的问题。
图1为本发明一示例性实施例示出的第一界面示意图。
如图1所示,本发明的实施例可以应用在一图形用户界面中。在图形用户界面中包含预设页面11,例如可以是一封信,还可以是一本书等。
图2为本发明一示例性实施例示出的页面翻转的交互方法的流程图;
如图2所示,本实施例提供的页面翻转的交互方法包括:
步骤201,响应作用于预设页面的预设触控操作,根据预设触控操作的触控点位置确定预设页面的限制转动位置。
其中,本实施例提供的方法可以由具备计算能力的电子设备执行,在该电子设备具有图形显示界面,该显示界面中可以显示如图1所示的第一界面。电子设备例如可以是智能手机、计算机、电纸书等设备。
若预设页面是电子书,则用户可以操作电子设备打开读书软件,进而使得电子设备显示包括预设页面的图形用户界面。若预设页面是游戏道具中的信件等,则用户可以操作电子设备打开游戏软件,进而使得电子设备显示包括游戏道具的图形用户界面。
具体的,用户可以对预设页面进行预设触控操作,从而设置该预设页面的限制转动位置。限制转动位置是指预设页面不能被转动的位置,比如实际纸张被图钉订住的位置,该纸张被订住的这一位置不能被翻转。
进一步的,预设触控操作可以是重按、长按或点击操作操作。例如,用户可以直接重按或长按预设页面中的一位置,从而将该位置设置为限制转动位置;又如,用户可以选择设置限制转动位置的功能,并在预设页面中点击一位置,从而将该位置设置为限制转动位置。
在一种实施方式中,若本实例提供的方案应用在PC端,则用户选择设置限制转动位置的功能后,电子设备还可以改变用户界面中鼠标的图案,例如将其改变为一图钉形状,用户可以根据需求移动该图钉形状的鼠标,当移动到需求位置后,可以点击鼠标从而设置限制转动位置。可以在用户点击鼠标后,释放设置限制转动位置的功能,还可以恢复鼠标的图案。
在一种实施方式中,用户选择设置限制转动位置的功能之后,可以在用户界面中显示一可移动的图标,例如一“十字形状的图标”、“一图钉形状图标”等。用户可以通过鼠标或触控的方式点击该图标并长按拖动其至需求位置,再松开鼠标或手指,实现设置限制转动位置。
电子设备可以记录用户设置的限制转动位置,从而在用户翻动预设页面时,可以根据该限制转动位置对预设页面进行渲染,以展现用户需要的翻转效果。
可选的,若预设页面包括多张页面,例如是一本书,则还可以设置该限制转动位置对应的页面,例如该限制转动位置仅用于限制第2-10页等。
步骤202,响应作用于预设页面的包括方向信息的翻转指令,根据翻转指令确定预设页面的起始翻转位置和翻转方向。
其中,用户在翻转预设页面时,可以在用户界面中进行操作,向电子设备发送作用于预设页面的翻转指令,该翻转指令包括方向信息,进而触发页面翻转流程。例如,用户可以滑动预设页面的任一位置,都能够触发翻转操作。
具体的,用户翻实体书时会用手指滑动书页,进而使其翻转。因此,用户在电子设备上进行操作时,也可以在预设页面上滑动,进而翻动页面。电子设备可以响应用户的这一操作,对预设页面进行翻转。
进一步的,若电子设备具备触摸屏,则用户可以直接用手指在触摸屏上与预设页面对应的位置滑动,发送翻转指令;若电子设备不具备触摸屏,具有例如鼠标等外部输入设备,则用户可以在预设页面所在位置按住鼠标拖动,进而发送翻转指令。
用户可以操作用户终端,使得预设页面进行翻转,例如翻页、翻开一个角等。比如在一个游戏应用的场景中,在一张纸下存在需要操作的道具,则用户可以拖动这张纸的一个角落,进而使其翻转。
实际应用时,用户若希望翻转预设页面,则会对该预设页面本身进行操作,因此,可以在预设页面上设置控制区域,例如,将距离预设页面边缘一定距离的范围设置为控制区域。
其中,当用户在对预设页面进行翻转时,可以操作该控制区域,电子设备可以响应这一翻转指令确定翻转方向,再根据这一方向对画面进行渲染,使其呈现页面翻转的效果。
具体的,用户希望向哪个方向翻转预设页面,就会向哪个方向进行滑动操作。因此,为了符合用户的操作习惯,可以根据翻转指令中的方向信息确定预设页面的翻转方向。例如,可以将翻转指令中的滑动方向直接作为预设页面的翻转方向。
进一步的,还可以根据翻转指令确定预设页面的起始翻转位置,在翻转时,先翻转该起始翻转位置,起始翻转位置可以是一个位置点,也可以是位置区域。例如,若用户的翻转指令对应的操作位置是预设页面的右下角区域,则预设页面的右下角为起始翻转位置。再例如,若用户的翻转指令对应的操作位置是预设页面的右侧中部,则预设页面的右侧边为起始翻转位置。
因此,基于本实施例提供的方法,可以根据用户的操作确定预设页面的翻转方向以及起始翻转位置,使得电子设备能够根据这些信息对预设页面进行翻转。
步骤203,根据起始翻转位置、翻转方向和限制转动位置控制预设页面翻转。
实际应用时,电子设备确定出起始翻转位置、翻转方向后,可以结合限制转动位置控制预设页面翻转,具体可以对预设页面进行渲染,使用户界面中呈现预设页面的翻转效果,具体可以使得预设页面从起始翻转位置,按照翻转方向进行翻转,并且,在翻转过程中遇到限制转动位置时,停止继续翻转。
具体的,若渲染位置达到限制转动位置后,则可以停止渲染,进而使预设页面在设置有限制转动位置位置不产生翻动的视觉效果,从而达到与用户预先设置相符的翻转效果。
图2A为本发明一示例性实施例示出的第二界面示意图。
如图2A所示,用户在设置了限制转动位置后,可以对如图1所示的第一界面进行操作,使得页面进行翻转,翻转效果如图2A所示。当页面进行翻转,并且翻转位置达到限制转动位置所在的位置时,页面会停止翻转。
本实施例提供的方法用于根据翻转指令对用户界面中的预设页面进行翻转,该方法由设置有本实施例提供的方法的设备执行,该设备通常以硬件和/或软件的方式来实现。
本公开提供一种页面翻转的交互方法,图形用户界面中包含预设页面;方法包括:响应作用于预设页面的预设触控操作,根据预设触控操作的触控点位置确定预设页面的限制转动位置;响应作用于预设页面的包括方向信息的翻转指令,根据翻转指令确定预设页面的起始翻转位置和翻转方向;根据起始翻转位置、翻转方向和限制转动位置控制预设页面进行翻转。本公开提供的方案,用户在用户界面中进行操作,进而使用户对预设页面进行自由翻转。并且可以由用户自行设置限制翻转位置,从而够丰富翻转效果。
图3为本发明另一示例性实施例示出的页面翻转的交互方法的流程图。
如图3所示,本实施例提供的页面翻转的交互方法,包括:
步骤301,响应作用于预设页面的预设触控操作,根据预设触控操作的触控点位置确定预设页面的限制转动位置。
步骤301与步骤101的实现原理与效果相似,不再赘述。
步骤302,在限制转动位置设置图钉组件。
其中,电子设备接收到预设触控操作后,可以响应该操作,确定限制转动位置,并且还可以在限制转动位置设置图钉组件。在一种实施方式中,可以由开发人员操作,使得电子设备响应该预设触控操作,从而在预设页面中添加图钉组件,设置有该图钉组件的预设页面被加载到电子设备中时,能够加载这个图钉组件。
在另一种实施方式中,也可以由用户操作,使得电子设备响应该预设触控操作,从而在预设页面中添加图钉组件。例如,可以在电子设备中设置一客户端,用户可以在客户端中进行操作,给书籍添加图钉组件,从而固定该书籍。
在电子设备中可以显示预设页面,用户可以操作电子设备,选择图钉组件,再在预设页面中选择一位置,进而向电子设备发送预设触控操作,使得电子设备能够将图钉组件添加到该位置处。
其中,图钉组件可以是预先通过编码或其他方式得到的组件,在需要添加时,可以直接调用该组件,无需重复编码。例如,在进行用户界面设计时,经常需要设置页面固定不会翻转的位置,针对不同的用户界面,或位置发生改变时,需要开发人员重复编写代码。而设置有图钉组件,能够对其重复利用,而不需要开发人员多次编写代码,进而能够降低开发人员重复编码的次数。
具体的,当预设页面翻转时,若翻转位置与该图钉组件所在位置重合,则停止翻转,进而能够实现通过图钉组件限制预设页面翻转的效果,并且该效果与用户设置的一致,能够根据用户需求实现多种页面翻转效果。
步骤303,根据预设触控操作的触控压力,确定预设页面的数量。
进一步的,在用户交互界面中,预设页面可以包括多层页面,例如,可以是n个页面叠加的效果,每个页面上都存在一定的信息。此时,还可以根据预设触控操作的触控压力,确定预设页面的数量。例如,若在位置A的按压力度为F1,确定页面数量为3;在位置B的按压力度为F2,确定页面数量为5。从而实现不同页数的翻转效果不同。
可以理解的,在其他实施例中,还可以根据预设触控操作的触控时长,确定预设页面的数量。例如,若在位置A的触控时长为T1,确定页面数量为3;在位置B的触控时长为T2,确定页面数量为5。从而实现不同页数的翻转效果不同。
实际应用时,可以结合确定的数量在限制转动位置设置图钉组件,使得该图钉组件应用在穿透相应数量的页面。
步骤304,接收包括区域信息的添加指令,根据添加指令在预设页面中添加透明蒙版,并根据透明蒙版确定预设页面的控制区域。
进一步的,本实施例提供的方法,还可以包括设置控制区域的步骤。实际应用时,用户可以操作电子设备,向其发送添加指令,该添加指令包括一区域信息。例如,可以用手指触摸电子设备的屏幕,划定一区域范围,从而在这一范围内添加透明蒙版。
可以将设置有透明蒙版的区域作为控制区域。可以在电子设备中可以显示预设页面,用户可以操作电子设备,选择添加透明蒙版,再在预设页面中确定一区域信息,进而向电子设备发送添加指令,使得电子设备能够将透明蒙版添加到该区域。
图3A为本发明一示例性实施例示出的第三界面示意图。
用户可以操作电子设备,从而在图形用户界面中还设置有至少一个图钉组件12以及控制区域13(虚线到页面边缘处的区域)。该图钉组件12可以用于固定预设页面11,使其在图钉组件12所在位置不发生翻转。图钉组件12可以不直接显示,也可以以图钉的形式在界面中显示。控制区域13可以是用户操作的区域,用户可以在控制区域中进行操作,从而翻转该预设页面。
步骤305,响应作用于预设页面的设置操作,确定预设页面对应的翻转参数。
进一步的,本实施例提供的方法中,还预先设置有预设页面的翻转参数。例如,当预设页面翻转时的翻转半径,还可以包括页面的翻转速度等信息。从而在控制预设页面翻转时,可以根据预设的翻转参数对页面进行渲染,以实现翻转效果。
本实施例提供的方法中,在预设页面中添加图钉组件、设置翻转参数以及添加透明蒙版的顺序可以调整,可以根据用户的操作顺序执行相应的步骤。
步骤306,响应作用于预设页面的滑动触摸操作触发的翻转指令,根据滑动触摸操作的起始滑动位置的起始点击位置确定起始翻转位置;将滑动触摸操作的滑动方向确定为翻转方向。
其中,本实施例提供的方法可以应用在如图1或图3A所示的用户界面中。用户在对预设页面进行翻转时,可以操作预设页面,从而触发电子设备对预设页面进行翻转,具体可以操作透明蒙版所在的区域。该透明蒙版可以是不可见的形式。
具体的,若电子设备检测到用户在透明蒙版进行了滑动触摸操作,则可以认为用户触发了翻页操作。此时,电子设备可以响应用户的操作,确定预设页面的起始翻转位置以及翻转方向。
可以在电子设备的触摸屏上用手指进行滑动操作,向电子设备发送翻转指令。
进一步的,用户在翻转实际的纸质页面时,会按照需要以一定的方向进行操作,例如用户希望向左翻转页面,则用户会提起页面向左移动手,若用户若希望纸质页面从右下角的位置向左上角的位置翻转,则用户会提起纸质页面的有下角附近的位置。
为了在用户交互过程中预设页面的呈现效果与实际纸质页面更加相符,可以根据用户的操作确定起始翻转位置以及翻转方向,从而基于这两个信息对预设页面进行渲染时,产生的视觉翻转效果与用户的操作更加相符。
实际应用时,可以根据滑动触摸操作的起始滑动位置确定起始翻转位置。可以认为用户在操作时的起始位置,即使用户希望首先翻转的位置,可以根据这一位置确定起始翻转位置。例如,可以在预设页面中确定与起始滑动位置相近的页面边缘位置,并将其作为起始翻转位置。
其中,起始翻转位置可以是一个点的位置,也可以是一个位置区域,例如,若用户操作的位置是预设页面右下部分的某一位置,则可以将页面的右下角位置作为起始翻转位置。再例如,若用户操作的位置是预设页面一边的中间位置,则可以将这一边作为起始翻转位置。
具体的,还可以直接将滑动触摸操作的滑动方向确定为翻转方向。从而使预设页面的翻转方向符合用户的实际操作方向。
步骤307,根据起始翻转位置、翻转方向、翻转参数和限制转动位置控制预设页面进行翻转。
具体可以渲染预设页面,使其产生从起始翻转位置开始,根据翻转方向进行翻转的视觉效果。
其中,在确定了起始翻转位置、翻转方向之后,可以根据这些信息渲染预设页面,进而使得预设页面能够从起始翻转位置开始朝向翻转方向翻转。
具体的,由于起始翻转位置、翻转方向是根据用户的操作位置以及操作方向确定的,因此,渲染的翻转效果符合用户的操作。
进一步的,还可以根据翻转参数确定翻转半径,具体可以根据获取预先设置的翻转参数中包括的翻转半径。
进一步的,在对预设页面渲染时,可以先渲染起始翻转位置,从而使得这一位置产生翻转效果,进而沿着翻转方向继续渲染,使得预设页面产生朝该方向翻转的视觉效果。同时,在渲染时,使预设页面产生以翻转半径为半径进行翻转的视觉效果。
其中,用户界面中的预设页面并不是真的进行了翻转,而是通过对画面进行渲染使其产生翻转的视觉效果。因此,可以从起始翻转位置处开始进行渲染,使其产生卷曲的视觉效果。并对位于翻转方向上预设页面的部分逐步进行渲染,使其产生卷曲的视觉效果,具体的渲染速度与预先设置的翻转速度相关。其中,可以从起始翻转位置处开始进行渲染,使其产生卷曲的视觉效果。并对位于翻转方向上预设页面的部分逐步进行渲染,使其产生卷曲的视觉效果。
实际应用时,具体的画面渲染方法可以采用现有技术中的方式。
在渲染过程中,当渲染预设页面的位置与限制终端位置重合时,停止继续对预设页面进行翻转效果的渲染。
其中,在对预设页面进行渲染时,具体可以从预设页面的起始翻转位置开始渲染,并朝着翻转方向逐步进行渲染。
具体的,在渲染过程中,若在预设页面中渲染的位置与确定的限制转动位置重合,则可以停止对预设页面进行翻转效果的渲染。由于限制转动位置设置有图钉组件,其能够固定预设页面,因此,当渲染位置达到这一位置时,预设页面无法继续转动。
进一步的,为了使预设页面产生停止翻转的效果,可以在预设页面的渲染位置与限制转动位置重合时,停止对预设页面进行翻转效果的渲染。
可选的,虽然由于图钉组件导致预设页面不能进一步的翻转,因此不对其进行翻转效果的渲染。但是,还可以对预设页面进行其他效果的渲染,例如可以是纸张翻起的位置晃动,产生随风浮动的视觉效果。
具体的,当控制所述预设页面进行翻转至限制转动位置时,本实施例提供的方法还可以包括:
步骤308,判断翻转指令是否满足预设条件。
若是,则执行步骤309,否则执行步骤310。
该预设条件例如可以是翻转指令持续时长,若持续时长较短,例如用户滑动触摸屏的时间非常短,则可以认为不满足预设条件。该预设条件还可以是在触摸屏上滑动的距离,若距离短于一阈值,则可以认为不满足预设条件。
具体可以在用户释放该翻转指令时,判断翻转指令是否满足预设条件,可以认为翻转指令是用户持续操作产生的,因此,只有在用户释放该指令时,才能够确定完整的翻转指令。
步骤309,根据限制转动位置确定翻转轴,并控制预设页面沿翻转轴继续翻转。
在用户释放翻转指令后,确定这一翻转指令符合预设条件,则电子设备可以控制预设页面沿翻转轴继续翻转。
实际应用时,用户操作电子设备对预设页面进行翻转,并且会释放该翻转指令,进而停止继续翻转该页面。例如,用户可以抬起在触摸屏上滑动的手指,进而释放该翻转指令。
其中,当电子设备检测到用户释放翻转指令后,可以判断翻转指令是否符合预设条件,若是,则可以确定一翻转轴,使得预设页面基于翻转轴继续翻转,产生比用户操作产生的幅度更大的翻转效果。
具体的,由于图钉组件能够固定预设页面,因此,预设页面的翻转幅度与限制转动位置的位置息息相关。基于此,本实施例提供的方法,可以根据限制转动位置确定翻转轴,具体可以根据添加图钉组件的位置确定翻转轴。例如,电子设备可以获取预设页面中添加图钉组件的位置信息,并基于获取的位置确定翻转轴。
进一步的,若限制转动位置的数量为1,则根据图钉组件的位置与翻转指令的结束位置连线方向确定翻转轴。
实际应用时,若只设置有一个限制转动位置,例如仅添加了一个用于固定预设页面的图钉组件,则可以根据限制转动位置的位置与翻转指令的结束位置连线方向确定翻转轴。
其中,可以获取翻转指令被释放的位置,作为翻转指令的结束位置,例如用户在触摸屏上抬起手指的位置。可以确定限制转动位置与翻转指令的结束位置的连线方向,并将这一连接方向的垂直方向作为翻转轴的方向。具体的,可以认为翻转轴穿过了限制转动位置,或者翻转轴可以穿过翻转指令的结束位置,再或者翻转轴可以穿过限制转动位置与释放翻转指令位置的中间位置。从而可以根据穿过位置、方向这两个元素,就能够确定出翻转轴。
例如,在预设页面的中间位置设置有限制转动位置,则最终确定的翻转轴方向垂直于翻转指令的结束位置与限制转动位置的连线方向,那么预设页面继续基于这个轴翻转的话,能够符合用户的实际操作。
这种实施方式能够使得在用户操作电子设备释放翻转预设页面后,预设页面可以从翻转指令的结束位置朝向限制转动位置位置继续进行翻转。
若限制转动位置的数量为2,即添加了两个图钉组件。则页面在翻转时会受到这两个图钉组件的限制作用,此时,可以确定限制转动位置的连线方向,并将连线方向作为翻转轴的方向。具体的,还可以认为翻转轴穿过了限制转动位置位置,或者翻转轴可以穿过翻转指令的结束位置,再或者翻转轴可以穿过限制转动位置与翻转指令的结束位置的中间位置。从而可以根据穿过位置、方向这两个元素,就能够确定出翻转轴。
当预设页面继续以翻转轴进行翻转时,能够符合两个限制转动位置对预设页面翻转效果的限制作用,进而基于该翻转轴进行渲染得到的视觉效果更符合实际纸张被固定时进行翻转的效果。
若限制转动位置的数量大于或等于3个,则可以在其中确定两个目标限制转动位置,并按照当图钉组件是两个时的方式,确定翻转轴。具体可以将距离翻转指令的结束位置最近的两个限制转动位置作为目标限制转动位置。
当用户操作电子设备翻转预设页面时,会在希望翻转的页面一侧开始操作,并进行滑动或拖动的操作,因此,可以认为距离这一操作位置较近的限制转动位置会限制页面的翻转。因此,可以将距离停止翻转指令的位置最近的两个限制转动位置作为目标限制转动位置,再根据这两个限制转动位置确定翻转轴。
控制预设页面沿翻转轴继续翻转具体可以包括:
根据翻转轴对预设页面进行渲染,使其产生以翻转轴为轴进行翻转的视觉效果,并当渲染的预设页面的位置与限制转动位置重合时,停止对预设页面进行翻转效果的渲染。
本实施例提供的方法中,在电子设备接收到与翻转指令连续的停止翻转指令之后,还可以在当前的渲染画面基础上,继续进行渲染,从而产生更大幅度的翻转效果。
其中,具体可以根据确定的翻转轴对预设页面继续进行渲染,使其产生以翻转轴为轴进行翻转的视觉效果。
具体的,此前根据用户的翻转指令已经对预设页面进行了一部分渲染,使其产生翻转效果,例如根据用户的翻转指令页面从右侧向左侧进行翻转,而预设页面仅在左上角设置有限制转动位置。那么电子设备可以根据释放翻转指令,使得预设页面继续向左上角的位置进行翻转,从而呈现更大幅度的翻转效果。
进一步的,由于设置有用于固定预设页面的限制转动位置,其对预设页面的翻转效果具有限制作用,因此,若渲染的预设页面的旋转位置与限制转动位置重合时,也就是预设页面的翻转位置碰到了限制转动位置时,停止对预设页面进行翻转效果的渲染,进而能够呈现出限制转动位置阻止页面翻转的视觉效果。
图3B为本发明一示例性实施例示出的第三界面示意图。
图3C为本发明一示例性实施例示出的第四界面示意图。
通过用户的翻转指令对预设页面进行渲染,可以得到如图3B所示的画面效果。当用户释放翻转指令后,电子设备可以继续对预设页面进行渲染,进而根据设置的限制转动位置,渲染出页面更大幅度的翻转效果,如图3C所示。其中,圆圈位置代表设置有限制转动位置的位置。图中的虚线为确定的翻转轴。
步骤310,恢复预设页面的初始状态。
其中,若用户释放翻转指令后,电子设备判断该翻转指令不符合预设条件,则可以对预设页面进行渲染,使其恢复初始状态。例如渲染预设页面被翻起的部分逐渐落下,并恢复至图1所示的状态。
图4为本发明一示例性实施例示出的页面翻转的交互装置的结构图。
如图4所示,本实施例提供的页面翻转的交互装置,应用于可呈现图形用户界面的移动终端,所述图形用户界面中包含预设页面;所述装置包括:
第一响应模块41,用于响应作用于所述预设页面的预设触控操作,根据所述预设触控操作的触控点位置确定所述预设页面的限制转动位置;
第二响应模块42,用于响应作用于预设页面的包括方向信息的翻转指令,根据所述翻转指令确定所述预设页面的起始翻转位置和翻转方向;
翻转模块43,用于根据所述起始翻转位置、所述翻转方向和所述限制转动位置控制所述预设页面进行翻转。
本实施例提供的页面翻转的交互装置,应用于可呈现图形用户界面的移动终端,图形用户界面中包含预设页面;装置包括:第一响应模块,用于响应作用于预设页面的预设触控操作,根据预设触控操作的触控点位置确定预设页面的限制转动位置;第二响应模块,用于响应作用于预设页面的包括方向信息的翻转指令,根据翻转指令确定预设页面的起始翻转位置和翻转方向;翻转模块,用于根据起始翻转位置、翻转方向和限制转动位置控制预设页面进行翻转。本实施例提供的装置,用户在用户界面中进行操作,进而使用户对预设页面进行自由翻转。并且可以由用户自行设置限制翻转位置,从而够丰富翻转效果。
本实施例提供的页面翻转的交互装置的具体原理和实现方式均与图2所示的实施例类似,此处不再赘述。
图5为本发明另一示例性实施例示出的页面翻转的交互装置的结构图。
如图5所示,在上述实施例的基础上,本实施例提供的页面翻转的交互装置,可选的,所述第一响应模块41还用于:
根据所述预设触控操作的触控压力,确定所述预设页面的数量。
所述第一响应模块41还用于:在所述限制转动位置设置图钉组件。
可选的,所述第二响应模块42具体用于:
响应作用于所述预设页面的滑动触摸操作触发的所述翻转指令;
根据所述滑动触摸操作的起始滑动位置确定所述起始翻转位置;
将所述滑动触摸操作的滑动方向确定为所述翻转方向。
可选的,所述装置还包括判断模块44,用于当控制所述预设页面进行翻转至限制转动位置时:
判断所述翻转指令是否满足预设条件;
当所述翻转指令满足预设条件时,所述翻转模块43还用于控制所述预设页面按照预设规则进行翻转。
可选的,所述翻转模块43具体用于:
根据所述限制转动位置确定翻转轴,并控制所述预设页面沿所述翻转轴继续翻转。
可选的,所述翻转模块43具体用于:
若所述限制转动位置的数量为1,则根据所述限制转动位置与释放所述翻转指令的结束位置连线方向确定所述翻转轴;
若所述限制转动位置的数量为2,则根据所述限制转动位置的连线方向确定所述翻转轴;
若所述限制转动位置的数量大于或等于3个,则根据距离所述翻转指令的结束位置最近的两个所述限制转动位置的位置连线方向确定所述翻转轴。
所述第一响应模块41还用于:
响应作用于所述预设页面的设置操作,确定所述预设页面对应的翻转参数;
所述翻转模块43还用于根据所述翻转参数确定翻转半径;
所述第一响应模块41还用于:
接收包括区域信息的添加指令,根据所述添加指令在所述预设页面中添加所述透明蒙版,并根据所述透明蒙版确定所述控制区域。
本实施例提供的页面翻转的交互装置的具体原理和实现方式均与图3所示的实施例类似,此处不再赘述。
图6为本发明一示例性实施例示出的页面翻转的交互设备的结构图。
如图6所示,本实施例提供的页面翻转的交互设备包括:
存储器61;
处理器62;以及
计算机程序;
其中,所述计算机程序存储在所述存储器61中,并配置为由所述处理器62执行以实现如上所述的任一种页面翻转的交互方法。
本实施例还提供一种计算机可读存储介质,其上存储有计算机程序,
所述计算机程序被处理器执行以实现如上所述的任一种页面翻转的交互方法。
本领域普通技术人员可以理解:实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一计算机可读取存储介质中。该程序在执行时,执行包括上述各方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是:以上各实施例仅用以说明本发明的技术方案,而非对其限制;尽管参照前述各实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。
Claims (13)
1.一种页面翻转的交互方法,其特征在于,图形用户界面中包含预设页面;
所述方法包括:
响应作用于所述预设页面的预设触控操作,根据所述预设触控操作的触控点位置确定所述预设页面的限制转动位置;
响应作用于所述预设页面的包括方向信息的翻转指令,根据所述翻转指令确定所述预设页面的起始翻转位置和翻转方向;
根据所述起始翻转位置、所述翻转方向和所述限制转动位置控制所述预设页面进行翻转;
响应作用于所述预设页面的设置操作,确定所述预设页面对应的翻转参数;
所述根据所述起始翻转位置、所述翻转方向和所述限制转动位置控制所述预设页面进行翻转,包括:
根据所述起始翻转位置、所述翻转方向、所述翻转参数和所述限制转动位置控制所述预设页面进行翻转,使用户界面中呈现所述页面的翻转效果,且翻转至所述限制转动位置时,使所述预设页面在所述限制转动位置产生停止翻动效果。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
根据所述预设触控操作的触控压力,确定所述预设页面的数量。
3.根据权利要求1所述的方法,其特征在于,还包括:
在所述限制转动位置设置图钉组件。
4.根据权利要求1所述的方法,其特征在于,所述响应作用于所述控制区域的包括方向信息的翻转指令,根据所述翻转指令确定所述预设页面的起始翻转位置、翻转方向,包括:
响应作用于所述预设页面的滑动触摸操作触发的所述翻转指令;
根据所述滑动触摸操作的起始滑动位置确定所述起始翻转位置;
将所述滑动触摸操作的滑动方向确定为所述翻转方向。
5.根据权利要求1-4任一项所述的方法,其特征在于,当控制所述预设页面进行翻转至限制转动位置时,所述方法还包括:
判断所述翻转指令是否满足预设条件;
当所述翻转指令满足预设条件时,控制所述预设页面按照预设规则进行翻转。
6.根据权利要求5所述的方法,其特征在于,所述控制所述预设页面按照预设规则进行翻转,包括:
根据所述限制转动位置确定翻转轴,并控制所述预设页面沿所述翻转轴继续翻转。
7.根据权利要求6所述的方法,其特征在于,所述根据所述限制转动位置确定翻转轴,包括:
若所述限制转动位置的数量为1,则根据所述限制转动位置的位置与所述翻转指令的结束位置连线方向确定所述翻转轴。
8.根据权利要求6所述的方法,其特征在于,所述根据所述限制转动位置确定翻转轴,包括:
若所述限制转动位置的数量为2,则根据所述限制转动位置的连线方向确定所述翻转轴。
9.根据权利要求6所述的方法,其特征在于,所述根据所述限制转动位置确定翻转轴,包括:
若所述限制转动位置的数量大于或等于3个,则根据距离所述翻转指令的结束位置最近的两个所述限制转动位置的位置连线方向确定所述翻转轴。
10.根据权利要求9所述的方法,其特征在于,所述翻转参数包括翻转半径。
11.一种页面翻转的交互装置,应用于可呈现图形用户界面的移动终端,其特征在于,所述图形用户界面中包含预设页面;
所述装置包括:
第一响应模块,用于响应作用于所述预设页面的预设触控操作,根据所述预设触控操作的触控点位置确定所述预设页面的限制转动位置;
第二响应模块,用于响应作用于所述预设页面的包括方向信息的翻转指令,根据所述翻转指令确定所述预设页面的起始翻转位置和翻转方向;
翻转模块,用于根据所述起始翻转位置、所述翻转方向和所述限制转动位置控制所述预设页面进行翻转;
所述第一响应模块,还用于确定所述预设页面对应的翻转参数;
所述翻转模块,具体用于根据所述起始翻转位置、所述翻转方向、所述翻转参数和所述限制转动位置控制所述预设页面进行翻转,使用户界面中呈现所述页面的翻转效果,且翻转至所述限制转动位置时,使所述预设页面在所述限制转动位置产生停止翻动效果。
12.一种页面翻转的交互设备,其特征在于,包括:
存储器;
处理器;以及
计算机程序;
其中,所述计算机程序存储在所述存储器中,并配置为由所述处理器执行以实现如权利要求1-10任一种所述的方法。
13.一种计算机可读存储介质,其特征在于,其上存储有计算机程序,
所述计算机程序被处理器执行以实现如权利要求1-10任一种所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910689661.2A CN110413176B (zh) | 2019-07-29 | 2019-07-29 | 页面翻转的交互方法、装置、设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910689661.2A CN110413176B (zh) | 2019-07-29 | 2019-07-29 | 页面翻转的交互方法、装置、设备及计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110413176A CN110413176A (zh) | 2019-11-05 |
CN110413176B true CN110413176B (zh) | 2021-07-09 |
Family
ID=68363800
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910689661.2A Active CN110413176B (zh) | 2019-07-29 | 2019-07-29 | 页面翻转的交互方法、装置、设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110413176B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1568499A (zh) * | 2001-09-13 | 2005-01-19 | 电子图书系统有限公司 | 机电信息浏览设备 |
CN103180818A (zh) * | 2010-10-27 | 2013-06-26 | 谷歌公司 | 动画页面翻转 |
WO2015190647A1 (en) * | 2014-06-09 | 2015-12-17 | Lg Electronics Inc. | Display device executing bending operation and method of controlling therefor |
CN107193463A (zh) * | 2016-03-15 | 2017-09-22 | 百度在线网络技术(北京)有限公司 | 在移动设备上模拟手势操作的方法与装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20180121053A1 (en) * | 2016-08-31 | 2018-05-03 | Andrew Thomas Nelson | Textual Content Speed Player |
-
2019
- 2019-07-29 CN CN201910689661.2A patent/CN110413176B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1568499A (zh) * | 2001-09-13 | 2005-01-19 | 电子图书系统有限公司 | 机电信息浏览设备 |
CN103180818A (zh) * | 2010-10-27 | 2013-06-26 | 谷歌公司 | 动画页面翻转 |
WO2015190647A1 (en) * | 2014-06-09 | 2015-12-17 | Lg Electronics Inc. | Display device executing bending operation and method of controlling therefor |
CN107193463A (zh) * | 2016-03-15 | 2017-09-22 | 百度在线网络技术(北京)有限公司 | 在移动设备上模拟手势操作的方法与装置 |
Also Published As
Publication number | Publication date |
---|---|
CN110413176A (zh) | 2019-11-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11829578B2 (en) | Devices, methods, and graphical user interfaces for interacting with user interface objects and providing feedback | |
US11635818B2 (en) | Devices, methods, and graphical user interfaces for providing feedback during interaction with an intensity-sensitive button | |
US11054990B2 (en) | Touch input cursor manipulation | |
US11836296B2 (en) | Devices, methods, and graphical user interfaces for providing a home button replacement | |
JP6728275B2 (ja) | 仮想コンピュータキーボード | |
JP6584638B2 (ja) | 文書編集における手書きサポートを提供するデバイス及び方法 | |
KR102096513B1 (ko) | 터치 입력 커서 조작 | |
US9898180B2 (en) | Flexible touch-based scrolling | |
US20190302984A1 (en) | Method and device for controlling a flexible display device | |
KR20220075457A (ko) | 사용자 인터페이스들을 위한 촉각 피드백 | |
CA2800108C (en) | Jump, checkmark, and strikethrough gestures | |
CN108635850B (zh) | 信息处理方法、装置及存储介质 | |
CN110413176B (zh) | 页面翻转的交互方法、装置、设备及计算机可读存储介质 | |
US11635826B2 (en) | Device, method, and graphical user interface for adjusting touch activation regions associated with selectable user interface elements | |
KR101325535B1 (ko) | 화면 출력을 제어하는 방법, 단말기 및 기록매체 | |
KR102499899B1 (ko) | 이북 리더용 디바이스의 동작 방법, 어플리케이션 및 이북 리더용 디바이스 |
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 |