CN116048352A - 展示图切换方法及电子设备 - Google Patents
展示图切换方法及电子设备 Download PDFInfo
- Publication number
- CN116048352A CN116048352A CN202210910151.5A CN202210910151A CN116048352A CN 116048352 A CN116048352 A CN 116048352A CN 202210910151 A CN202210910151 A CN 202210910151A CN 116048352 A CN116048352 A CN 116048352A
- Authority
- CN
- China
- Prior art keywords
- display
- diagram
- display screen
- target
- electronic device
- 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
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/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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
-
- 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
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
技术领域
本申请涉及终端设备领域,尤其涉及一种展示图切换方法及电子设备。
背景技术
当前,各类电子设备,例如手机、平板等,通常都安装有桌面编辑应用。通过电子设备中的桌面编辑应用,可以查看可供桌面编辑使用的多个展示图。相关技术中,在切换展示图的过程中,展示图以横向位移的方式,滑过电子设备的显示屏。这种切换方式比较普通,给用户的体验较为一般。
发明内容
为了解决上述技术问题,本申请提供一种展示图切换方法及电子设备,通过在展示图切换过程中增加空间变化效果,提升用户的使用体验。
第一方面,本申请提供一种展示图切换方法。该方法应用于电子设备。该方法包括:在电子设备的显示屏的目标位置显示第一展示图;接收指向第一方向的第一操作;在第一展示图的第二方向上有展示图的情况下,响应于第一操作,使第一展示图至第二展示图之间的所有展示图在显示屏上沿第一环形向第一方向做环形滚轴运动;在环形滚轴运动结束后,在目标位置显示第二展示图;其中,第二展示图是位于第一展示图的第二方向的展示图,第二方向与第一方向相反,第一环形垂直于显示屏。这样,在展示图切换过程中,展示图不仅发生横向位移,还进行环形滚轴凸面运动,增加空间感,提升了用户的使用体验。
根据第一方面,在环形滚轴运动过程中,目标展示图在向目标位置靠近的过程中,目标展示图与显示屏之间的偏转角度从第一角度逐渐减小到第二角度,第二角度小于第一角度;目标展示图在远离目标位置的过程中,目标展示图与显示屏之间的偏转角度从第二角度逐渐减小到第一角度;其中,目标展示图是做环形滚轴运动的展示图。这样,在展示图切换过程中,还可以展现展示图角度倾斜的变化效果,进一步增加空间感,提升用户的使用体验。
根据第一方面,在环形滚轴运动过程中,目标展示图在向目标位置靠近的过程中,目标展示图的大小从目标展示图原图的第一百分比逐渐放大到原图的第二百分比,第二百分比大于第一百分比;目标展示图在远离目标位置的过程中,目标展示图的大小从原图的第二百分比逐渐缩小到原图的第一百分比;其中,目标展示图是做环形滚轴运动的展示图。这样,在展示图切换过程中,可以展现出大小变化的效果,可以增加空间感,提升用户的使用体验。
根据第一方面,在目标位置显示第二展示图之后,还包括:接收指向第一方向的第一操作;在第二展示图的第二方向上没有展示图的情况下,响应于第一操作,使第二展示图在显示屏上沿第一环形向第一方向做环形滚轴运动;响应于第一操作结束,使第二展示图在显示屏上的当前位置沿第一环形向第二方向做环形滚轴运动;在第二展示图返回到目标位置后,停止环形滚轴运动。
根据第一方面,第一操作为滑动操作。
根据第一方面,第一展示图至第二展示图之间的所有展示图的数量,是根据在滑动操作过程中最后两个接触点之间的滑动速度确定的。
根据第一方面,如果滑动速度小于第一速度,第一展示图至第二展示图之间的所有展示图的数量为2;如果滑动速度大于或等于第一速度且小于或等于第二速度,第一展示图至第二展示图之间的所有展示图的数量为3;如果滑动速度大于第二速度,第一展示图至第二展示图之间的所有展示图的数量为4;其中,第二速度大于第一速度,第一展示图至第二展示图之间的所有展示图包括第一展示图和第二展示图。
根据第一方面,目标位置为显示屏的中心位置。
根据第一方面,在电子设备的显示屏的目标位置显示第一展示图的同时,还在显示屏的左侧边缘显示第三展示图的右侧边缘,和/或在显示屏的右侧边缘显示第四展示图的左侧边缘;其中,第三展示图位于第一展示图的左侧,第四展示图位于第一展示图的右侧。
根据第一方面,第一方向为左或右。
第二方面,本申请提供一种电子设备,包括:存储器和处理器,存储器与处理器耦合;存储器存储有程序指令,当程序指令由所述处理器执行时,使得电子设备执行第一方面任意一项的展示图切换方法。
第三方面,本申请提供一种计算机可读存储介质,包括计算机程序,当计算机程序在电子设备上运行时,使得电子设备执行前述的第一方面任意一项的展示图切换方法。
附图说明
图1为示例性示出的电子设备100的结构示意图;
图2为示例性示出的本申请实施例的电子设备100的软件结构框图;
图3为示例性示出的展示图切换方法的一种流程示例图;
图4(a)为示例性示出的桌面上的天气预报编辑界面上切换展示图之前的界面图;
图4(b)为示例性示出的桌面上的天气预报编辑界面上用户向左滑动手指的示意图;
图4(c)为示例性示出的桌面上的天气预报编辑界面上展示图切换过程中的界面图;
图4(d)为示例性示出的桌面上的天气预报编辑界面上展示图切换完成后的界面图;
图5(a)为示例性示出的桌面上的天气预报编辑界面上展示图的一种显示界面图;
图5(b)为示例性示出的桌面上的天气预报编辑界面上展示图的另一种显示界面图;
图5(c)为示例性示出的桌面上的天气预报编辑界面上展示图的又一种显示界面图;
图6为示例性示出的桌面上的天气预报编辑界面上展示图触边反弹的过程示意图;
图7为示例性示出的环形a与显示屏的位置关系示意图;
图8为示例性示出的展示图与显示屏之间的偏转角度计算原理图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。
本申请实施例的说明书和权利要求书中的术语“第一”和“第二”等是用于区别不同的对象,而不是用于描述对象的特定顺序。例如,第一目标对象和第二目标对象等是用于区别不同的目标对象,而不是用于描述目标对象的特定顺序。
在本申请实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
在本申请实施例的描述中,除非另有说明,“多个”的含义是指两个或两个以上。例如,多个处理单元是指两个或两个以上的处理单元;多个系统是指两个或两个以上的系统。
相关技术中,桌面编辑应用中的多个展示图位于同一平面(即电子设备显示屏所在平面)上。在切换展示图的过程中,展示图发生横向位移,在平面上滑过电子设备的显示屏。这种切换方式比较普通,给用户的体验较为一般。
本申请实施例中的展示图切换方法可以应用于电子设备,例如智能手机、平板等。该电子设备的结构可以如图1所示。
图1为示例性示出的电子设备100的结构示意图。应该理解的是,图1所示电子设备100仅是电子设备的一个范例,并且电子设备100可以具有比图中所示的更多的或者更少的部件,可以组合两个或多个的部件,或者可以具有不同的部件配置。图1中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。
请参见图1,电子设备100可以包括:处理器110,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,指示器192,摄像头193等。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。
电子设备100通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
其中,传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
其中,电子设备100的软件系统可以采用分层架构、事件驱动架构、微核架构、微服务架构,或云架构。本申请实施例以分层架构的安卓(Android)系统为例,示例性说明电子设备100的软件结构。
图2为示例性示出的本申请实施例的电子设备100的软件结构框图。
电子设备100的分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,Android系统可以包括应用程序层、应用程序框架层、系统层以及内核层等。
应用程序层可以包括一系列应用程序包。
应用程序层可以包括相机,图库,通话,地图,WLAN,蓝牙,视频等应用程序(图2中未示出)。如图2所示,应用程序层还可以包括桌面编辑模块,桌面编辑模块即桌面编辑应用对应的模块。其中,桌面编辑模块中包括展示图切换模块,展示图切换模块用于执行本申请实施例中的展示图切换方法。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2所示,应用程序框架层可以包括窗口管理器,内容提供器,资源管理器,视图系统等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
其中,应用程序框架层还可以包括电话管理器(图2中未示出)。电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通,挂断等)。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。如图2所示,本申请实施例中,系统库中可以包括
表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),二维图形引擎(也即2D图形引擎,例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
内核层是硬件和软件之间的层。
如图2所示,内核层可以包括显示驱动、蓝牙驱动、Wi-Fi驱动、音频驱动、传感器驱动等模块。
可以理解的是,图2示出的软件结构中的层以及各层中包含的部件,并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的层,以及每个层中可以包括更多或更少的部件,本申请不做限定。
下面通过实施例,对本申请进行详细说明。
图3为示例性示出的展示图切换方法的一种流程示例图。请参见图3,本实施例中,展示图切换方法可以包括如下步骤:
S301、在电子设备的显示屏的目标位置显示第一展示图。
本文中,展示图也可以称为卡片。
在一个示例中,目标位置可以是电子设备的显示屏的中心位置。需要说明的是,该示例仅仅是对目标位置的一个示意性举例,并不对本申请实施例的目标位置的具体位置进行限定。
以通过桌面编辑应用编辑天气预报的卡片为例。图4(a)为示例性示出的桌面上的天气预报编辑界面上切换展示图之前的界面图。请参见图4(a),假设可供编辑天气预报的展示图队列中共有4个展示图,按照顺序依次为展示图1、展示图2、展示图3、展示图4,当前显示在显示屏中心位置的是展示图2。其中,展示图1、展示图2、展示图3、展示图4中的任一个展示图在后续的环形滚轴运动过程中,过展示图中心的一个对称轴始终位于一个与显示屏所在平面垂直的环形上,为描述方便,后续将该环形称为环形a。
S302、接收指向第一方向的第一操作。
在一个示例中,第一方向为左。
在另一个示例中,第一方向为右。
其中,第一操作可以为滑动。
例如,用户在显示屏上向左滑动,或者向右滑动。
在本申请其他实施例中,第一操作也可以为点击。例如,用户在显示屏的左半部进行点击操作,电子设备执行的动作与上述向左滑动的操作所触发的电子设备执行的动作相同。同样地,用户在显示屏的右半部进行点击操作,电子设备执行的动作与上述向右滑动的操作所触发的电子设备执行的动作相同。
举例说明。图4(b)为示例性示出的桌面上的天气预报编辑界面上用户向左滑动手指的示意图。请参见图4(b),用户在显示屏上按照带箭头的虚线所示轨迹从A点滑动到B点。该操作将触发电子设备进行展示图的切换。
S303、在第一展示图的第二方向上有展示图的情况下,响应于第一操作,使第一展示图至第二展示图之间的所有展示图在显示屏上沿第一环形向第一方向做环形滚轴运动。
其中,第二展示图是位于第一展示图的第二方向的展示图,第二方向与第一方向相反,第一环形垂直于显示屏。
例如,当用户按照图4(b)所示那样在显示屏上向左滑动手指,触发展示图切换。
图4(c)为示例性示出的桌面上的天气预报编辑界面上展示图切换过程中的界面图。请参见图4(c),展示图2和展示图3在显示屏上沿前述的环形a向左做环形滚轴运动。
需要说明的是,实际上,展示图阵列中的所有展示图都沿前述的环形a向左做环形滚轴运动。但是,部分展示图(例如展示图1和展示图4)的部分环形滚轴运动并不能够在显示屏上显示。环形a以显示屏为界分为两部分,即位于电子设备正面(显示屏一侧)的前半环和位于电子设备背面(显示屏背面)的后半环。只有处于前半环中运动的展示图或者展示图的一部分才能在显示屏上显示。
请继续参见图4(c),在展示图2和展示图3沿环形a向左做环形滚轴运动的过程中,展示图2逐渐远离显示屏的中心位置,而展示图3逐渐靠近显示屏的中心位置。展示图2在显示屏的中心位置时显示的大小为展示图2原图的n%,在逐渐远离显示屏的中心位置的过程中,展示图2的大小也逐渐缩小,直至切换完成后,展示图2的右侧边缘显示在显示屏左侧边缘,此时(切换完毕时)展示图2的整体大小为展示图2原图的m%。n%大于m%。
展示图3的左侧边缘显示在显示屏的右侧边缘时,展示图3的整体大小为展示图3原图的m%,在逐渐靠近显示屏的中心位置的过程中,展示图3的大小也逐渐扩大,直至切换完成后,展示图3显示在显示屏的中心位置,此时(切换完毕时)展示图3的整体大小为展示图3原图的n%。
需要说明的是,上述的百分比仅为示例性说明,本申请实施例对于展示图在切换过程中的显示比例不作限制。
S304、在环形滚轴运动结束后,在目标位置显示第二展示图。
图4(d)为示例性示出的桌面上的天气预报编辑界面上展示图切换完成后的界面图。请参见图4(d),在环形滚轴运动结束后,在显示屏的中心位置显示展示图3。
请继续参见图4(a),在电子设备的显示屏的中心位置显示展示图2的同时,还在显示屏的左侧边缘显示展示图1的右侧边缘,并且在显示屏的右侧边缘显示展示图3的左侧边缘;其中,展示图1位于展示图2的左侧,展示图3位于展示图2的右侧。
其中,展示图2与显示屏平面的夹角为0,展示图1与显示屏平面的夹角以及展示图3与显示屏平面的夹角都大于0。
当在电子设备的显示屏的中心位置显示展示图1的情况下,由于展示图1是展示图队列中的第一个展示图,展示图1的前面(即展示图1的左边)没有展示图,此时可以在显示屏的右侧边缘显示与展示图右相邻的展示图2的左侧边缘,而在显示屏的左侧边缘不显示任何展示图,如图5(a)所示。图5(a)为示例性示出的桌面上的天气预报编辑界面上展示图的一种显示界面图。
当在电子设备的显示屏的中心位置显示展示图4的情况下,由于展示图4是展示图队列中的最后一个展示图,展示图4的后面(即展示图4的右边)没有展示图,此时可以在显示屏的左侧边缘显示展示图3的右侧边缘,而在显示屏的右侧边缘不显示任何展示图,如图5(b)所示。图5(b)为示例性示出的桌面上的天气预报编辑界面上展示图的另一种显示界面图。
需要说明的是,在本申请其他实施例中,在电子设备的显示屏的中心位置显示展示图2(在展示图队列中,展示图2的前面和后面都有相邻的展示图)的同时,显示屏的左侧边缘和右侧边缘也可以都不显示任何展示图,如图5(c)所示。图5(c)为示例性示出的桌面上的天气预报编辑界面上展示图的又一种显示界面图。
图6为示例性示出的桌面上的天气预报编辑界面上展示图触边反弹的过程示意图。
需要说明的是,如果当前显示在显示屏中心位置的展示图是最后一张展示图,如图6中的(a)图所示,在显示屏中心位置显示展示图4。此时,如果用户向左滑动手指,展示图4在显示屏上沿环形a向左做环形滚轴运动,如图6中的(b)图所示。当展示图4到达显示屏的左侧边缘,界面的显示内容如图6中的(c)图所示,此时用户抬起手指,向左滑动的操作结束。然后,展示图4会在显示屏上沿环形a向右做环形滚轴运动,运动过程中的一个界面如图6中的(b)图所示。然后,展示图4在显示屏上沿环形a继续向右做环形滚轴运动,直到展示图4返回到显示屏的中心位置,如图6中的(a)图所示,停止环形滚轴运动。本申请实施例中将形如图6所示的过程称为触边反弹。
如果当前显示在显示屏中心位置的展示图是最第一张展示图,如如图5(a)所示,在显示屏中心位置显示展示图1。此时,如果用户向右滑动手指,也会触发展示图1向右做环形滚轴运动,然后触到显示屏的右侧边缘反弹回显示屏的中心位置。展示图1向右触边反弹的过程与图6中展示图4向左触边反弹的过程类似,此处不再赘述。
本实施例中的触边反弹中的“边”不是指显示屏边缘,而是指展示图是展示图阵列中的最后一个展示图或者第一个展示图。例如,在图6所示场景中,如果展示图4还没有到达显示屏的左侧边缘,用户就抬起手指,向左滑动的操作结束,此时,展示图4会从在显示屏上的当前位置(即用户抬起手指时展示图4所在位置)开始沿环形a向右做环形滚轴运动,直到展示图4返回到显示屏的中心位置。
以上示例中,展示图切换是从原展示图切换到与原展示图相邻的展示图。在实际应用中,还可以从原展示图切换到与原展示图相隔至少一个展示图的展示图,例如响应于用户的一次向右滑动,从展示图2直接切换到展示图4,或者从展示图1直接切换到展示图4。
在此过程中,切换之前的展示图至切换之后的展示图之间的所有展示图的数量(为描述方便,以下将该数量简称为第一数量),可以根据在滑动操作过程中最后两个接触点之间的滑动速度(为描述方便,以下简称为第一滑动速度)确定。
例如,如果第一滑动速度小于第一速度,可以设置第一数量为2;
如果第一滑动速度大于或等于第一速度且小于或等于第二速度,可以设置第一数量为3;第二速度大于第一速度;
如果第一滑动速度大于第二速度,可以设置第一数量为4。
其中,第一数量的展示图中包括切换之前的展示图和切换之后的展示图。
图7为示例性示出的环形a与显示屏的位置关系示意图。如图7所示,环形a所在平面与显示屏所在平面相互垂直。展示图阵列中的所有展示图在环形滚轴运动过程中,过展示图中心的一个对称轴始终都位于环形a上。
展示图在环形滚轴运动过程中,在向显示屏中心位置靠近的过程中,展示图与显示屏之间的偏转角度从第一角度逐渐减小到第二角度,第二角度小于第一角度;
展示图在远离显示屏中心位置的过程中,展示图与显示屏之间的偏转角度从第二角度逐渐减小到第一角度。
展示图与显示屏之间的偏转角度deg可以根据图8计算得到。图8为示例性示出的展示图与显示屏之间的偏转角度计算原理图。请参见图8,点C是展示图的视觉中心,点C位于显示屏上;点C是显示屏中心;点F是环形中心,也即前述的环形a的圆心。
图8中,rLength表示环形半径,centerDistance表示展示图的视觉中心与显示屏中心之间的距离,deg表示展示图与显示屏之间的偏转角度。
rLength等于pageWidth与mRadius的乘积。其中,mRadius是定义的一个基于pageWidth的半径系数。在实际应用中,可以根据期望的倾斜效果设置mRadius的值。pageWidth是展示图的宽度值。
deg的计算过程如下:先计算centerDistance除以rLength的商值,然后计算商值的反正切值,反正切值即为deg。
本实施例中还设置了参数isSameDir,isSameDir用于表征偏转角度对应的方向。isSameDir的值有2个,即正和负。isSameDir为正,表明展示图的位移方向与展示图的位置方向一致,比如展示图在显示屏左边(即位置方向为向左),展示图的位移同样向左位移,这就是位移方向与位置方向一致。isSameDir为负,表明展示图的位移方向与展示图的位置方向不一致。
需要说明的是,尽管前述实施例以桌面编辑应用为例对展示图切换过程进行了说明,但是,本申请实施例的展示图切换方法的应用场景不限于桌面编辑应用,本申请实施例的展示图切换方法可以应用于任何进行横向图片切换的场景,例如浏览图库中的图片时,进行图片切换的场景,其他场景不再一一列举。
本申请实施例的展示图切换方法,在展示图切换过程中,展示图不仅发生横向位移,还进行环形滚轴凸面运动,并且在运动过程中还可以展现出展示图角度倾斜的变化效果,增加空间感,提升了用户的使用体验。
本申请实施例还提供一种电子设备,该电子设备包括存储器和处理器,存储器与处理器耦合,存储器存储有程序指令,当程序指令由所述处理器执行时,使得电子设备前述电子设备所执行的展示图切换方法。
本申请实施例还提供一种电子设备,该电子设备包括存储器和处理器,存储器与处理器耦合,存储器存储有程序指令,当程序指令由所述处理器执行时,使得电子设备前述电子设备所执行的展示图切换方法。
可以理解的是,电子设备为了实现上述功能,其包含了执行各个功能相应的硬件和/或软件模块。结合本文中所公开的实施例描述的各示例的算法步骤,本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。本领域技术人员可以结合实施例对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
本实施例还提供一种计算机存储介质,该计算机存储介质中存储有计算机指令,当该计算机指令在电子设备上运行时,使得电子设备执行上述相关方法步骤实现上述实施例中的展示图切换方法。
本实施例还提供一种计算机存储介质,该计算机存储介质中存储有计算机指令,当该计算机指令在电子设备上运行时,使得电子设备执行上述相关方法步骤实现上述实施例中的展示图切换方法。
本实施例还提供了一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得计算机执行上述相关步骤,以实现上述实施例中的展示图切换方法。
本实施例还提供了一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得计算机执行上述相关步骤,以实现上述实施例中的展示图切换方法。
另外,本申请实施例还提供一种装置,这个装置具体可以是芯片,组件或模块,该装置可包括相连的处理器和存储器;其中,存储器用于存储计算机执行指令,当装置运行时,处理器可执行存储器存储的计算机执行指令,以使芯片执行上述各方法实施例中的展示图切换方法。
其中,本实施例提供的电子设备、计算机存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法,因此,其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果,此处不再赘述。
通过以上实施方式的描述,所属领域的技术人员可以了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是一个物理单元或多个物理单元,即可以位于一个地方,或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
本申请各个实施例的任意内容,以及同一实施例的任意内容,均可以自由组合。对上述内容的任意组合均在本申请的范围之内。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。
结合本申请实施例公开内容所描述的方法或者算法的步骤可以硬件的方式来实现,也可以是由处理器执行软件指令的方式来实现。软件指令可以由相应的软件模块组成,软件模块可以被存放于随机存取存储器(Random Access Memory,RAM)、闪存、只读存储器(Read Only Memory,ROM)、可擦除可编程只读存储器(Erasable Programmable ROM,EPROM)、电可擦可编程只读存储器(Electrically EPROM,EEPROM)、寄存器、硬盘、移动硬盘、只读光盘(CD-ROM)或者本领域熟知的任何其它形式的存储介质中。一种示例性的存储介质耦合至处理器,从而使处理器能够从该存储介质读取信息,且可向该存储介质写入信息。当然,存储介质也可以是处理器的组成部分。处理器和存储介质可以位于ASIC中。
本领域技术人员应该可以意识到,在上述一个或多个示例中,本申请实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时,可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。计算机可读介质包括计算机存储介质和通信介质,其中通信介质包括便于从一个地方向另一个地方传送计算机程序的任何介质。存储介质可以是通用或专用计算机能够存取的任何可用介质。
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。
Claims (12)
1.一种展示图切换方法,其特征在于,应用于电子设备,包括:
在所述电子设备的显示屏的目标位置显示第一展示图;
接收指向第一方向的第一操作;
在所述第一展示图的第二方向上有展示图的情况下,响应于所述第一操作,使所述第一展示图至第二展示图之间的所有展示图在所述显示屏上沿第一环形向所述第一方向做环形滚轴运动;
在所述环形滚轴运动结束后,在所述目标位置显示所述第二展示图;
其中,所述第二展示图是位于所述第一展示图的所述第二方向的展示图,所述第二方向与所述第一方向相反,所述第一环形垂直于所述显示屏。
2.根据权利要求1所述的方法,其特征在于:
在所述环形滚轴运动过程中,目标展示图在向所述目标位置靠近的过程中,所述目标展示图与所述显示屏之间的偏转角度从第一角度逐渐减小到第二角度,所述第二角度小于所述第一角度;
所述目标展示图在远离所述目标位置的过程中,所述目标展示图与所述显示屏之间的偏转角度从所述第二角度逐渐减小到所述第一角度;
其中,所述目标展示图是做所述环形滚轴运动的展示图。
3.根据权利要求1所述的方法,其特征在于:
在所述环形滚轴运动过程中,目标展示图在向所述目标位置靠近的过程中,所述目标展示图的大小从所述目标展示图原图的第一百分比逐渐放大到所述原图的第二百分比,所述第二百分比大于所述第一百分比;
所述目标展示图在远离所述目标位置的过程中,所述目标展示图的大小从所述原图的所述第二百分比逐渐缩小到所述原图的所述第一百分比;
其中,所述目标展示图是做所述环形滚轴运动的展示图。
4.根据权利要求1所述的方法,其特征在于,在所述目标位置显示所述第二展示图之后,还包括:
接收指向所述第一方向的第一操作;
在所述第二展示图的所述第二方向上没有展示图的情况下,响应于所述第一操作,使所述第二展示图在所述显示屏上沿所述第一环形向所述第一方向做环形滚轴运动;
响应于所述第一操作结束,使所述第二展示图在所述显示屏上的当前位置沿所述第一环形向所述第二方向做环形滚轴运动;
在所述第二展示图返回到所述目标位置后,停止环形滚轴运动。
5.根据权利要求1所述的方法,其特征在于,所述第一操作为滑动操作。
6.根据权利要求5所述的方法,其特征在于,所述第一展示图至所述第二展示图之间的所有展示图的数量,是根据在所述滑动操作过程中最后两个接触点之间的滑动速度确定的。
7.根据权利要求6所述的方法,其特征在于:
如果所述滑动速度小于第一速度,所述第一展示图至所述第二展示图之间的所有展示图的数量为2;
如果所述滑动速度大于或等于所述第一速度且小于或等于第二速度,所述第一展示图至所述第二展示图之间的所有展示图的数量为3;
如果所述滑动速度大于所述第二速度,所述第一展示图至所述第二展示图之间的所有展示图的数量为4;
其中,所述第二速度大于所述第一速度,所述第一展示图至所述第二展示图之间的所有展示图包括所述第一展示图和所述第二展示图。
8.根据权利要求1所述的方法,其特征在于,所述目标位置为所述显示屏的中心位置。
9.根据权利要求8所述的方法,其特征在于,在所述电子设备的显示屏的目标位置显示第一展示图的同时,还在所述显示屏的左侧边缘显示第三展示图的右侧边缘,和/或在所述显示屏的右侧边缘显示第四展示图的左侧边缘;其中,所述第三展示图位于所述第一展示图的左侧,所述第四展示图位于所述第一展示图的右侧。
10.根据权利要求1所述的方法,其特征在于,所述第一方向为左或右。
11.一种电子设备,其特征在于,包括:
存储器和处理器,所述存储器与所述处理器耦合;
所述存储器存储有程序指令,当所述程序指令由所述处理器执行时,使得所述电子设备执行权利要求1-10中任意一项所述的展示图切换方法。
12.一种计算机可读存储介质,包括计算机程序,其特征在于,当所述计算机程序在电子设备上运行时,使得所述电子设备执行如权利要求1-10中任意一项所述的展示图切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210910151.5A CN116048352A (zh) | 2022-07-29 | 2022-07-29 | 展示图切换方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210910151.5A CN116048352A (zh) | 2022-07-29 | 2022-07-29 | 展示图切换方法及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116048352A true CN116048352A (zh) | 2023-05-02 |
Family
ID=86111992
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210910151.5A Pending CN116048352A (zh) | 2022-07-29 | 2022-07-29 | 展示图切换方法及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116048352A (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102323874A (zh) * | 2011-09-14 | 2012-01-18 | 深圳创维-Rgb电子有限公司 | 一种立体用户界面的实现方法、系统及多媒体终端 |
US20120284668A1 (en) * | 2011-05-06 | 2012-11-08 | Htc Corporation | Systems and methods for interface management |
CN103809891A (zh) * | 2012-11-13 | 2014-05-21 | 腾讯科技(深圳)有限公司 | 页面切换方法和装置 |
CN112256185A (zh) * | 2020-10-23 | 2021-01-22 | 广东智源机器人科技有限公司 | 3d菜单的展示方法、展示装置、处理器和显示设备 |
CN113641276A (zh) * | 2021-08-30 | 2021-11-12 | 京东方科技集团股份有限公司 | 显示控制方法、装置、电子设备及存储介质 |
-
2022
- 2022-07-29 CN CN202210910151.5A patent/CN116048352A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120284668A1 (en) * | 2011-05-06 | 2012-11-08 | Htc Corporation | Systems and methods for interface management |
CN102323874A (zh) * | 2011-09-14 | 2012-01-18 | 深圳创维-Rgb电子有限公司 | 一种立体用户界面的实现方法、系统及多媒体终端 |
CN103809891A (zh) * | 2012-11-13 | 2014-05-21 | 腾讯科技(深圳)有限公司 | 页面切换方法和装置 |
CN112256185A (zh) * | 2020-10-23 | 2021-01-22 | 广东智源机器人科技有限公司 | 3d菜单的展示方法、展示装置、处理器和显示设备 |
CN113641276A (zh) * | 2021-08-30 | 2021-11-12 | 京东方科技集团股份有限公司 | 显示控制方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113805743B (zh) | 切换显示窗口的方法和电子设备 | |
US9448694B2 (en) | Graphical user interface for navigating applications | |
CN113805745B (zh) | 一种悬浮窗的控制方法及电子设备 | |
CN108463799B (zh) | 电子设备的柔性显示器及其操作方法 | |
CN118276722A (zh) | 窗口的显示方法和电子设备 | |
US20150063785A1 (en) | Method of overlappingly displaying visual object on video, storage medium, and electronic device | |
CN115018692A (zh) | 一种图像渲染方法及电子设备 | |
CN116664734B (zh) | 环形图的显示方法、电子设备及可读存储介质 | |
CN116055599B (zh) | 折叠屏屏幕夹角获取方法及电子设备 | |
CN114780012B (zh) | 电子设备的锁屏壁纸的显示方法和相关装置 | |
CN116225274A (zh) | 触控操作的识别方法、装置、电子设备及存储介质 | |
CN116048352A (zh) | 展示图切换方法及电子设备 | |
CN114461312B (zh) | 显示的方法、电子设备及存储介质 | |
CN116360657A (zh) | 跨设备的对象移动方法、电子设备及系统 | |
CN116700914B (zh) | 任务流转方法及电子设备 | |
CN116700554B (zh) | 信息的显示方法、电子设备及可读存储介质 | |
CN116048317B (zh) | 一种显示方法及装置 | |
CN116048373B (zh) | 悬浮球控件的显示方法、电子设备以及存储介质 | |
CN116680133B (zh) | 一种黑屏检测方法和电子设备 | |
WO2024032037A1 (zh) | 未读消息通知的处理方法、电子设备及存储介质 | |
CN115016714B (zh) | 电子设备控制方法、系统、电子设备及存储介质 | |
CN115576477B (zh) | 手写输入显示方法、电子设备及存储介质 | |
CN113821153B (zh) | 手势导航方法、电子设备及可读存储介质 | |
WO2024109220A1 (zh) | 显示卡片的方法、电子设备及可读存储介质 | |
WO2024045701A9 (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 |