CN110737496A - 日历翻页动效的实现方法、电子设备及计算机存储介质 - Google Patents
日历翻页动效的实现方法、电子设备及计算机存储介质 Download PDFInfo
- Publication number
- CN110737496A CN110737496A CN201910979952.5A CN201910979952A CN110737496A CN 110737496 A CN110737496 A CN 110737496A CN 201910979952 A CN201910979952 A CN 201910979952A CN 110737496 A CN110737496 A CN 110737496A
- Authority
- CN
- China
- Prior art keywords
- calendar
- area
- background area
- content
- background
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
本发明公开了一种日历翻页动效的实现方法、电子设备及计算机存储介质,该方法包括:在日历画布上绘制第一背景区域以及显示在第一背景区域内的第一日历内容;在日历画布上绘制第二背景区域以及显示在第二背景区域内的第二日历内容;其中,第一背景区域的第一端与第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,第一日历内容与第二日历内容组合形成完整的展示内容;在日历画布上绘制动态翻转的动态区域;其中,动态区域以公共轴线作为翻转轴,沿从第二背景区域指向第一背景区域的方向翻转,以实现翻页动效。该方式实现了日历展示内容的分步绘制,使得翻页效果更加真实。
Description
技术领域
本发明涉及计算机领域,具体涉及一种日历翻页动效的实现方法、电子设备及计算机存储介质。
背景技术
目前,随着电子设备的日益普及,电子日历也逐渐取代了传统的纸质日历。在现有技术中,用户能够通过多种渠道查阅电子日历。例如,能够通过日历类应用实现电子日历的显示,具体显示时可以根据用户需求按月显示各个日期。又如,很多常规应用为了给用户的使用提供便利,也会在应用界面中提供日历显示功能,比如,在应用界面中设置专门的局部区域用于显示日期。
但是,发明人在实现本发明的过程中发现,现有技术中的上述方案至少存在下述缺陷:现有的日历显示方式均为静态显示,只能通过固定不变的静态图片显示当前日期,无法向用户呈现日历动态翻页的动画效果。
发明内容
鉴于上述问题,本发明提供了一种克服上述问题或者至少部分地解决上述问题的日历翻页动效的实现方法、电子设备及计算机存储介质。
根据本发明的一个方面,提供了一种日历翻页动效的实现方法,包括:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
根据本发明的另一方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
根据本发明的又一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
在本发明提供的日历翻页动效的实现方法、电子设备及计算机存储介质中,能够在日历画布上分别绘制第一背景区域、第二背景区域以及动态区域,从而通过分区域绘制的方式模拟真实的翻页过程,并且,动态区域能够动态翻转,进而实现翻页动效。另外,第一背景区域中显示的第一日历内容与第二背景区域中显示的第二日历内容组合形成完整的日历展示内容,从而实现了日历展示内容的分步绘制,使得翻页效果更加真实。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本发明一个实施例提供的日历翻页动效的实现方法的流程图;
图2示出了本发明另一个实施例提供的日历翻页动效的实现方法的流程图;
图3示出了根据本发明另一个实施例的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
实施例一
图1示出了本发明一个实施例提供的日历翻页动效的实现方法的流程图。如图1所示,该方法包括以下步骤:
步骤S110:在日历画布上绘制第一背景区域以及显示在第一背景区域内的第一日历内容。
其中,日历画布用于绘制并展示完整的电子日历。为了通过分区域的方式实现分步绘制效果,在本实施例中,首先在日历画布的第一局部区域内绘制第一背景区域以及显示在第一背景区域内的第一日历内容。其中,第一局部区域可以是日历画布的上半部分区域,也可以是日历画布的左半部分区域,本发明对此不作限定。第一背景区域内主要用于绘制第一日历内容,第一日历内容是在第一局部区域内应显示的日历展示内容,例如,可以是日期的上半部分或左半部分等。除第一日历内容之外,第一背景区域的剩余部分既可以为空白状态,也可以绘制一些装饰性图案,本发明对此不作限定。
步骤S120:在日历画布上绘制第二背景区域以及显示在第二背景区域内的第二日历内容;其中,第一背景区域的第一端与第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,第一日历内容与第二日历内容组合形成完整的展示内容。
具体地,在日历画布的第二局部区域内绘制第二背景区域以及显示在第二背景区域内的第二日历内容。具体实施时,本步骤既可以在步骤S210执行完毕后执行,也可以在步骤S210的执行过程中执行,本发明对具体的执行时机不做限定。
其中,第二局部区域可以是日历画布的下半部分区域,也可以是日历画布的右半部分区域,本发明对此不作限定。总之,第一局部区域与第二局部区域共同构成日历画布的完整区域。相应的,第一背景区域与第二背景区域共同构成电子日历的日历显示区域。第二背景区域内主要用于绘制第二日历内容,第二日历内容是在第二局部区域内应显示的日历展示内容,例如,可以是日期的下半部分或右半部分等。除第二日历内容之外,第二背景区域的剩余部分既可以为空白状态,也可以绘制一些装饰性图案,本发明对此不作限定。由此可见,第一日历内容与第二日历内容组合形成完整的展示内容。
另外,第一背景区域的第一端与第二背景区域的第二端通过公共轴线相邻接。在一种可选的实现方式中,假设第一背景区域和第二背景区域均为矩形区域,则第一背景区域的第一端即为第一背景区域的第一边,第二背景区域的第二端即为第二背景区域的第二边。当第一背景区域与第二背景区域呈上下设置状态时,第一背景区域的第一端即为第一背景区域的底边,第二背景区域的第二端即为第二背景区域的顶边。相应的,第一背景区域的底边与第二背景区域的顶边相互重合,该重合区域即构成上述的公共轴线。
步骤S130:在日历画布上绘制动态翻转的动态区域;其中,动态区域以公共轴线作为翻转轴,沿从第二背景区域指向第一背景区域的方向翻转,以实现翻页动效。
具体实施时,本步骤既可以在步骤S120执行完毕后执行,也可以在步骤S110和/或步骤S120的执行过程中执行,本发明对此不做限定。总之,上述的各个步骤可以循环多次执行,且各个步骤之间的执行顺序可以相互调换。
具体地,该动态区域的形状可以为矩形、梯形等各类形状,并且,由于动态区域呈现动态翻转状态,因此,动态区域的形状还可以在翻转过程中动态改变,以便与实际的翻页效果匹配。在本实施例中,动态区域以公共轴线作为翻转轴沿从第二背景区域指向第一背景区域的方向翻转,从而模拟真实翻页过程中逐页翻动日历的状态。
由此可见,在本发明提供的日历翻页动效的实现方法中,能够在日历画布上分别绘制第一背景区域、第二背景区域以及动态区域,从而通过分区域绘制的方式模拟真实的翻页过程,并且,动态区域能够动态翻转,进而实现翻页动效。另外,第一背景区域中显示的第一日历内容与第二背景区域中显示的第二日历内容组合形成完整的日历展示内容,从而实现了日历展示内容的分步绘制,使得翻页效果更加真实。
实施例二
图2示出了本发明另一个实施例提供的日历翻页动效的实现方法的流程图。其中,本实施例中的电子日历可以通过预设应用提供的日历功能模块实现。例如,在电子书应用的查询界面中设置日历显示区域,并在该日历显示区域内动态显示日历翻页动效。
如图2所示,该方法包括以下步骤:
步骤S210:确定待绘制的第一背景区域的区域状态,根据第一背景区域的区域状态在日历画布上绘制第一背景区域。
在本实施例中,电子日历用于显示数字形式的日期内容,且电子日历从数字尾部方向翻至数字头部方向,从而实现翻页动效。相应的,第一背景区域用于绘制与数字头部相对应的内容,因此,第一背景区域应位于与数字头部方向相匹配的局部区域。例如,位于日历画布的上半部分区域,也叫头部区域。
具体地,发明人在实现本发明的过程中发现,传统的纸质日历在翻页过程中,随着底部内容被翻至上方,将导致日历的头部区域呈现出越来越厚的状态,而日历的尾部区域则呈现出越来越薄的状态,为了能够使电子日历模仿真实日历的翻页效果,在本实施例中,能够在日历的翻页过程中,动态调整日历的头部区域以及尾部区域的状态。相应的,每次执行翻页操作之前,需要先确定待绘制的第一背景区域的区域状态,以便根据第一背景区域的区域状态在日历画布上动态绘制第一背景区域,以使第一背景区域在翻页过程中呈现出逐渐变宽的状态。
例如,在翻页操作执行之前,日历画布首先需要进行初始化,以绘制日历首页的内容,此时尚未执行任何翻页操作,因此,确定待绘制的第一背景区域的区域状态为初始状态,该初始状态可以根据日历的总页数以及日历画布的尺寸确定。可选地,第一背景区域的初始区域宽度小于第二背景区域的初始区域宽度。在翻页操作执行过程中,由于翻页会导致日历的底部内容被翻至上方,从而使日历的头部区域呈现越来越厚的状态,因此,在本实施例中,每次翻页时都根据上一次翻页操作执行后的状态动态确定本次翻页操作时应绘制的第一背景区域的状态。具体地,获取本次翻页操作执行之前,第一背景区域的原始状态;根据第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据第一背景区域的更新状态绘制第一背景区域。其中,本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态,换言之,本次翻页操作执行之前第一背景区域的原始状态即为上一次翻页操作执行后第一背景区域的更新状态,依此类推。
考虑到第一背景区域应在翻页过程中逐渐变宽,因此,可通过以下方式绘制:通过变换矩阵改变第一背景区域的形状,且第一背景区域的更新状态所对应的区域宽度大于第一背景区域的原始状态所对应的区域宽度。其中,第一背景区域的原始形状可能为矩形或类似于矩形的梯形等四边形,获取第一背景区域的原始形状所对应的四个顶点的坐标值,利用变换矩阵对四个顶点的坐标值进行运算处理,从而变换第一背景区域的形状,具体变换方式本发明不做限定。在变换过程中,使第一背景区域的更新状态所对应的区域宽度大于第一背景区域的原始状态所对应的区域宽度,从而模仿日历头部随翻页操作而变厚的状态。其中,第一背景区域的更新状态所对应的区域宽度可以是指第一背景区域的底边和/或顶边的宽度。例如,可以仅指第一背景区域的底边(即与第二背景区域相邻接的边)的宽度,从而仅使第一背景区域的底边变宽;又如,也可以是指第一背景区域的顶边和底边的宽度,从而使第一背景区域的底边和顶边同时变宽;再如,还可以是指第一背景区域的顶边和底边的平均宽度,从而使底边宽于顶边或顶边宽于底边进而呈现出梯形状态,本发明对具体细节不做限定。
步骤S220:在日历画布上绘制显示在第一背景区域内的第一日历内容。
本实施例为了模拟真实的翻页效果,将完整日历内容通过分区域且分步骤的方式进行绘制,相应的,第一日历内容是在第一背景区域内应显示的局部日历内容。由于第一日历内容的绘制过程通常早于第二日历内容,因此,第一日历内容将先于第二日历内容呈现,所以,第一日历内容为日历的头部内容,以确保日历内容的有序呈现。例如,在第一次翻页操作执行之前,第一日历内容为电子日历应显示的初始内容的上半部分,例如,当待绘制的第一背景区域的区域状态为初始状态时,第一日历内容为日期1的上半部分内容。随着翻页操作的持续进行,第一日历内容为上一次翻页操作执行之后,本次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容(即头部内容)。
步骤S230:确定待绘制的第二背景区域的区域状态,根据第二背景区域的区域状态在日历画布上绘制第二背景区域。
由于本实施例能够在日历的翻页过程中动态调整日历的头部区域以及尾部区域的状态。因此,每次执行翻页操作之前,需要先确定待绘制的第二背景区域的区域状态,以便根据第二背景区域的区域状态在日历画布上动态绘制第二背景区域,以使第二背景区域在翻页过程中呈现出逐渐变窄的状态。
例如,在翻页操作执行之前,日历画布首先需要进行初始化,以绘制日历首页的内容,此时尚未执行任何翻页操作,因此,确定待绘制的第二背景区域的区域状态为初始状态,该初始状态可以根据日历的总页数以及日历画布的尺寸确定。可选地,第二背景区域的初始区域宽度大于第一背景区域的初始区域宽度。在翻页操作执行过程中,由于翻页会导致日历的底部内容被翻至上方,从而使日历的底部区域呈现越来越薄的状态,因此,在本实施例中,每次翻页时都根据上一次翻页操作执行后的状态动态确定本次翻页操作时应绘制的第二背景区域的状态。具体地,获取本次翻页操作执行之前,第二背景区域的原始状态;根据第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据第二背景区域的更新状态绘制第二背景区域。其中,本次翻页操作执行之后,第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态,换言之,本次翻页操作执行之前第二背景区域的原始状态即为上一次翻页操作执行后第二背景区域的更新状态,依此类推。
考虑到第二背景区域应在翻页过程中逐渐变窄,因此,可通过以下方式绘制:通过变换矩阵改变第二背景区域的形状,且第二背景区域的更新状态所对应的区域宽度小于第二背景区域的原始状态所对应的区域宽度。其中,第二背景区域的原始形状可能为矩形或类似于矩形的梯形等四边形,获取第二背景区域的原始形状所对应的四个顶点的坐标值,利用变换矩阵对四个顶点的坐标值进行运算处理,从而变换第二背景区域的形状,具体变换方式本发明不做限定。在变换过程中,使第二背景区域的更新状态所对应的区域宽度小于第二背景区域的原始状态所对应的区域宽度,从而模仿日历尾部随翻页操作而变薄的状态。其中,第二背景区域的更新状态所对应的区域宽度可以是指第二背景区域的底边和/或顶边的宽度。例如,可以仅指第二背景区域的顶边(即与第一背景区域相邻接的边)的宽度,从而仅使第二背景区域的顶边变宽;又如,也可以是指第二背景区域的顶边和底边的宽度,从而使第二背景区域的底边和顶边同时变宽;再如,还可以是指第二背景区域的顶边和底边的平均宽度,从而使底边宽于顶边或顶边宽于底边进而呈现出梯形状态,本发明对具体细节不做限定。
在本实施例中,第一背景区域的底边与第二背景区域的顶边通过公共轴线相邻接,共同构成电子日历的日历显示区域。其中,该公共轴线可以是电子日历的中心轴线,以通过该公共轴线将电子日历分为上下两部分。该公共轴线的长度可以与第一背景区域的底边或第二背景区域的顶边中长度最长的一条边相同。实际情况中,第一背景区域的底边与第二背景区域的顶边的长度可以相同也可以不同,公共轴线的长度既可以与第一背景区域的底边和第二背景区域的顶边中较长的一条边相同,也可以略宽于该较长的一条边。另外,公共轴线的宽度可以与第一背景区域的底边或第二背景区域的顶边的宽度相同,也可以略宽于第一背景区域的底边或第二背景区域的顶边的宽度,从而呈现出类似于画卷的画轴的状态,本发明对此不作限定。
步骤S240:在日历画布上绘制显示在第二背景区域内的第二日历内容。
由于本实施例将完整日历内容通过分区域且分步骤的方式进行绘制,因此,第二日历内容是在第二背景区域内应显示的局部日历内容。由于第二日历内容的绘制过程通常晚于第一日历内容,因此,第二日历内容将晚于第一日历内容呈现,所以,第二日历内容为日历的尾部内容,以确保日历内容的有序呈现。例如,在第一次翻页操作执行之前,第二日历内容为电子日历应显示的初始内容的下半部分,例如,当待绘制的第二背景区域的区域状态为初始状态时,第二日历内容为日期1的下半部分内容。随着翻页操作的持续进行,第二日历内容为本次翻页操作执行之后,下一次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容(即尾部内容)。
由此可见,在本实施例中,第一日历内容与第二日历内容组合形成完整的展示内容,由于第一日历内容与第二日历内容采用异步绘制方式,因此,能够呈现出手动翻页的真实视觉效果。
步骤S250:在日历画布上绘制动态翻转的动态区域;其中,动态区域以公共轴线作为翻转轴,沿从第二背景区域指向第一背景区域的方向翻转,以实现翻页动效。
其中,动态区域主要用于呈现动态效果,因此,本实施例对动态区域内所呈现的具体内容不做限定。例如,在一种可选的实现方式中,该动态区域中进一步绘制与翻页过程相匹配的日历内容,例如,当动态区域刚刚开始翻转且处于公共轴线下方时,考虑到当前日历页尚未翻转完毕,因此,动态区域内动态显示本次翻页操作时应显示的第二日历内容;当动态区域翻转一段时间且处于公共轴线上方时,考虑到当前日历页已完全翻转,因此,动态区域显示日历页的背面图案,具体可以为空白或其他背景图案等,以便模拟真实日历的翻页过程。在又一种可选的实现方式中,该动态区域中不绘制与翻页过程相匹配的日历内容,而固定呈现预设的背景颜色等信息,以提升显示速度。本发明对具体细节不做限定。
具体实施时,首先,确定动态区域所对应的初始矩形区域;然后,通过变换矩阵动态改变该初始矩形区域的形状,以使该动态区域呈现出动态翻转状态。其中,动态区域所对应的初始矩形区域可以与第二背景区域相同,从而呈现出从第二背景区域所在的位置开始逐步向上翻页的效果。由于翻页过程中日历页的形状将动态变化,因此,需要通过变换矩阵动态改变该初始矩形区域的形状。
在一种可选的实现方式中,该动态区域为矩形或其他形式的四边形,且具有与公共轴线相重合的第一边以及与第一边相对的第二边;并且,在动态区域动态翻转的过程中,第二边沿第二背景区域指向第一背景区域的方向翻转。其中,在第二边从第二背景区域翻转至公共轴线的过程中,第二边的长度逐渐增大,以模仿翻页过程中日历页逐渐靠近观察者的状态;当第二边翻转至与公共轴线重合时,日历页处于离观察者最近状态。相应的,在第二边从公共轴线翻转至第一背景区域的过程中,日历页处于逐渐远离观察者的状态,因此,第二边的长度逐渐减小。具体实施时,将动态区域所对应的四个顶点的坐标值传送给变换矩阵,从而能够利用该变换矩阵动态改变动态区域的形状和位置,进而模拟真实的翻页动效。
具体地,每次翻页操作执行之前,都需要确定本次翻页操作时动态区域所对应的初始矩形区域。在一种可选的实现方式中,将每次翻页操作执行之前动态区域所对应的初始矩形区域均设置为一个固定区域,该固定区域可以是根据日历画布的尺寸确定的矩形区域,与第二背景区域大致相同,该方式实现过程简单,有利于快速翻页。
在又一种可选的实现方式中,考虑到第一背景区域、第二背景区域和/或公共轴线的宽度均会随翻页过程而动态变化,因此,为了使动态区域与动态变化的各个区域的宽度匹配,在本实施例中,还可以使动态区域所对应的初始矩形区域的区域范围随翻页操作的执行而动态变化。具体地,获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定动态区域所对应的初始矩形区域。例如,假设本次翻页操作执行之前,第一背景区域的区域宽度已变宽,且第二背景区域的区域宽度已变窄,则动态区域所对应的初始矩形区域应根据变化后的第一背景区域和第二背景区域而调整。另外,在翻页过程中,公共轴线的长度也可以随翻页过程中第一背景区域以及第二背景区域的宽度变化而动态变化。
为了便于理解本发明,下面给出一个具体示例。在该示例中,电子日历用于显示数字日期、文字和/或图案等各类信息。
在该示例中,第一背景区域内绘制的第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容(也叫头部内容),i为大于1的自然数。其中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容,M为自然数。相应的,第二背景区域内绘制的第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容(也叫尾部内容)。其中,第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。由此可见,在该示例中,在翻页过程持续过程中,由于第二背景区域对应于一次翻页操作的起始状态,而第一背景区域则对应于该次翻页操作的结束状态,因此,第二背景区域中显示的第二日历内容为翻页后显示的完整日历内容中的尾部内容,而第一背景区域中显示的第一日历内容则为翻页前显示的完整日历内容中的头部内容。例如,假设执行翻页操作之前,完整日历内容应为数字2,相应的,本次执行翻页操作后,完整日历内容应更新为数字3,由于第二背景区域先被翻起,则第二背景区域中的第二日历内容即刻更新为数字3的下半部分(此时日历页尚未翻至上部,因此,第一背景区域的第一日历内容仍为数字2的上半部分)。随着本次翻页操作持续进行,日历页被翻动至上方,则第一背景区域的第一日历内容更新为数字3的上半部分......依此类推。
当然,在其他的示例中,也可能因日历翻动的方向、速度等原因,而出现下述情况:假设执行翻页操作之前,完整日历内容应为数字2,相应的,本次执行翻页操作后,完整日历内容应更新为数字3,该示例中第一背景区域先完成翻转,则第一背景区域中的第一日历内容即刻更新为数字3的上半部分(此时日历页底部尚未翻转,因此,第二背景区域的第二日历内容仍为数字2的下半部分)。随着本次翻页操作持续进行,日历页被完全翻转,则第二背景区域的第二日历内容更新为数字3的下半部分......依此类推。在该示例中,相当于N=M-1。本发明对第一日历内容与第二日历内容中显示的数字先后不做限定,只要能够实现数字分步显示效果即可。
总而言之,在上述示例中,在一次翻页过程中,第一背景区域的第一日历内容与第二背景区域的第二日历内容分别为第一数字的头部区域以及第二数字的尾部区域,本发明对第一数字以及第二数字的大小关系不做限定。
综上可知,通过本发明中的上述方式,能够模拟日历的动态翻页效果。并且,在上述方式中,利用人眼具有视觉暂留的自然属性,通过使日历中呈现的数字内容分步绘制,能够给人连续翻页的视觉效果。并且,利用人眼所具有的近处成像物体大于远处成像物体的视觉特性,在翻页过程中,动态改变日历的各个区域的尺寸,从而获得更加逼真的翻页视觉效果。
实施例三
本申请实施例提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的日历翻页动效的实现方法。
可执行指令具体可以用于使得处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
在一种可选的方式中,所述第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容;
所述第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容;其中,i为大于1的自然数。
在一种可选的方式中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,所述第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容;所述第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域的原始状态;根据所述第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据所述第一背景区域的更新状态绘制所述第一背景区域;
并且,所述可执行指令使所述处理器执行以下操作:获取本次翻页操作执行之前,第二背景区域的原始状态;根据所述第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据所述第二背景区域的更新状态绘制所述第二背景区域;
其中,所述本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态;且第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
通过变换矩阵改变所述第一背景区域的形状,且所述第一背景区域的更新状态所对应的区域宽度大于所述第一背景区域的原始状态所对应的区域宽度;
并且,所述可执行指令使所述处理器执行以下操作:通过变换矩阵改变所述第二背景区域的形状,且所述第二背景区域的更新状态所对应的区域宽度小于所述第二背景区域的原始状态所对应的区域宽度。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
确定所述动态区域所对应的初始矩形区域,通过变换矩阵动态改变所述初始矩形区域的形状,以使所述动态区域呈现出动态翻转状态;
其中,所述动态区域具有与所述公共轴线相重合的第一边以及与所述第一边相对的第二边;并且,在所述动态区域动态翻转的过程中,所述第二边沿所述第二背景区域指向所述第一背景区域的方向翻转;在所述第二边从所述第二背景区域翻转至所述公共轴线的过程中,所述第二边的长度逐渐增大;在所述第二边从所述公共轴线翻转至所述第一背景区域的过程中,所述第二边的长度逐渐减小。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定所述动态区域所对应的初始矩形区域。
在一种可选的方式中,所述电子日历用于显示数字日期、文字和/或图案。
实施例四
图3示出了根据本发明另一个实施例的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图3所示,该电子设备可以包括:处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中:处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。通信接口304,用于与其它设备比如客户端或其它服务器等的网元通信。处理器302,用于执行程序310,具体可以执行上述日历翻页动效的实现方法实施例中的相关步骤。
具体地,程序310可以包括程序代码,该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器306,用于存放程序310。存储器306可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
在一种可选的方式中,所述第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容;
所述第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容;其中,i为大于1的自然数。
在一种可选的方式中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,所述第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容;所述第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域的原始状态;根据所述第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据所述第一背景区域的更新状态绘制所述第一背景区域;
并且,所述可执行指令使所述处理器执行以下操作:获取本次翻页操作执行之前,第二背景区域的原始状态;根据所述第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据所述第二背景区域的更新状态绘制所述第二背景区域;
其中,所述本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态;且第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
通过变换矩阵改变所述第一背景区域的形状,且所述第一背景区域的更新状态所对应的区域宽度大于所述第一背景区域的原始状态所对应的区域宽度;
并且,所述可执行指令使所述处理器执行以下操作:通过变换矩阵改变所述第二背景区域的形状,且所述第二背景区域的更新状态所对应的区域宽度小于所述第二背景区域的原始状态所对应的区域宽度。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
确定所述动态区域所对应的初始矩形区域,通过变换矩阵动态改变所述初始矩形区域的形状,以使所述动态区域呈现出动态翻转状态;
其中,所述动态区域具有与所述公共轴线相重合的第一边以及与所述第一边相对的第二边;并且,在所述动态区域动态翻转的过程中,所述第二边沿所述第二背景区域指向所述第一背景区域的方向翻转;在所述第二边从所述第二背景区域翻转至所述公共轴线的过程中,所述第二边的长度逐渐增大;在所述第二边从所述公共轴线翻转至所述第一背景区域的过程中,所述第二边的长度逐渐减小。
在一种可选的方式中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定所述动态区域所对应的初始矩形区域。
在一种可选的方式中,所述电子日历用于显示数字日期、文字和/或图案。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明还公开了A1.一种日历翻页动效的实现方法,包括:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
A2.根据A1所述的方法,其中,所述第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容;
所述第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容;其中,i为大于1的自然数。
A3.根据A2所述的方法,其中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,所述第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容;所述第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。
A4.根据A1-3任一所述的方法,其中,所述在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容包括:获取本次翻页操作执行之前,第一背景区域的原始状态;根据所述第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据所述第一背景区域的更新状态绘制所述第一背景区域;
并且,所述在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容包括:获取本次翻页操作执行之前,第二背景区域的原始状态;根据所述第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据所述第二背景区域的更新状态绘制所述第二背景区域;
其中,所述本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态;且第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态。
A5.根据A4所述的方法,其中,所述根据所述第一背景区域的更新状态绘制所述第一背景区域包括:通过变换矩阵改变所述第一背景区域的形状,且所述第一背景区域的更新状态所对应的区域宽度大于所述第一背景区域的原始状态所对应的区域宽度;
并且,所述根据所述第二背景区域的更新状态绘制所述第二背景区域包括:通过变换矩阵改变所述第二背景区域的形状,且所述第二背景区域的更新状态所对应的区域宽度小于所述第二背景区域的原始状态所对应的区域宽度。
A6.根据A1-5任一所述的方法,其中,所述在所述日历画布上绘制动态翻转的动态区域包括:
确定所述动态区域所对应的初始矩形区域,通过变换矩阵动态改变所述初始矩形区域的形状,以使所述动态区域呈现出动态翻转状态;
其中,所述动态区域具有与所述公共轴线相重合的第一边以及与所述第一边相对的第二边;并且,在所述动态区域动态翻转的过程中,所述第二边沿所述第二背景区域指向所述第一背景区域的方向翻转;在所述第二边从所述第二背景区域翻转至所述公共轴线的过程中,所述第二边的长度逐渐增大;在所述第二边从所述公共轴线翻转至所述第一背景区域的过程中,所述第二边的长度逐渐减小。
A7.根据A6所述的方法,其中,所述确定所述动态区域所对应的初始矩形区域包括:
获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定所述动态区域所对应的初始矩形区域。
A8.根据A1-7任一所述的方法,其中,所述电子日历用于显示数字日期、文字和/或图案。
B9.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
B10.根据B9所述的电子设备,其中,所述第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容;
所述第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容;其中,i为大于1的自然数。
B11.根据B10所述的电子设备,其中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,所述第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容;所述第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。
B12.根据B9-11任一所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域的原始状态;根据所述第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据所述第一背景区域的更新状态绘制所述第一背景区域;
并且,所述可执行指令使所述处理器执行以下操作:获取本次翻页操作执行之前,第二背景区域的原始状态;根据所述第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据所述第二背景区域的更新状态绘制所述第二背景区域;
其中,所述本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态;且第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态。
B13.根据B12所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
通过变换矩阵改变所述第一背景区域的形状,且所述第一背景区域的更新状态所对应的区域宽度大于所述第一背景区域的原始状态所对应的区域宽度;
并且,所述可执行指令使所述处理器执行以下操作:通过变换矩阵改变所述第二背景区域的形状,且所述第二背景区域的更新状态所对应的区域宽度小于所述第二背景区域的原始状态所对应的区域宽度。
B14.根据B9-13任一所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
确定所述动态区域所对应的初始矩形区域,通过变换矩阵动态改变所述初始矩形区域的形状,以使所述动态区域呈现出动态翻转状态;
其中,所述动态区域具有与所述公共轴线相重合的第一边以及与所述第一边相对的第二边;并且,在所述动态区域动态翻转的过程中,所述第二边沿所述第二背景区域指向所述第一背景区域的方向翻转;在所述第二边从所述第二背景区域翻转至所述公共轴线的过程中,所述第二边的长度逐渐增大;在所述第二边从所述公共轴线翻转至所述第一背景区域的过程中,所述第二边的长度逐渐减小。
B15.根据B14所述的电子设备,其中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定所述动态区域所对应的初始矩形区域。
B16.根据B9-15任一所述的电子设备,其中,所述电子日历用于显示数字日期、文字和/或图案。
C17.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
C18.根据C17所述的计算机存储介质,其中,所述第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容;
所述第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容;其中,i为大于1的自然数。
C19.根据C18所述的计算机存储介质,其中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,所述第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容;所述第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。
C20.根据C17-19任一所述的计算机存储介质,其中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域的原始状态;根据所述第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据所述第一背景区域的更新状态绘制所述第一背景区域;
并且,所述可执行指令使所述处理器执行以下操作:获取本次翻页操作执行之前,第二背景区域的原始状态;根据所述第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据所述第二背景区域的更新状态绘制所述第二背景区域;
其中,所述本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态;且第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态。
C21.根据C20所述的计算机存储介质,其中,所述可执行指令使所述处理器执行以下操作:
通过变换矩阵改变所述第一背景区域的形状,且所述第一背景区域的更新状态所对应的区域宽度大于所述第一背景区域的原始状态所对应的区域宽度;
并且,所述可执行指令使所述处理器执行以下操作:通过变换矩阵改变所述第二背景区域的形状,且所述第二背景区域的更新状态所对应的区域宽度小于所述第二背景区域的原始状态所对应的区域宽度。
C22.根据C17-21任一所述的计算机存储介质,其中,所述可执行指令使所述处理器执行以下操作:
确定所述动态区域所对应的初始矩形区域,通过变换矩阵动态改变所述初始矩形区域的形状,以使所述动态区域呈现出动态翻转状态;
其中,所述动态区域具有与所述公共轴线相重合的第一边以及与所述第一边相对的第二边;并且,在所述动态区域动态翻转的过程中,所述第二边沿所述第二背景区域指向所述第一背景区域的方向翻转;在所述第二边从所述第二背景区域翻转至所述公共轴线的过程中,所述第二边的长度逐渐增大;在所述第二边从所述公共轴线翻转至所述第一背景区域的过程中,所述第二边的长度逐渐减小。
C23.根据C22所述的计算机存储介质,其中,所述可执行指令使所述处理器执行以下操作:
获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定所述动态区域所对应的初始矩形区域。
C24.根据C17-23任一所述的计算机存储介质,其中,所述电子日历用于显示数字日期、文字和/或图案。
Claims (10)
1.一种日历翻页动效的实现方法,包括:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
2.根据权利要求1所述的方法,其中,所述第一日历内容为:第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第一局部内容;
所述第二日历内容为:第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历显示区域应显示的完整的展示内容中包含的第二局部内容;其中,i为大于1的自然数。
3.根据权利要求2所述的方法,其中,当第一背景区域位于第二背景区域的上方,且所述电子日历的日历显示区域应显示的完整的展示内容为数字类型的日期内容时,所述第一日历内容为第i-1次翻页操作执行之后,第i次翻页操作执行之前,电子日历的日历区域应显示的日期M的上半部分内容;所述第二日历内容为第i次翻页操作执行之后,第i+1次翻页操作执行之前,电子日历的日历区域应显示的日期N的下半部分内容;其中,N=M+1,N、M为自然数。
4.根据权利要求1-3任一所述的方法,其中,所述在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容包括:获取本次翻页操作执行之前,第一背景区域的原始状态;根据所述第一背景区域的原始状态确定本次翻页操作执行之后,第一背景区域的更新状态,根据所述第一背景区域的更新状态绘制所述第一背景区域;
并且,所述在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容包括:获取本次翻页操作执行之前,第二背景区域的原始状态;根据所述第二背景区域的原始状态确定本次翻页操作执行之后,第二背景区域的更新状态,根据所述第二背景区域的更新状态绘制所述第二背景区域;
其中,所述本次翻页操作执行之后,第一背景区域的更新状态成为下一次翻页操作执行之前第一背景区域的原始状态;且第二背景区域的更新状态成为下一次翻页操作执行之前第二背景区域的原始状态。
5.根据权利要求4所述的方法,其中,所述根据所述第一背景区域的更新状态绘制所述第一背景区域包括:通过变换矩阵改变所述第一背景区域的形状,且所述第一背景区域的更新状态所对应的区域宽度大于所述第一背景区域的原始状态所对应的区域宽度;
并且,所述根据所述第二背景区域的更新状态绘制所述第二背景区域包括:通过变换矩阵改变所述第二背景区域的形状,且所述第二背景区域的更新状态所对应的区域宽度小于所述第二背景区域的原始状态所对应的区域宽度。
6.根据权利要求1-5任一所述的方法,其中,所述在所述日历画布上绘制动态翻转的动态区域包括:
确定所述动态区域所对应的初始矩形区域,通过变换矩阵动态改变所述初始矩形区域的形状,以使所述动态区域呈现出动态翻转状态;
其中,所述动态区域具有与所述公共轴线相重合的第一边以及与所述第一边相对的第二边;并且,在所述动态区域动态翻转的过程中,所述第二边沿所述第二背景区域指向所述第一背景区域的方向翻转;在所述第二边从所述第二背景区域翻转至所述公共轴线的过程中,所述第二边的长度逐渐增大;在所述第二边从所述公共轴线翻转至所述第一背景区域的过程中,所述第二边的长度逐渐减小。
7.根据权利要求6所述的方法,其中,所述确定所述动态区域所对应的初始矩形区域包括:
获取本次翻页操作执行之前,第一背景区域、第二背景区域和/或公共轴线的原始状态;根据获取到的第一背景区域、第二背景区域和/或公共轴线的原始状态,确定所述动态区域所对应的初始矩形区域。
8.根据权利要求1-7任一所述的方法,其中,所述电子日历用于显示数字日期、文字和/或图案。
9.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
10.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
在日历画布上绘制第一背景区域以及显示在所述第一背景区域内的第一日历内容;
在所述日历画布上绘制第二背景区域以及显示在所述第二背景区域内的第二日历内容;其中,所述第一背景区域的第一端与所述第二背景区域的第二端通过公共轴线相邻接,共同构成电子日历的日历显示区域,所述第一日历内容与所述第二日历内容组合形成完整的展示内容;
在所述日历画布上绘制动态翻转的动态区域;其中,所述动态区域以所述公共轴线作为翻转轴,沿从所述第二背景区域指向所述第一背景区域的方向翻转,以实现翻页动效。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910979952.5A CN110737496A (zh) | 2019-10-15 | 2019-10-15 | 日历翻页动效的实现方法、电子设备及计算机存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910979952.5A CN110737496A (zh) | 2019-10-15 | 2019-10-15 | 日历翻页动效的实现方法、电子设备及计算机存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110737496A true CN110737496A (zh) | 2020-01-31 |
Family
ID=69268880
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910979952.5A Pending CN110737496A (zh) | 2019-10-15 | 2019-10-15 | 日历翻页动效的实现方法、电子设备及计算机存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110737496A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112433796A (zh) * | 2020-11-23 | 2021-03-02 | 掌阅科技股份有限公司 | 电子书的仿真翻页方法、电子设备及计算机存储介质 |
CN112486398A (zh) * | 2020-12-18 | 2021-03-12 | 掌阅科技股份有限公司 | 手写笔迹翻页效果的实现方法、电子设备及存储介质 |
-
2019
- 2019-10-15 CN CN201910979952.5A patent/CN110737496A/zh active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112433796A (zh) * | 2020-11-23 | 2021-03-02 | 掌阅科技股份有限公司 | 电子书的仿真翻页方法、电子设备及计算机存储介质 |
CN112486398A (zh) * | 2020-12-18 | 2021-03-12 | 掌阅科技股份有限公司 | 手写笔迹翻页效果的实现方法、电子设备及存储介质 |
CN112486398B (zh) * | 2020-12-18 | 2022-05-20 | 掌阅科技股份有限公司 | 手写笔迹翻页效果的实现方法、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP3646969B2 (ja) | 3次元画像表示装置 | |
CN109542382B (zh) | 手写输入内容的显示方法、电子设备及计算机存储介质 | |
US8963960B2 (en) | System and method for content aware hybrid cropping and seam carving of images | |
JP4418044B2 (ja) | デジタルフォントにおけるキャラクタを表示する方法、デジタルフォントのキャラクタを画定する方法、及びデジタルフォントにおけるキャラクタを発生する方法 | |
JP5307761B2 (ja) | 電子画像のリアルタイムパーソナライゼーション方法及びシステム | |
EP3618003A1 (en) | Method and apparatus for generating synthetic picture | |
CN112433657B (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN109739372B (zh) | 用于手写输入设备的图形绘制方法及手写阅读设备 | |
WO2019154197A1 (zh) | 电子书手写笔记的显示方法、计算设备及计算机存储介质 | |
CN112433796B (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN110457102B (zh) | 可视对象的模糊方法、渲染方法及计算设备 | |
CN110737496A (zh) | 日历翻页动效的实现方法、电子设备及计算机存储介质 | |
CN115330986B (zh) | 一种分块渲染模式图形处理方法及系统 | |
DE60118222T2 (de) | Skalieren von bildern | |
CN112486398B (zh) | 手写笔迹翻页效果的实现方法、电子设备及存储介质 | |
CN112433795A (zh) | 电子书的仿真翻页方法、电子设备及计算机存储介质 | |
CN111538697A (zh) | 电子书的翻页处理方法、电子设备及计算机存储介质 | |
CN113010252A (zh) | 应用页面的展示方法、电子设备及存储介质 | |
US8823728B2 (en) | Dynamically generated images and effects | |
TWI233573B (en) | Method and apparatus for reducing primitive storage requirements and improving memory bandwidth utilization in a tiled graphics architecture | |
CN106780660B (zh) | 一种图片处理方法及电子设备 | |
JPH07182526A (ja) | グラフィックス表示装置の表示方法 | |
JPS59231591A (ja) | 画像表示装置 | |
CN114647475A (zh) | 折叠屏设备的显示方法、折叠屏设备及存储介质 | |
US9019309B2 (en) | Adaptive image manipulation |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200131 |