CN113918264A - 界面切换方法、装置、电子设备及存储介质 - Google Patents
界面切换方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113918264A CN113918264A CN202111332280.2A CN202111332280A CN113918264A CN 113918264 A CN113918264 A CN 113918264A CN 202111332280 A CN202111332280 A CN 202111332280A CN 113918264 A CN113918264 A CN 113918264A
- Authority
- CN
- China
- Prior art keywords
- interface
- visual element
- switching
- interpolation
- switched
- 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
- 238000000034 method Methods 0.000 title claims abstract description 76
- 230000000007 visual effect Effects 0.000 claims abstract description 185
- 230000008569 process Effects 0.000 claims abstract description 51
- 239000003086 colorant Substances 0.000 claims description 6
- 238000007667 floating Methods 0.000 claims description 3
- 230000000694 effects Effects 0.000 abstract description 3
- 230000007704 transition Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000011982 device technology Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开了一种界面切换方法、装置、电子设备及存储介质,当在显示的第一界面上检测到界面切换指令时,确定与界面切换指令对应的第二界面以及待切换视觉元素,获取第一界面中的视觉元素初始值以及第二界面的视觉元素目标值,在第一界面切换至第二界面的过程中,确定第一界面在当前时刻的滑动偏移位置,基于视觉元素初始值、视觉元素目标值和滑动偏移位置确定当前时刻的视觉元素插值,并显示在当前切换界面上。本发明在界面切换过程中,将根据第一界面实时的滑动偏移位置确定的视觉元素插值显示在切换过程中的页面上,使得第一界面自适应地从一种状态无缝切换到第二界面显示的另一种状态,整个界面切换过程都有过渡效果,因此提高了用户体验。
Description
技术领域
本发明涉及电子设备技术领域,更具体的说,涉及一种界面切换方法、装置、电子设备及存储介质。
背景技术
随着移动互联网技术的发展,界面(User Interface,UI)的设计展示和互动效果越来越被人们所重视。比如,手机的APP首页中有多个频道页面,这些频道页面之间是一种平级页面关系,相互之间的切换一般通过水平方向左右滑动屏幕内容或者点击具体的频道标题作为切换触发,以将当前展示的频道页面完整的切换至目标频道页面作为结束。通常不同的频道页面具有不同的视觉元素,例如标题栏文字的字体、标题栏的背景色等。
然而,本发明的发明人经过研究后发现,现有的界面切换一般存在两种情况:第一种情况,在界面切换触发阶段,直接将当前界面切换至目标界面;第二种情况,在界面切换即将结束的瞬间,由当前界面立即切换至目标界面。无论是哪种界面切换情况,均不涉及界面切换的中间过渡过程,因此在整个界面切换过程中用户体验较差。
发明内容
有鉴于此,本发明公开一种界面切换方法、装置、电子设备及存储介质,以实现整个界面切换过程都有过渡效果,大大提高在进行界面切换时的用户体验。
一种界面切换方法,包括:
当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
可选的,在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置,具体包括:
根据如下公式确定所述滑动偏移位置k:
式中,dori为所述第二界面在空间坐标系上相对于原点的初始距离,dcur为所述第二界面在空间坐标系上相对于所述原点的当前距离,w为第二界面元素的宽度,dori,dcur∈{0,+∞}。
可选的,所述基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值,具体包括:
根据如下公式确定所述视觉元素插值f(C1,C2,k):
f(C1,C2,k)=C1+(C2-C1)*k;
式中,C1为所述视觉元素初始值,C2为所述视觉元素目标值,k为所述滑动偏移位置。
可选的,当所述界面切换指令对应的所述待切换视觉元素为颜色时,所述视觉元素初始值C1和所述视觉元素目标值C2均为一维矩阵,如下:
C1=|r1,g1,b1,a1|;C2=|r2,g2,b2,a2|;
其中,r1,g1,b1,r2,g2,b2均为正整数,表示RGB计量色值的三原色,r1,g1,b1∈{0,255},r2,g2,b2∈{0,255},a1和a2均为浮点数,且均表示颜色的透明值,a1∈{0,1},a2∈{0,1},k∈{-1,1}。
可选的,当所述界面切换指令对应的所述待切换视觉元素为字体的大小时,所述视觉元素初始值C1和所述视觉元素目标值C2均为正整数,并分别表示一种字体的大小,C1∈{0,+∞},C2∈{0,+∞}。
一种界面切换装置,包括:
第一确定单元,用于当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
获取单元,用于获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
第二确定单元,用于在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
第三确定单元,用于基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
显示单元,用于将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
可选的,第二确定单元具体用于:
根据如下公式确定所述滑动偏移位置k:
式中,dori为所述第二界面在空间坐标系上相对于原点的初始距离,dcur为所述第二界面在空间坐标系上相对于所述原点的当前距离,w为第二界面元素的宽度,dori,dcur∈{0,+∞}。
可选的,所述第三确定单元具体用于:
根据如下公式确定所述视觉元素插值f(C1,C2,k):
f(C1,C2,k)=C1+(C2-C1)*k;
式中,C1为所述视觉元素初始值,C2为所述视觉元素目标值,k为所述滑动偏移位置。
一种电子设备,所述电子设备包括存储器和处理器;
所述存储器用于存储至少一个指令;
所述处理器用于执行所述至少一个指令以实现上述所述的界面切换方法。
一种计算机可读存储介质,所述计算机可读存储介质存储至少一个指令,所述至少一个指令被处理器执行时实现上述所述的界面切换方法。
从上述的技术方案可知,本发明公开了一种界面切换方法、装置、电子设备及存储介质,当在显示的第一界面上检测到界面切换指令时,确定与界面切换指令对应的第二界面以及待切换视觉元素,获取第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及第二界面的待切换视觉元素插值,记为视觉元素目标值,在第一界面切换至第二界面的过程中,确定第一界面在当前时刻的滑动偏移位置,基于视觉元素初始值、视觉元素目标值和滑动偏移位置确定当前时刻的视觉元素插值,并将该视觉元素插值显示在第一界面切换至第二界面的过程中显示的当前切换界面上。本发明通过在界面切换过程中,将根据第一界面实时的滑动偏移位置确定的视觉元素插值显示在切换过程中的页面上,使得第一界面能够自适应地从一种状态无缝切换到第二界面显示的另一种状态,由于整个界面切换过程都有过渡效果,因此,本发明大大提高了在进行界面切换时的用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据公开的附图获得其他的附图。
图1为本发明实施例公开的一种界面切换方法流程图;
图2为本发明实施例公开的一种从左向右进行界面切换的示意图;
图3为本发明实施例公开的一种界面切换装置的结构示意图;
图4为本发明实施例公开的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例公开了一种界面切换方法、装置、电子设备及存储介质,当在显示的第一界面上检测到界面切换指令时,确定与界面切换指令对应的第二界面以及待切换视觉元素,获取第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及第二界面的待切换视觉元素插值,记为视觉元素目标值,在第一界面切换至第二界面的过程中,确定第一界面在当前时刻的滑动偏移位置,基于视觉元素初始值、视觉元素目标值和滑动偏移位置确定当前时刻的视觉元素插值,并将该视觉元素插值显示在第一界面切换至第二界面的过程中显示的当前切换界面上。本发明通过在界面切换过程中,将根据第一界面实时的滑动偏移位置确定的视觉元素插值显示在切换过程中的页面上,使得第一界面能够自适应地从一种状态无缝切换到第二界面显示的另一种状态,由于整个界面切换过程都有过渡效果,因此,本发明大大提高了在进行界面切换时的用户体验。
参见图1,本发明实施例公开的一种界面切换方法流程图,该方法包括:
步骤S101、当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素;
其中,所述第二界面为所述第一界面切换后的界面。
待切换视觉元素可以为位置、大小、背景颜色、视觉元素在z坐标的投影角度等,本实施例中待切换视觉元素可以为一个或多个,具体由运营人员根据实际需要而定,本发明在此不做限定。
步骤S102、获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
步骤S103、在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
具体的,根据公式(1)确定所述滑动偏移位置k:
式中,dori为所述第二界面在空间坐标系上相对于原点的初始距离,dcur为所述第二界面在空间坐标系上相对于所述原点的当前距离,w为第二界面元素的宽度,dori,dcur∈{0,+∞}。
本发明中的空间坐标系可以为笛卡尔坐标系,z-轴与x-轴,y-轴相互正交于原点。在空间坐标系中的任何一点P,可以用直角坐标(x,y,z)来表达其位置。
需要特别说明的是,本实施例中,滑动偏移位置k的取值范围优选k∈{-1,1},理由如下:
当第二界面从右向左移动时,k的取值范围为{-∞,0},本发明中优先将{-1,0}作为有效范围量。
当第二界面从左向右移动时,k的取值范围为{0,+∞},本发明优先将{0,1}作为有效范围量。
合并考虑,本发明中优先考虑向左/向右移动过程中相对于初始位置偏移量的{-1,1}作为有效范围。
步骤S104、基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
在实际应用中,可以对视觉元素初始值、视觉元素目标值和滑动偏移位置采用插值算法确定实时的视觉元素插值。
步骤S105、将所述视觉元素插值显示在当前切换界面上。
其中,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
需要特别说明的是,第一界面切换至第二界面的过程中,待切换视觉元素,比如,位置、大小、颜色背景、投影角度等会发生对应的变化。
综上可知,本发明公开了一种界面切换方法,当在显示的第一界面上检测到界面切换指令时,确定与界面切换指令对应的第二界面以及待切换视觉元素,获取第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及第二界面的待切换视觉元素插值,记为视觉元素目标值,在第一界面切换至第二界面的过程中,确定第一界面在当前时刻的滑动偏移位置,基于视觉元素初始值、视觉元素目标值和滑动偏移位置确定当前时刻的视觉元素插值,并将该视觉元素插值显示在第一界面切换至第二界面的过程中显示的当前切换界面上。本发明通过在界面切换过程中,将根据第一界面实时的滑动偏移位置确定的视觉元素插值显示在切换过程中的页面上,使得第一界面能够自适应地从一种状态无缝切换到第二界面显示的另一种状态,由于整个界面切换过程都有过渡效果,因此,本发明大大提高了在进行界面切换时的用户体验。
为便于理解本发明公开的界面切换过程,本发明还提供了一个具体实施例,参见图2,本发明实施例公开的一种从左向右进行界面切换的示意图,切换过程如下:
假设待切换视觉元素为文字颜色和背景颜色,切换前的页面记为:第一页面,切换后的页面记为:第二页面,第一页面和第二页面的尺寸是一致的。
(1)切换前的初始状态(参见最左侧图像):
第一界面中的文字颜色为白色,背景颜色为橙色。
(2)切换后的结束状态(参见最右侧图像):
第二界面中的文字颜色为黑色,背景颜色为绿色。
(3)第一界面从左向右滑动过程中(参见中间图像):
根据公式(1)实时确定滑动偏移位置,并采用颜色插值算法实时计算页面切换过程中的具体颜色值,并将该颜色值在当前时刻正在切换的页面进行显示。
为进一步优化上述实施例,步骤S104具体可以包括:
根据公式(2)确定视觉元素插值f(C1,C2,k):
f(C1,C2,k)=C1+(C2-C1)*k (2);
式中,C1为所述视觉元素初始值,C2为所述视觉元素目标值,k为所述滑动偏移位置。
本发明中待切换视觉元素可以为颜色、字体的大小、投影角度等,对于不同的待切换视觉元素视觉元素初始值C1和视觉元素目标值C2的取值会存在差别,下面举例说明:
(1)当界面切换指令对应的待切换视觉元素为颜色时,视觉元素初始值C1和视觉元素目标值C2均为一维矩阵,表达式如公式(3)所示,公式(3)如下:
C1=|r1,g1,b1,a1|;C2=|r2,g2,b2,a2| (3);
其中,r1,g1,b1,r2,g2,b2均为正整数,表示RGB计量色值的三原色,r1,g1,b1∈{0,255},r2,g2,b2∈{0,255},a1和a2均为浮点数,且均表示颜色的透明值,a1∈{0,1},a2∈{0,1},k∈{-1,1}。
(2)当界面切换指令对应的待切换视觉元素为字体的大小时,视觉元素初始值C1和视觉元素目标值C2均为正整数,并分别表示一种字体的大小,C1∈{0,+∞},C2∈{0,+∞}。
与上述方法实施例相对应,本发明还公开了一种界面切换装置。
参见图3,本发明实施例公开的一种界面切换装置的结构示意图,该装置包括:
第一确定单元201,用于当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
待切换视觉元素可以为位置、大小、颜色背景、投影角度等,本实施例中待切换视觉元素可以为一个或多个,具体由运营人员根据实际需要而定,本发明在此不做限定。
获取单元202,用于获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
第二确定单元203,用于在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
本实施例中,第二确定单元203具体可以用于:
根据公式(1)确定所述滑动偏移位置k:
式中,dori为所述第二界面在空间坐标系上相对于原点的初始距离,dcur为所述第二界面在空间坐标系上相对于所述原点的当前距离,dori,dcur∈{0,+∞}。
需要特别说明的是,本实施例中,滑动偏移位置k的取值范围优选k∈{-1,1},理由如下:
当第二界面从右向左移动时,k的取值范围为{-∞,0},本发明中优先将{-1,0}作为有效范围量。
当第二界面从左向右移动时,k的取值范围为{0,+∞},本发明优先将{0,1}作为有效范围量。
合并考虑,本发明中优先考虑向左/向右移动过程中相对于初始位置偏移量的{-1,1}作为有效范围。
第三确定单元204,用于基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
在实际应用中,可以对视觉元素初始值、视觉元素目标值和滑动偏移位置采用插值算法确定实时的视觉元素插值。
显示单元205,用于将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
需要特别说明的是,第一界面切换至第二界面的过程中,待切换视觉元素,比如,位置、大小、颜色背景、投影角度等会发生对应的变化。
综上可知,本发明公开了一种界面切换装置,当在显示的第一界面上检测到界面切换指令时,确定与界面切换指令对应的第二界面以及待切换视觉元素,获取第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及第二界面的待切换视觉元素插值,记为视觉元素目标值,在第一界面切换至第二界面的过程中,确定第一界面在当前时刻的滑动偏移位置,基于视觉元素初始值、视觉元素目标值和滑动偏移位置确定当前时刻的视觉元素插值,并将该视觉元素插值显示在第一界面切换至第二界面的过程中显示的当前切换界面上。本发明通过在界面切换过程中,将根据第一界面实时的滑动偏移位置确定的视觉元素插值显示在切换过程中的页面上,使得第一界面能够自适应地从一种状态无缝切换到第二界面显示的另一种状态,由于整个界面切换过程都有过渡效果,因此,本发明大大提高了在进行界面切换时的用户体验。
为进一步优化上述实施例,第三确定单元204具体可以用于:
根据公式(2)确定视觉元素插值f(C1,C2,k):
f(C1,C2,k)=C1+(C2-C1)*k (2);
式中,C1为所述视觉元素初始值,C2为所述视觉元素目标值,k为所述滑动偏移位置。
需要说明的是,装置实施例中各组成部分的具体工作原理,请参见方法实施例对应部分,此处不再赘述。
与上述实施例相对应,如图4所示,本发明还提供了一种电子设备,电子设备可以包括:处理器1和存储器2;
其中,处理器1和存储器2通过通信总线3完成相互间的通信;
处理器1,用于执行至少一个指令;
存储器2,用于存储至少一个指令;
处理器1可能是一个中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。
存储器2可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatilememory),例如至少一个磁盘存储器。
其中,处理器执行至少一个指令实现如下功能:
当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
综上可知,本发明通过在界面切换过程中,将根据第一界面实时的滑动偏移位置确定的视觉元素插值显示在切换过程中的页面上,使得第一界面能够自适应地从一种状态无缝切换到第二界面显示的另一种状态,由于整个界面切换过程都有过渡效果,因此,本发明大大提高了在进行界面切换时的用户体验。
本发明还公开了一种计算机可读存储介质,所述计算机可读存储介质存储至少一个指令,所述至少一个指令被处理器执行时实现如下功能:
当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
需要说明的是,电子设备和计算机可读存储介质的具体工作原理,请参见方法实施例对应部分,此处不再赘述。
最后,还需要说明的是,在本文中,诸如当前和目标等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。
对所公开的实施例的上述说明,使本领域专业技术人员能够实现或使用本发明。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本发明的精神或范围的情况下,在其它实施例中实现。因此,本发明将不会被限制于本文所示的这些实施例,而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
Claims (10)
1.一种界面切换方法,其特征在于,包括:
当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
3.根据权利要求1所述的界面切换方法,其特征在于,所述基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值,具体包括:
根据如下公式确定所述视觉元素插值f(C1,C2,k):
f(C1,C2,k)=C1+(C2-C1)*k;
式中,C1为所述视觉元素初始值,C2为所述视觉元素目标值,k为所述滑动偏移位置。
4.根据权利要求3所述的界面切换方法,其特征在于,当所述界面切换指令对应的所述待切换视觉元素为颜色时,所述视觉元素初始值C1和所述视觉元素目标值C2均为一维矩阵,如下:
C1=|r1,g1,b1,a1|;C2=|r2,g2,b2,a2|;
其中,r1,g1,b1,r2,g2,b2均为正整数,表示RGB计量色值的三原色,r1,g1,b1∈{0,255},r2,g2,b2∈{0,255},a1和a2均为浮点数,且均表示颜色的透明值,a1∈{0,1},a2∈{0,1},k∈{-1,1}。
5.根据权利要求3所述的界面切换方法,其特征在于,当所述界面切换指令对应的所述待切换视觉元素为字体的大小时,所述视觉元素初始值C1和所述视觉元素目标值C2均为正整数,并分别表示一种字体的大小,C1∈{0,+∞},C2∈{0,+∞}。
6.一种界面切换装置,其特征在于,包括:
第一确定单元,用于当在显示的第一界面上检测到界面切换指令时,确定与所述界面切换指令对应的第二界面以及待切换视觉元素,其中,所述第二界面为所述第一界面切换后的界面;
获取单元,用于获取所述第一界面中的待切换视觉元素插值,记为视觉元素初始值,以及所述第二界面的待切换视觉元素插值,记为视觉元素目标值;
第二确定单元,用于在所述第一界面切换至所述第二界面的过程中,确定所述第一界面在当前时刻的滑动偏移位置;
第三确定单元,用于基于所述视觉元素初始值、所述视觉元素目标值和所述滑动偏移位置确定当前时刻的视觉元素插值;
显示单元,用于将所述视觉元素插值显示在当前切换界面上,所述当前切换界面为所述第一界面切换至所述第二界面的过程中显示的界面。
8.根据权利要求6所述的界面切换装置,其特征在于,所述第三确定单元具体用于:
根据如下公式确定所述视觉元素插值f(C1,C2,k):
f(C1,C2,k)=C1+(C2-C1)*k;
式中,C1为所述视觉元素初始值,C2为所述视觉元素目标值,k为所述滑动偏移位置。
9.一种电子设备,其特征在于,所述电子设备包括存储器和处理器;
所述存储器用于存储至少一个指令;
所述处理器用于执行所述至少一个指令以实现如权利要求1~5任意一项所述的界面切换方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储至少一个指令,所述至少一个指令被处理器执行时实现如权利要求1~5任意一项所述的界面切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111332280.2A CN113918264A (zh) | 2021-11-11 | 2021-11-11 | 界面切换方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111332280.2A CN113918264A (zh) | 2021-11-11 | 2021-11-11 | 界面切换方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113918264A true CN113918264A (zh) | 2022-01-11 |
Family
ID=79246017
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111332280.2A Pending CN113918264A (zh) | 2021-11-11 | 2021-11-11 | 界面切换方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113918264A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024017183A1 (zh) * | 2022-07-22 | 2024-01-25 | 华为技术有限公司 | 一种界面切换的显示方法以及电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101968713A (zh) * | 2010-10-09 | 2011-02-09 | 宁波新然电子信息科技发展有限公司 | 显示界面三维切换控制方法 |
CN106873863A (zh) * | 2015-12-09 | 2017-06-20 | 阿里巴巴集团控股有限公司 | 一种界面切换动画的设置方法及装置 |
CN108287744A (zh) * | 2018-02-09 | 2018-07-17 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN109947521A (zh) * | 2019-03-28 | 2019-06-28 | 北京小米移动软件有限公司 | 界面切换方法、装置以及存储介质 |
CN111158814A (zh) * | 2019-12-18 | 2020-05-15 | 努比亚技术有限公司 | 一种界面切换方法、终端及计算机可读存储介质 |
CN113282212A (zh) * | 2021-05-17 | 2021-08-20 | 维沃移动通信有限公司 | 界面显示方法、界面显示装置和电子设备 |
-
2021
- 2021-11-11 CN CN202111332280.2A patent/CN113918264A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101968713A (zh) * | 2010-10-09 | 2011-02-09 | 宁波新然电子信息科技发展有限公司 | 显示界面三维切换控制方法 |
CN106873863A (zh) * | 2015-12-09 | 2017-06-20 | 阿里巴巴集团控股有限公司 | 一种界面切换动画的设置方法及装置 |
CN108287744A (zh) * | 2018-02-09 | 2018-07-17 | 腾讯科技(深圳)有限公司 | 文字显示方法、装置及存储介质 |
CN109947521A (zh) * | 2019-03-28 | 2019-06-28 | 北京小米移动软件有限公司 | 界面切换方法、装置以及存储介质 |
CN111158814A (zh) * | 2019-12-18 | 2020-05-15 | 努比亚技术有限公司 | 一种界面切换方法、终端及计算机可读存储介质 |
CN113282212A (zh) * | 2021-05-17 | 2021-08-20 | 维沃移动通信有限公司 | 界面显示方法、界面显示装置和电子设备 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2024017183A1 (zh) * | 2022-07-22 | 2024-01-25 | 华为技术有限公司 | 一种界面切换的显示方法以及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2013186986A1 (en) | Image processing apparatus, image processing method, and program | |
KR102121905B1 (ko) | Ui 제어의 배경을 설정하는 방법 및 장치, 및 단말 | |
KR101450782B1 (ko) | 화상 처리 장치 및 프로그램 | |
CN104766354B (zh) | 一种增强现实绘图的方法及移动终端 | |
JP5981175B2 (ja) | 図面表示装置、及び図面表示プログラム | |
CN113918264A (zh) | 界面切换方法、装置、电子设备及存储介质 | |
JP5907196B2 (ja) | 画像処理装置、画像処理方法、画像処理システムおよびプログラム | |
CN112667105A (zh) | 触摸屏控制方法、装置、设备和存储介质 | |
CN110956584A (zh) | 一种病理显微图像交互显示方法、介质及设备 | |
JP2011154533A (ja) | 表示制御装置、および、表示制御プログラム | |
JP2016200860A (ja) | 情報処理装置、情報処理装置の制御方法、およびプログラム | |
JP2019101721A (ja) | 情報処理装置及び情報処理システム | |
CN106354381B (zh) | 图像文件的处理方法及装置 | |
JP6437299B2 (ja) | 情報処理装置、情報処理プログラムおよび情報処理方法 | |
CN109766530B (zh) | 图表边框的生成方法、装置、存储介质和电子设备 | |
DE102016122567A1 (de) | Informationsverarbeitungsvorrichtung, steuerverfahren von informationsverarbeitungsvorrichtung und speichermedium | |
CN108132716B (zh) | 浏览页的调整方法、设备及计算机可读存储介质 | |
CN112465931B (zh) | 图像文本抹除方法、相关设备及可读存储介质 | |
JP2006106976A (ja) | 画像処理装置、画像処理方法及びプログラム | |
JP5751281B2 (ja) | 画像表示装置及び画像表示プログラム | |
JP6155893B2 (ja) | 画像処理装置、及びプログラム | |
CN106951162B (zh) | 一种信息处理方法及电子设备 | |
JP6225724B2 (ja) | 情報共有システムおよび情報共有方法、ならびに、情報処理装置および情報処理方法 | |
JP6973524B2 (ja) | プログラム | |
CN112989779B (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 |