界面展示方法、装置和设备制造方法及图纸

本发明专利技术实施例提供一种界面展示方法、装置和设备，该方法包括：响应于应用程序的加载操作，展示第一图层，第一图层对应于此前成功加载的应用程序的第一界面；获取在第一图层上发生的交互行为；若应用程序的第二界面的加载状态符合设定条件，则展示第二界面，隐藏第一图层，将交互行为分发至第二界面，以使第二界面响应交互行为。从而，让用户在启动应用程序时便实时感知到了应用程序的界面，具有良好的界面友好性。而且用户还可以在图层上进行交互操作。

【技术实现步骤摘要】
界面展示方法、装置和设备
本专利技术涉及互联网
，尤其涉及一种界面展示方法、装置和设备。
技术介绍
实际应用中，当启动一个应用程序时，受网络状态、终端设备的性能等因素的影响，一般会先显示一段时长的加载界面，之后才能显示应用程序的首页界面或上次退出时的界面。在一些实际应用场景中，该加载界面往往实现为：其上呈现有表明当前处于界面加载状态的动效的白屏界面，影响用户体验。
技术实现思路
本专利技术实施例提供一种界面展示方法、装置和设备，用以提高应用程序界面的展示友好性。第一方面，本专利技术实施例提供一种界面展示方法，该方法包括：响应于应用程序的加载操作，展示第一图层，所述第一图层对应于此前成功加载的所述应用程序的第一界面；获取在所述第一图层上发生的交互行为；若所述应用程序的第二界面的加载状态符合设定条件，则展示所述第二界面，隐藏所述第一图层；将所述交互行为分发至所述第二界面，以使所述第二界面响应所述交互行为。第二方面，本专利技术实施例提供一种界面展示装置，该装置包括：显示本文档来自技高网...

【技术保护点】
1.一种界面展示方法，其特征在于，包括：/n响应于应用程序的加载操作，展示第一图层，所述第一图层对应于此前成功加载的所述应用程序的第一界面；/n获取在所述第一图层上发生的交互行为；/n若所述应用程序的第二界面的加载状态符合设定条件，则展示所述第二界面，隐藏所述第一图层；/n将所述交互行为分发至所述第二界面，以使所述第二界面响应所述交互行为。/n

【技术特征摘要】
1.一种界面展示方法，其特征在于，包括：
响应于应用程序的加载操作，展示第一图层，所述第一图层对应于此前成功加载的所述应用程序的第一界面；
获取在所述第一图层上发生的交互行为；
若所述应用程序的第二界面的加载状态符合设定条件，则展示所述第二界面，隐藏所述第一图层；
将所述交互行为分发至所述第二界面，以使所述第二界面响应所述交互行为。


2.根据权利要求1所述的方法，其特征在于，所述展示第一图层，包括：
悬浮展示所述第一图层。


3.根据权利要求1所述的方法，其特征在于，所述第一界面和所述第二界面均为所述应用程序的首页界面。


4.根据权利要求1所述的方法，其特征在于，所述设定条件包括：
在所述第一图层显示后的设定时长内，所述第二界面加载成功。


5.根据权利要求1所述的方法，其特征在于，所述设定条件包括：
所述第一图层的显示时长已经达到设定时长，所述第二界面仍未加载成功。


6.根据权利要求4所述的方法，其特征在于，所述方法还包括：
若所述第二界面中已经渲染出的界面元素占所述第二界面中包含的全部界面元素的比例达到第一设定阈值，则确定所述第二界面加载成功。


7.根据权利要求1所述的方法，其特征在于，所述获取在所述第一图层上发生的交互行为之后，还包括：
在所述第一图层上显示提示信息，所述提示信息用于提示所述交互行为不能被实时响应；
所述方法还包括：
响应于所述第一图层的隐藏，隐藏所述提示信息。


8.根据权利要求1所述的方法，其特征在于，所述方法还包括：
若所述第一图层上注册有与所述交互行为对应的响应事件，则执行所述响应事件。


9.根据权利要求8所述的方法，其特征在于，所述第一图层位于滚动框内，所述第一图层的高度大于屏幕高度，所述交互行为是对所述第一图层触发的滑动行为；
所述若所述第一图层上注册有与所述交互行为对应的响应事件，则执行所述响应事件，包括：
若所述第一图层上注册有与所述滑动行为对应的响应事件，则根据所述滑动行为对应的滑动位移滑动所述第一图层；
所述将所述交互行为分发至所述第二界面，以使所述第二界面响应所述交互行为，包括：
将所述滑动位移分发至所述第二界面，以使所述第二界面根据所述滑动位移滑动。


10.根据权利要求8所述的方法，其特征在于，所述交互行为是在所述第一图层中交互元素所对应的位置区域上触发的点击行为；
所述若所述第一图层上注册有与所述交互行为对应的响应事件，则执行所述响应事件，包括：
若所述位置区域上注册有与所述点击行为对应的响应事件，则执行所述响应事件；
所述将所述交互行为分发至所述第二界面，以使所述第二界面响应所述交互行为，包括：
将所述点击行为及所述位置区域分发至所述第二界面，以使所述第二界面响应针对所述交互元素的点击行为。


11.根据权利要求1所述的方法，其特征在于，所述展示第一图层之前，所述方法还包括：
在所述第一图层上注册交互行为；
存储注册有所述交互行为的第一图层。


12.根据权利要求11所述的方法，其特征在于，所述在所述第一图层上注册交互行为，包括：
根据所述第一界面中包含的交互元素，在所述第一图层中与所述交互元素对应的位置区域上注册用于与所述交互元素交互的交互行为。


13.根据权利要求11所述的方法，其特征在于，所述在所述第一图层上注册交互行为，包括：
根据所述第一界面中包含的交互元素，在所述第一图层中与所述交互元素对应的位置区域上注册用于与所述交互元素交互的交互行为及响应事件。


14.根据权利要求11所述的方法，其特征在于，所述在所述第一图层上注册交互行为，包括：
若所述第一界面的高度大于屏幕高度，则根据所述第一界面的高度，在所述第一图层上注册用于滑动所述第一图层的滑动行为及对应的响应事件。


15.根据权利要求4所述的方法，其特征在于，所述方法还包括：
若所述第二界面加载成功，则获取所述第二界面对应的第二图层，所述第二图层被用于下一次加载所述应用程序时。


16.根据权利要求15所述的方法，其特征在于，所述方法还包括：
若所述第一图层中包含的界面元素多于所述第二图层中包含的界面元素，则确定下一次加载所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时，所述第二设定阈值小于所述第一设定阈值；
若所述第一图层中包含的界面元素少于所述第二图层中包含的界面元素，则确定下一次加载所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时，所述第三设定阈值大于所述第一设定阈值。


17.根据权利要求15所述的方法，其特征在于，所述方法还包括：
对比所述第一界面对应的第一文档对象模型结构与所述第二界面对应的第二文档对象模型结构；
若所述第一文档对象模型结构中包含的界面元素多于所述第二文档对象模型结构中包含的界面元素，则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第二设定阈值时，所述第二设定阈值小于所述第一设定阈值；
若所述第一文档对象模型结构中包含的界面元素少于所述第二文档对象模型结构中包含的界面元素，则确定下一次启动所述应用程序时对成功加载出的界面的截图时机为所述比例达到第三设定阈值时，所述第三设定阈值大于所述第一设定阈值；
其中，所述第一界面对应的第一文档对象模型结构与生成所述第一图层时所述第一界面中包含的界面元素对应，所述第二界面对应的第二文档对象模型结构与生成所述第二图层时所述第二界面中包含的界面元素对应。


18...

【专利技术属性】
技术研发人员：李乔，孙然，刘太举，
申请(专利权)人：钉钉控股开曼有限公司，
类型：发明
国别省市：开曼群岛;KY