CN105373291A - 一种界面切换方法及装置 - Google Patents
一种界面切换方法及装置 Download PDFInfo
- Publication number
- CN105373291A CN105373291A CN201510766344.8A CN201510766344A CN105373291A CN 105373291 A CN105373291 A CN 105373291A CN 201510766344 A CN201510766344 A CN 201510766344A CN 105373291 A CN105373291 A CN 105373291A
- Authority
- CN
- China
- Prior art keywords
- interface
- animation effect
- sliding
- determining
- sliding track
- 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 53
- 230000000694 effects Effects 0.000 claims abstract description 79
- 230000008859 change Effects 0.000 claims description 4
- 238000009877 rendering Methods 0.000 claims 1
- 239000002699 waste material Substances 0.000 abstract description 8
- 238000010586 diagram Methods 0.000 description 16
- 230000008569 process Effects 0.000 description 16
- 238000004590 computer program Methods 0.000 description 7
- 230000007423 decrease Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 238000003860 storage Methods 0.000 description 3
- 230000007306 turnover Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 229910003460 diamond Inorganic materials 0.000 description 1
- 239000010432 diamond Substances 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种界面切换方法,用以解决现有技术中的界面切换方法可能导致系统资源浪费的问题。该方法包括:接收通过界面输入的界面切换指令;其中,所述界面由预定形状的至少两个界面部分组成;各界面部分中设置有控件;根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并利用所述控件展示相应的动画效果。本申请还公开了一种界面切换装置。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种界面切换方法及装置。
背景技术
随着无线互联网业务的迅速发展,智能手机、平板电脑等智能终端设备已经是人们生活中的一部分,越来越多的应用让智能终端设备精彩纷呈,在用户操作智能设备时,常常需要在不同界面之间进行切换。例如,操作系统的桌面是应用的便捷操作入口,用户通常将应用图标、工具入口、文件夹等放置在桌面,通过桌面来管理、启动程序,当系统的应用和工具的数量增多时,就需要多个显示界面来来显示这些应用和工具,这就需要用户在不同页面之间相互切换;在某些聊天软件中,联系人和最近联系人显示于不同界面中,用户在使用时需要通过滑动手势操作来对界面进行切换。
在界面切换的过程中,常常需要滑动手势操作满足一定的界面切换条件才能完成界面的切换。比如用户滑动手势操作的滑动距离需要大于预设长度时才能完成界面的切换。
按照现有技术,通过滑动手势操作进行界面切换时,即便用户期望完成界面切换,但由于无法直观地判断滑动手势操作是否满足界面切换条件,因此仍然有可能发生界面切换失败的情况,浪费了智能设备的系统资源。
发明内容
本申请实施例提供一种界面切换方法,用以解决现有技术中的界面切换方法可能导致系统资源浪费的问题。
本申请实施例还提供一种界面切换装置,用以解决现有技术中的界面切换方法可能导致系统资源浪费的问题。
本申请实施例采用下述技术方案:
一种界面切换方法,所述方法包括:
接收通过界面输入的界面切换指令;其中,所述界面由预定形状的至少两个界面部分组成;各界面部分中设置有控件;
根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并展示相应的动画效果。
一种界面切换装置,所述装置包括:
界面单元,接收通过界面输入的界面切换指令;其中,所述界面由预定形状的至少两个界面部分组成;各界面部分中设置有控件;
动画展示单元,根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并展示相应的动画效果。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
根据本申请提供的技术方案,界面部分可以根据用户的操作指令展示动画效果,且动画效果和展示动画效果的界面部分与滑动轨迹的信息相关联。用户可以根据界面部分的动画效果,判断当前操作是否能够完成界面的切换,从而有效降低了界面切换失败的概率,减少了系统资源的浪费。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例1提供的一种界面切换方法的实现流程示意图;
图2a为本实施例1提供的第一应用的第一界面示意图;
图2b为本实施例1提供的第一应用界面切换时的动画效果示意图;
图3为本实施例1提供的第一应用的显示界面的界面部分排列示意图;
图4为本实施例2提供的界面切换方法的一种实现流程示意图;
图5为本实施例4提供的界面切换装置的具体结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请的一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
实施例1
为解决现有技术中的界面切换方法可能导致系统资源浪费的问题,本申请实施例1提供一种界面切换方法。该方法的执行主体,可以但不限于为手机、平板电脑、个人电脑(PersonalComputer,PC)、智能电视以及任何可能发生界面切换的终端设备中的至少一种。此外,该方法的执行主体,也可以是上述终端设备中安装的软件本身。
为便于描述,下文以该方法的执行主体为软件(后称第一应用)为例,对该方法的实施方式进行介绍。可以理解,该方法的执行主体为第一应用只是一种示例性的说明,并不应理解为对该方法的限定。
该方法的实现流程示意图如图1所示,包括下述步骤:
步骤11:接收通过界面输入的界面切换指令;
以步骤11的执行主体为第一应用为例,上述的界面,可以为第一应用当前展示的界面。为了便于展示界面切换过程,可以假设本实施例中的第一应用包含至少两个界面,当前展示的界面称为第一界面,切换后的目标界面称为第二界面。
本实施例中,触发所述界面切换指令的手势操作可以为滑动手势操作。
本申请实施例中,可以但不限于通过调整第一界面的Z序(Z-order)的方式等,实现按照当前最高显示层级显示第一界面,此处不再赘述。
本实施例中,所述第一界面可以是按照预定的显示方式进行显示的。其中所述预定的显示方式比如可以包括:第一界面由预定形状的至少两个界面部分组合而成;每个界面部分设置有控件;单个界面部分中显示单个显示对象。
所述显示对象可以是图标、文字、图片等等。
所述控件的功能,可以但不限于:显示图标、文字、作为界面部分背景的图片以及展示界面部分的动画效果等等中的至少一种。
所述预定形状包含下述形状中的至少一种:
六边形、菱形、星形、心形、矩形。
其中,当所述预定形状为六边形时,由至少两个六边形按照蜂巢结构组合而成的第一界面如图2a所示。
以下以图2a所示的第一界面为例,结合图3,详细说明在第一界面中设置界面部分及控件的过程。该过程主要可以包括如下子步骤:
子步骤a:按照公式[1],计算单个六边形的宽度Width:
Width=L/(ColNum-0.5)[1]
其中,L为针对第一界面所预设的界面宽度,该界面宽度可以与设备的显示屏幕的宽度相同或不同,为便于描述,本申请实施例中均以该界面宽度与显示屏幕的宽度相同进行方案介绍;ColNum为每行排列的完整的六边形的预定数目,为整数。
根据上述公式[1]可知,每行可以排列(ColNum+0.5)个六边形。即在一行中,可以包含一个不完整的六边形。当ColNum=4时,如图3中,由上至下排列在第二行的六边形中,就存在一个不完整的六边形及4个完整的六边形。
或者,也可以按照下述公式,计算Width:
Width=L/ColNum
按照上述公式可知,后续每行可以排列ColNum个六边形。即一行中的六边形可以全是完整的。
子步骤b:按照公式[2],计算六边形的高度Height:
Height=L/AspectRatio[2]
其中,AspectRatio为正六边形的宽高比。
子步骤c:按照公式[3],计算每行正六边形之间的纵向偏移量HOffset:
HOffset=1.5*SideLength[3]
其中,SideLength为正六边形的边长。
子步骤d:从屏幕下方边角处横向依次排列所述正六边形,得到第一行正六边形。
比如,以图3为例,当界面显示入口(对于此概念的介绍,请见后文)显示于屏幕左侧时,建立如图3所示的直角坐标系,正六边形从坐标系原点开始向右排列。考虑到屏幕下方的边缘是直线,因此,从坐标系原点开始排列的正六边形,可以是如图3所示的不完整的正六边形。
需要说明的是,当界面显示入口在屏幕右侧时,可以从屏幕右下角处开始往左排列正六边形。
这里将六边形所在行的行数记为n,从而如图3所示的、从坐标系原点开始排列的正六边形所在行的行数n=1,即该行正六边形为第1行正六边形。
子步骤e:以第1行正六边形为基准,按照每行正六边形之间的纵向偏移HOffset,从下往上依次排列第n行正六边形至铺满整个屏幕,当n为偶数行时,还需将该行向左偏移二分之一个正六边形的宽度,使得各行之间错落排布而不发生交叠。
第一应用在完成正六边形的排列之后,还会为每个正六边形分别设置控件,从而可以通过为每个正六边形设置的控件,实现在正六边形中显示图标、文字等内容,以及展示后续所述的动画效果。对控件的设置步骤与设置正六边形的步骤相似,也可以是采用逐行排列的方式,为各正六边形设置控件,这样可以保证每个控件的位置和正六边形的位置相一致。
基于上述预定的显示方式,改变了传统单调的界面显示效果,增强了用户的使用体验,可有效提高用户粘性。
步骤12:根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并利用所述控件展示相应的动画效果。
所述动画效果包括但不限于:翻转界面部分、旋转界面部分、淡出淡入界面部分、缩放界面部分。
其中,所述动画效果,比如包括:界面部分按一定角度和方向翻转;所述旋转界面部分,比如包括:界面部分按一定方向旋转并缩放;淡出淡入界面部分,比如包括:界面部分先渐渐淡化消失然后再渐渐显示;缩放界面部分,比如包括:界面部分先缩小然后再放大。
根据所述滑动轨迹的信息,确定动画效果的相关参数,具体包括下述至少一种:
根据所述滑动轨迹的滑动方向,确定界面部分的变化方向;
根据所述滑动轨迹的滑动距离,确定动画效果的实现程度;
根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
具体的,当所述动画效果为翻转界面部分时,第一应用可以根据所述滑动轨迹的滑动方向,确定界面部分的翻转方向;根据所述滑动轨迹的滑动距离,确定界面部分的翻转角度;根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
当所述动画效果为旋转界面部分时,第一应用可以根据所述滑动轨迹的滑动方向,确定界面部分的旋转方向;根据所述滑动轨迹的滑动距离,确定界面部分的尺寸,比如可以在滑动距离从0变化至等于第一距离阈值时,确定界面部分从原始尺寸逐渐缩小至原始尺寸的50%,进一步地,当滑动距离从等于第一距离阈值变化至等于第二距离阈值(该第二距离阈值大于第一距离阈值)时,确定界面部分从原始尺寸的50%缩小为原始尺寸的10%;根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
当所述动画效果为淡入淡出界面部分时,第一应用可以根据所述滑动轨迹的滑动距离,确定界面部分的透明度(透明度的取值范围为[0,1],完全不透明状态下透明度为1,完全透明状态下透明度为0,),比如可以是在滑动距离从0变化至等于第一距离阈值时,确定界面部分的透明度从1逐渐缩小至0.5,进一步地,当滑动距离从等于第一距离阈值变化至等于第二距离阈值(该第二距离阈值大于第一距离阈值)时,确定界面部分的透明度从0.5逐渐缩小至0.1;根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
当所述动画效果为缩放界面部分时,第一应用可以根据所述滑动轨迹的滑动距离,确定界面部分的尺寸,比如可以在滑动距离从0变化至等于第一距离阈值时,确定界面部分从原始尺寸逐渐缩小至原始尺寸的50%,进一步地,当滑动距离从等于第一距离阈值变化至等于第二距离阈值(该第二距离阈值大于第一距离阈值)时,确定界面部分从原始尺寸的50%缩小为原始尺寸的10%;根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
以动画效果为翻转界面部分为例,如图2b所示,为界面部分按照预定的翻转幅度,沿各自竖直中轴进行翻转的示意图,该示意图中包含翻转过程中某几个时刻的第一界面的截图,图中箭头的指向,表示了在翻转界面部分的过程中,不同时刻的界面截图在展示时间上的由先至后的顺序。此外,图中的手指运动轨迹为触发界面切换指令的手势操作的滑动轨迹。
根据滑动轨迹的信息,确定需要展示动画效果的界面部分和动画效果的相关参数。具体通过如下子步骤实现:
子步骤I:在当前展示的界面为第一界面时,第一应用检测到用户对于第一界面的滑动手势操作(该滑动手势操作触发界面切换指令)时,获取滑动手势操作的初始触摸点坐标(TouchX,TouchY),如图3所示;
子步骤II:获取各个正六边形的中心点坐标(CenterXnm、CenterYnm),根据三角函数计算触摸点(TouchX,TouchY)和各个正六边形的中心点坐标(CenterXnm、CenterYnm)之间的距离distancenm,其中n表示正六边形所在行的行数,m表示正六边形所在列的列数,nm表示正六边形所在的位置为第n行第m列。
子步骤III:记distancenm的最小值为distanceMin,此最短距离对应的六边形即为中心六边形,将此六边形记为ring(0),如图3中标0六边形所示;查找当前ring(0)正六边形的所有外环六边形,记为ring(1),如图3中标1六边形其共同构成ring(1);依此类推,可以查找到得到ring数组。其中,ring数组可以表示为{ring(j)},j的取值范围为[0,N]。比如ring数组可以包含ring(0)、ring(1)、…、ring(N),其中,N的具体数值由初始触摸点的位置决定。
子步骤IV:检测到用户手指移动时,按照下述公式[4]计算用户手指当前触摸位置与初始触摸点的x坐标的差Δx:
Δx=MoveX-TouchX[4]
其中,MoveX为用户手指当前触摸位置的x坐标。
针对图3所示的坐标系而言,可以根据Δx的正负确定六边形的翻转方向,如果Δx为正,则正向翻转,如果Δx为负,则逆向翻转。如图3中,标2正六边形中所示箭头方向为正向翻转,即六边形左侧向屏幕外侧翻转,右侧向屏幕内侧翻转,反之则为逆向翻转;
子步骤V:按照下述公式[5]计算ring(j)的翻转角度θ:
子步骤VI:检测到用户松开手指时,判断是否大于等于50%,当大于等于50%时,则继续翻转界面部分直至完成整个界面部分的翻转,完成界面切换,否则,则将界面部分翻回至未翻转的初始状态,即翻转失败,界面不切换。
需要说明的是,用户松开手指后按照下述公式[6]计算翻转动画的时长T:
其中,大于等于50%时,目标百分比为1;小于50%时,目标百分比为0。
第一应用利用确定的界面部分中的控件,根据上述子步骤确定的界面部分和展示动画效果的相关参数,展示界面部分的动画效果。
基于上述界面切换步骤,使界面切换效果不再单调,且切换界面时的动画效果受手势操作控制,可以直观地体现手势操作的滑动轨迹,并可以通过动画效果判断是否能够对界面进行翻转,提高了界面切换操作时的操作效率。
本方案通过将界面划分为两个以上的界面部分来显示界面信息,在接收到用户的操作指令时,界面部分可以按照手势操作触控点的滑动轨迹按照先后顺序依次完成动画,最终完成整个界面的切换,用户可以根据界面部分动画的完成情况,判断是否能够完成界面的切换。提高了用户在执行界面切换操作时的操作效率,有效降低了界面切换失败的概率,减少了系统资源的浪费。
需要说明的是,实施例1所提供方法的各步骤的执行主体均可以是同一设备,或者,该方法也由不同设备作为执行主体。比如,步骤11和步骤12的执行主体可以为设备1;又比如,步骤11的执行主体可以为设备1,步骤12的执行主体可以为设备2;等等。
实施例2
本申请实施例2,主要介绍本申请实施例1提供的上述方法在实际中的一种应用方案。
本申请实施例2中的界面切换过程与实施例1中所述界面切换过程相似,实施例2中没有介绍到的其他一些步骤可以参见实施例1中的相关描述,此处不再赘述。
在对该方案的实现方式进行详细介绍前,先对该方案的实施场景进行简单介绍。
该实施场景中,提供一种智能终端设备,该智能终端设备安装有桌面应用程序,该桌面应用程序属于实施例1中所述第一应用的一种。
该桌面应用程序可以是系统自带桌面应用程序,也可以作为第三方桌面应用程序。如果该桌面应用程序是系统自带桌面应用程序,则该桌面应用程序会随系统一起启动后直接展示界面,如果该桌面应用程序是第三方桌面应用程序,则第三方桌面应用程序的启动方式可以由用户自定义,即第三方桌面应用程序支持做为默认桌面应用程序启动,也支持在系统启动后通过用户手势操作触发桌面应用程序的启动。
在本实施例2中,将以第三方桌面应用程序通过用户手势操作触发桌面应用程序启动为例,详细介绍界面切换过程。
具体地,该第三方桌面应用程序可称为自由切换应用,包含两个界面,分别为第一界面和第二界面,第一界面和第二界面均可用于展示桌面图标,这里所说的桌面图标包括但不限于:应用图标、文件、文件夹、桌面工具,等等。第一界面和第二界面均可识别手势操作,手势操作可以是长按、点击、拖动、滑动等操作,也可以是上述手势操作的组合操作。
基于上述场景,实施例2中实现界面切换的过程如图4所示,包括下述步骤:
步骤21:自由切换应用接收用户的启动操作指令,启动自由切换应用。
步骤22:自由切换应用启动后将会按照实施例1中所述的在第一界面中设置界面部分及控件的过程,设置第一界面的界面部分及控件,并将需要展示的桌面图标显示于第一界面的界面部分中。
步骤23:在展示第一界面后,当用户的手势操作是滑动时,则自由切换应用会根据滑动手势指令的信息,确定需要展示动画效果的正六边形界面部分以及相应的动画效果,利用控件根据确定的界面部分及相应的动画效果,展示界面部分的动画效果。
实现展示界面部分的动画效果的步骤,请参见实施例1,此处不再赘述。
步骤24:自由切换应用在检测到用户松开手指后,会判断当前滑动距离是否能够满足界面切换的条件。
步骤25:如果滑动距离满足界面切换条件,则继续翻转界面部分直至完成整个界面部分的翻转,显示第二界面。
步骤26:如果滑动距离不满足界面切换条件,则将界面部分翻回至未翻转的初始状态,即翻转失败,界面不切换,仍显示第一界面。
基于上述界面切换步骤,使切换界面时的动画效果受手势操作控制,可以直观地体现手势操作的滑动轨迹,并可以通过动画效果判断当前手势操作是否能够完成界面切换,提高了界面切换操作时的操作效率。
实施例3
本申请实施例3,主要介绍本申请实施例1提供的上述方法在实际中的一种应用方案。
本申请实施例3中的界面切换过程与实施例1中所述界面切换过程相似,实施例3中没有介绍到的其他一些步骤可以参见实施例1中的相关描述,此处不再赘述。
在对该方案的实现方式进行详细介绍前,先对该方案的实施场景进行简单介绍。
该实施场景中,提供一种智能终端设备,该智能终端设备安装有文件管理应用,该文件管理应用属于实施例1中所述第一应用的一种。
该文件管理应用,包含两个界面,分别为第一界面(用于展示本地文件/文件夹)和第二界面(用于展示网络文件/文件夹)。第一界面和第二界面均可识别手势操作,手势操作可以是长按、点击、拖动、滑动等操作,也可以是上述手势操作的组合操作。
基于上述场景,实施例3中实现界面切换的过程包括下述步骤:
步骤31:文件管理应用接收用户的启动操作指令,启动文件管理应用。
步骤32:文件管理应用启动后将会按照实施例1中所述的在第一界面中设置界面部分及控件的过程,设置第一界面的界面部分及控件,并将需要展示的文件/文件夹显示于第一界面的界面部分中。
步骤33:在展示第一界面后,当用户的手势操作是滑动时,则文件管理应用会根据滑动手势指令的信息,确定需要展示动画效果的界面部分以及相应的动画效果,利用控件根据确定的界面部分及相应的动画效果,展示界面部分的动画效果。
实现展示界面部分的动画效果的步骤,请参见实施例1,此处不再赘述。
步骤34:文件管理应用在检测到用户松开手指后,会判断当前滑动距离是否能够满足界面切换的条件。
步骤35:如果滑动距离满足界面切换条件,则继续翻转界面部分直至完成整个界面部分的翻转,显示用于展示网络文件/文件夹的第二界面。
步骤36:如果滑动距离不满足界面切换条件,则将界面部分翻回至未翻转的初始状态,即翻转失败,界面不切换,仍显示第一界面。
基于上述界面切换步骤,使切换界面时的动画效果受手势操作控制,可以直观地体现手势操作的滑动轨迹,并可以通过动画效果判断当前手势操作是否能够完成界面切换,提高了界面切换操作时的操作效率。
实施例4
为解决现有技术中的界面切换方法可能导致系统资源浪费的问题,本申请实施例1提供一种界面切换装置。该界面切换装置的结构示意图如图5所示,主要包括下述功能单元:
界面单元41,接收通过界面输入的界面切换指令;其中,所述界面由预定形状的至少两个界面部分组成;各界面部分中设置有用户界面控件;
动画展示单元42,根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并展示相应的动画效果。
动画展示单元42还用于:
根据所述手势操作的触控点的位置信息,确定需要展示动画效果的界面部分,根据所述滑动轨迹的信息,确定动画效果的相关参数。利用确定的界面部分中的控件,根据所述相关参数展示界面部分的动画效果。
所述动画效果包括:
翻转界面部分;
旋转界面部分;
淡出淡入界面部分;
缩小放大界面部分
动画展示单元42根据所述滑动轨迹的信息,确定动画效果的相关参数,具体包括:
根据所述滑动轨迹的滑动方向确定界面部分的变化方向;
根据所述滑动轨迹的滑动距离确定动画效果的实现程度;
根据所述滑动轨迹的滑动距离确定完成动画效果所需的时长;
所述预定形状包括下述形状中的至少一种:
六边形、菱形、星形、心形;
其中,当所述预定形状为六边形时,所述第一界面由所述至少两个界面部分按照蜂巢结构组合而成。
基于本实施例4提供的上述界面切换设备,用户可以根据界面部分的动画效果,判断当前操作是否能够完成界面的切换,从而有效降低了界面切换失败的概率,减少了系统资源的浪费。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (10)
1.一种界面切换方法,其特征在于,所述方法包括:
接收通过界面输入的界面切换指令;其中,所述界面由预定形状的至少两个界面部分组成;各界面部分中设置有控件;
根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并利用所述控件展示相应的动画效果。
2.如权利要求1所述的方法,其特征在于,根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并利用所述控件展示相应的动画效果,包括:
根据所述手势操作的触控点的位置信息,确定需要展示动画效果的界面部分;
根据所述滑动轨迹的信息,确定动画效果的相关参数;
利用确定的界面部分中的控件,根据所述相关参数展示界面部分的动画效果。
3.如权利要求1所述的方法,其特征在于,所述动画效果包括:
翻转界面部分;
旋转界面部分;
淡出淡入界面部分;
缩小放大界面部分。
4.如权利要求2所述的方法,其特征在于,根据所述滑动轨迹的信息,确定动画效果的相关参数,具体包括下述至少一种:
根据所述滑动轨迹的滑动方向,确定界面部分的变化方向;
根据所述滑动轨迹的滑动距离,确定动画效果的实现程度;
根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
5.如权利要求1所述的方法,其特征在于,所述预定形状包括下述形状中的至少一种:
六边形、菱形、星形、心形;
其中,当所述预定形状为六边形时,所述第一界面由所述至少两个界面部分按照蜂巢结构组合而成。
6.一种界面切换装置,其特征在于,所述装置包括:
界面单元,接收通过界面输入的界面切换指令;其中,所述界面由预定形状的至少两个界面部分组成;各界面部分中设置有控件;
动画展示单元,根据触发所述界面切换指令的滑动手势操作的滑动轨迹的信息,从所述至少两个界面部分中确定需要展示动画效果的界面部分,并展示相应的动画效果。
7.如权利要求6所述的装置,其特征在于,所述动画展示单元还用于:
根据所述手势操作的触控点的位置信息,确定需要展示动画效果的界面部分;
根据所述滑动轨迹的信息,确定动画效果的相关参数。
利用确定的界面部分中的控件,根据所述相关参数展示界面部分的动画效果。
8.如权利要求6所述的装置,其特征在于,所述动画效果包括:
翻转界面部分;
旋转界面部分;
淡出淡入界面部分;
缩小放大界面部分。
9.如权利要求7所述的装置,其特征在于,根据所述滑动轨迹的信息,确定动画效果的相关参数,具体包括下述至少一种:
根据所述滑动轨迹的滑动方向,确定界面部分的变化方向;
根据所述滑动轨迹的滑动距离,确定动画效果的实现程度;
根据所述滑动轨迹的滑动距离,确定完成动画效果所需的时长。
10.如权利要求1所述的装置,其特征在于,所述预定形状包括下述形状中的至少一种:
六边形、菱形、星形、心形;
其中,当所述预定形状为六边形时,所述第一界面由所述至少两个界面部分按照蜂巢结构组合而成。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510766344.8A CN105373291B (zh) | 2015-11-11 | 2015-11-11 | 一种界面切换方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510766344.8A CN105373291B (zh) | 2015-11-11 | 2015-11-11 | 一种界面切换方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105373291A true CN105373291A (zh) | 2016-03-02 |
CN105373291B CN105373291B (zh) | 2019-02-15 |
Family
ID=55375541
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510766344.8A Active CN105373291B (zh) | 2015-11-11 | 2015-11-11 | 一种界面切换方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105373291B (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105912218A (zh) * | 2016-05-10 | 2016-08-31 | 北京金山安全软件有限公司 | 一种展示应用程序图标的方法、装置及电子设备 |
CN106250042A (zh) * | 2016-07-29 | 2016-12-21 | 北京顺源开华科技有限公司 | 用户界面的退出方法、装置及电子设备 |
CN106354409A (zh) * | 2016-08-25 | 2017-01-25 | 北京金山安全软件有限公司 | 信息展示方法、装置以及终端 |
CN106843648A (zh) * | 2017-01-12 | 2017-06-13 | 北京小度信息科技有限公司 | 界面元素的滑动控制方法、界面显示方法及装置 |
CN107340964A (zh) * | 2017-06-02 | 2017-11-10 | 武汉斗鱼网络科技有限公司 | 一种视图的动画效果实现方法及装置 |
CN107533425A (zh) * | 2015-04-27 | 2018-01-02 | 微软技术许可有限责任公司 | 跨平台命令可扩展性 |
CN107656694A (zh) * | 2017-11-01 | 2018-02-02 | 北京小米移动软件有限公司 | 用户界面的显示控制方法及装置 |
CN108153456A (zh) * | 2016-12-05 | 2018-06-12 | 珠海金山办公软件有限公司 | 一种界面切换方法及装置 |
CN108519851A (zh) * | 2018-04-10 | 2018-09-11 | 维沃移动通信有限公司 | 一种界面切换方法及移动终端 |
CN108769395A (zh) * | 2018-05-16 | 2018-11-06 | 珠海格力电器股份有限公司 | 壁纸切换方法及移动终端 |
CN108984094A (zh) * | 2018-06-29 | 2018-12-11 | 北京微播视界科技有限公司 | 切换全局特效的方法、装置、终端设备及存储介质 |
CN109032708A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种界面切换方法、装置、设备和存储介质 |
CN109857325A (zh) * | 2019-01-31 | 2019-06-07 | 北京字节跳动网络技术有限公司 | 显示界面切换方法、电子设备及计算机可读存储介质 |
CN110598027A (zh) * | 2019-09-10 | 2019-12-20 | Oppo广东移动通信有限公司 | 图像处理效果的显示方法、装置、电子设备以及存储介质 |
CN110753897A (zh) * | 2017-07-26 | 2020-02-04 | 谷歌有限责任公司 | 具有同步视觉动画组件的用户界面滚动的触觉反馈 |
CN110941464A (zh) * | 2018-09-21 | 2020-03-31 | 阿里巴巴集团控股有限公司 | 一种轻曝光方法、设备、系统及存储介质 |
WO2022237316A1 (zh) * | 2021-05-12 | 2022-11-17 | 荣耀终端有限公司 | 显示方法及电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103019595A (zh) * | 2012-12-05 | 2013-04-03 | 北京百度网讯科技有限公司 | 终端设备及其主题切换方法 |
CN103488424A (zh) * | 2013-09-30 | 2014-01-01 | 天脉聚源(北京)传媒科技有限公司 | 一种信息展示的方法及装置 |
CN103530018A (zh) * | 2013-09-27 | 2014-01-22 | 深圳天珑无线科技有限公司 | 安卓操作系统中微件界面的建立方法及移动终端 |
CN104166497A (zh) * | 2014-06-13 | 2014-11-26 | 广州市久邦数码科技有限公司 | 一种立体桌面快捷栏及其切换方法 |
-
2015
- 2015-11-11 CN CN201510766344.8A patent/CN105373291B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103019595A (zh) * | 2012-12-05 | 2013-04-03 | 北京百度网讯科技有限公司 | 终端设备及其主题切换方法 |
CN103530018A (zh) * | 2013-09-27 | 2014-01-22 | 深圳天珑无线科技有限公司 | 安卓操作系统中微件界面的建立方法及移动终端 |
CN103488424A (zh) * | 2013-09-30 | 2014-01-01 | 天脉聚源(北京)传媒科技有限公司 | 一种信息展示的方法及装置 |
CN104166497A (zh) * | 2014-06-13 | 2014-11-26 | 广州市久邦数码科技有限公司 | 一种立体桌面快捷栏及其切换方法 |
Cited By (20)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107533425A (zh) * | 2015-04-27 | 2018-01-02 | 微软技术许可有限责任公司 | 跨平台命令可扩展性 |
CN105912218A (zh) * | 2016-05-10 | 2016-08-31 | 北京金山安全软件有限公司 | 一种展示应用程序图标的方法、装置及电子设备 |
CN106250042A (zh) * | 2016-07-29 | 2016-12-21 | 北京顺源开华科技有限公司 | 用户界面的退出方法、装置及电子设备 |
CN106354409A (zh) * | 2016-08-25 | 2017-01-25 | 北京金山安全软件有限公司 | 信息展示方法、装置以及终端 |
CN108153456A (zh) * | 2016-12-05 | 2018-06-12 | 珠海金山办公软件有限公司 | 一种界面切换方法及装置 |
CN106843648A (zh) * | 2017-01-12 | 2017-06-13 | 北京小度信息科技有限公司 | 界面元素的滑动控制方法、界面显示方法及装置 |
CN107340964A (zh) * | 2017-06-02 | 2017-11-10 | 武汉斗鱼网络科技有限公司 | 一种视图的动画效果实现方法及装置 |
CN109032708A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种界面切换方法、装置、设备和存储介质 |
CN110753897A (zh) * | 2017-07-26 | 2020-02-04 | 谷歌有限责任公司 | 具有同步视觉动画组件的用户界面滚动的触觉反馈 |
CN107656694A (zh) * | 2017-11-01 | 2018-02-02 | 北京小米移动软件有限公司 | 用户界面的显示控制方法及装置 |
CN107656694B (zh) * | 2017-11-01 | 2020-09-18 | 北京小米移动软件有限公司 | 用户界面的显示控制方法及装置 |
CN108519851A (zh) * | 2018-04-10 | 2018-09-11 | 维沃移动通信有限公司 | 一种界面切换方法及移动终端 |
CN108769395A (zh) * | 2018-05-16 | 2018-11-06 | 珠海格力电器股份有限公司 | 壁纸切换方法及移动终端 |
CN108984094A (zh) * | 2018-06-29 | 2018-12-11 | 北京微播视界科技有限公司 | 切换全局特效的方法、装置、终端设备及存储介质 |
US11249630B2 (en) | 2018-06-29 | 2022-02-15 | Beijing Microlive Vision Technology Co., Ltd | Method, apparatus, terminal device, and storage medium for switching global special effects |
CN110941464A (zh) * | 2018-09-21 | 2020-03-31 | 阿里巴巴集团控股有限公司 | 一种轻曝光方法、设备、系统及存储介质 |
CN110941464B (zh) * | 2018-09-21 | 2024-04-16 | 阿里巴巴集团控股有限公司 | 一种轻曝光方法、设备、系统及存储介质 |
CN109857325A (zh) * | 2019-01-31 | 2019-06-07 | 北京字节跳动网络技术有限公司 | 显示界面切换方法、电子设备及计算机可读存储介质 |
CN110598027A (zh) * | 2019-09-10 | 2019-12-20 | Oppo广东移动通信有限公司 | 图像处理效果的显示方法、装置、电子设备以及存储介质 |
WO2022237316A1 (zh) * | 2021-05-12 | 2022-11-17 | 荣耀终端有限公司 | 显示方法及电子设备 |
Also Published As
Publication number | Publication date |
---|---|
CN105373291B (zh) | 2019-02-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105373291B (zh) | 一种界面切换方法及装置 | |
US11210458B2 (en) | Device, method, and graphical user interface for editing screenshot images | |
US10203871B2 (en) | Method for touch input and device therefore | |
US20190339854A1 (en) | Multi-screen interaction touch display method, apparatus, storage medium and terminal | |
EP2666079B1 (en) | Method and apparatus for providing a multi-stage device transition mechanism initiated based on a touch gesture | |
CN103207750B (zh) | 图标缩放的方法及装置 | |
EP2631763A2 (en) | Method and Apparatus for Content View Display in a Mobile Device | |
CN104866182B (zh) | 一种图片数据的移动方法及移动终端 | |
TWI656472B (zh) | 介面調整方法及電子裝置 | |
CN107704157B (zh) | 一种多屏界面操作方法、装置及存储介质 | |
CN104063128A (zh) | 一种信息处理方法及电子设备 | |
CN104461312A (zh) | 一种显示控制方法及电子设备 | |
CN104657080A (zh) | 一种在锁屏界面上获取日历事件的方法及其移动终端 | |
US20120324380A1 (en) | Method and apparatus for controlling a spatial relationship between at least two groups of content during movement of the content | |
CN112148167A (zh) | 控件设置方法、装置和电子设备 | |
CN114564134A (zh) | 应用图标显示方法、装置 | |
CN104978135A (zh) | 一种图标显示方法、装置及移动终端 | |
CN105373427B (zh) | 一种显示应用和功能开关的方法及装置 | |
CN104793848B (zh) | 一种信息处理的方法及电子设备 | |
CN106940617B (zh) | 一种显示方法及电子设备 | |
CN106940615A (zh) | 一种表格处理方法及装置、用户设备 | |
CN104423885A (zh) | 信息处理装置以及控制方法 | |
CN110647263B (zh) | 一种移动终端桌面图标移动方法、装置、介质和设备 | |
CN103713837A (zh) | 一种信息处理方法及电子设备 | |
CN103543935A (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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100085 information Road No. 2, Haidian District, Beijing (Beijing 1-8, D 2-2), two storey 207A room. Applicant after: Kylin seing network technology Limited by Share Ltd Address before: 100085 information Road No. 2, Haidian District, Beijing (Beijing 1-8, D 2-2), two storey 207A room. Applicant before: BEIJING KYLIN HESHENG NETWORK TECHNOLOGY CO., LTD. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |