界面显示方法、装置、电子设备和存储介质与流程

技术特征：
1.一种界面显示方法，其特征在于，所述方法包括：显示第一界面；所述第一界面展示有第一图像上所选对象的轮廓线条；响应于界面转换的触发事件，以所述第一界面展示的轮廓线条为起始位置逐渐呈现出第二图像，且在所述第二图像的呈现过程中淡化所述轮廓线条，以显示出第二界面；所述第二界面展示有所述第二图像。2.根据权利要求1所述的方法，其特征在于，所述第一图像与所述第二图像为相同的图像；所述第一界面展示的所述第一图像上所选对象的轮廓线条与所述第二界面展示的所述第二图像上所选对象的轮廓线条位置对应。3.根据权利要求2所述的方法，其特征在于，所述以所述第一界面展示的轮廓线条为起始位置逐渐呈现出第二图像，且在所述第二图像的呈现过程中淡化所述轮廓线条之前，所述方法还包括：若所述第一界面展示的所述第一图像上所选对象的轮廓线条的位置与所述第二界面的第二图像上所选对象的轮廓线条不一致，则在所述第一界面上将所述第一图像上所选对象的轮廓线条的位置向所述第二图像上所选对象的轮廓线条的位置对齐。4.根据权利要求2所述的方法，其特征在于，在所述第二图像的呈现过程中，所述第二图像上所选对象的呈现优先于所述第二图像上背景的呈现。5.根据权利要求1所述的方法，其特征在于，所述第二图像的呈现速度与所述轮廓线条的淡化速度相适应。6.根据权利要求1至5任一项所述的方法，其特征在于，所述第一界面位于所述第二界面上方；所述以所述第一界面展示的轮廓线条为起始位置逐渐呈现出第二图像，包括：基于所述第一界面上各第一像素点与所述轮廓线条的位置关系，确定所述第二界面上各第二像素点的呈现顺序；从所述起始位置开始按照所述呈现顺序呈现所述第二界面上的第二图像。7.根据权利要求6所述的方法，其特征在于，所述从所述起始位置开始按照所述呈现顺序呈现所述第二界面上的第二图像，包括：按照所述呈现顺序调整所述各第一像素点的透明度以呈现所述第二界面上的第二图像；或者，所述从所述起始位置开始按照所述呈现顺序呈现所述第二界面上的第二图像，包括：按照所述呈现顺序调整所述第一界面上各第一像素点的透明度，并按照所述呈现顺序调整所述第二界面上各第二像素点的透明度；或者，所述第一界面与所述第二界面之间具有图层；所述从所述起始位置开始按照所述呈现顺序呈现所述第二界面上的第二图像，包括：按照所述呈现顺序提高所述第一界面上各第一像素点的透明度，并按照所述呈现顺序调整所述图层上各第三像素点的透明度。8.根据权利要求7所述的方法，其特征在于，所述按照所述呈现顺序调整所述各第一像素点的透明度以呈现所述第二界面上的第二图像，包括：
按照所述呈现顺序以及第一透明度变化率，提高所述各第一像素点的透明度以呈现所述第二界面上的第二图像；所述第一透明度变化率根据所述各第一像素点与所述轮廓线条表征的所述所选对象的位置关系确定；或者，所述按照所述呈现顺序调整所述第一界面上各第一像素点的透明度，并按照所述呈现顺序调整所述第二界面上各第二像素点的透明度，包括：按照所述呈现顺序和第一透明度变化率提高所述各第一像素点的透明度，以及，按照所述呈现顺序和第二透明度变化率降低所述各第二像素点的透明度；所述第二透明度变化率与所述第一透明度变化率相适应；或者，所述按照所述呈现顺序调整所述第一界面上各第一像素点的透明度，并按照所述呈现顺序调整所述图层上各第三像素点的透明度，包括：按照所述呈现顺序和第一透明度变化率提高所述各第一像素点的透明度，以及，按照所述呈现顺序和第三透明度变化率提高所述各第三像素点的透明度；所述第三透明度变化率与所述第一透明度变化率相适应。9.根据权利要求8所述的方法，其特征在于，所述第一界面上位于所述第一图像上所选对象对应区域内的第一像素点的第一透明度变化率大于位于所述区域外的第一像素点的第一透明度变化率。10.根据权利要求7所述的方法，其特征在于，所述在所述第二图像的呈现过程中淡化所述轮廓线条，包括：在透明度的变化过程中淡化所述轮廓线条。11.根据权利要求1至5任一项所述的方法，其特征在于，所述第一界面为息屏界面；所述第二界面为锁屏界面。12.一种界面显示装置，其特征在于，所述装置包括：第一界面显示模块，用于显示第一界面；所述第一界面展示有第一图像上所选对象的轮廓线条；第二界面显示模块，用于响应于界面转换的触发事件，以所述第一界面展示的轮廓线条为起始位置逐渐呈现出第二图像，且在所述第二图像的呈现过程中淡化所述轮廓线条，以显示出第二界面；所述第二界面展示有所述第二图像。13.一种电子设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至11中任一项所述方法的步骤。14.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至11中任一项所述的方法的步骤。

技术总结
本申请涉及一种界面显示方法、装置、电子设备和存储介质。所述方法包括：显示第一界面；第一界面展示有第一图像上所选对象的轮廓线条；响应于界面转换的触发事件，以第一界面展示的轮廓线条为起始位置逐渐呈现出第二图像，且在第二图像的呈现过程中淡化轮廓线条，以显示出第二界面；第二界面展示有第二图像。采用本方法能够在第一界面中显示第一图像上所选对象的轮廓线条，在界面转换时，可从该对象的轮廓线条作为起点逐渐呈现出第二图像，并且轮廓线条逐渐淡化，形成渲染效果，从而提高界面转换过程中衔接过程的流畅度。转换过程中衔接过程的流畅度。转换过程中衔接过程的流畅度。


技术研发人员：林彥宏 林允平 刘昌荣
受保护的技术使用者：深圳市万普拉斯科技有限公司
技术研发日：2020.08.10
技术公布日：2022/2/28