CN114579900A - 跨设备的页面切换方法、电子设备及存储介质 - Google Patents
跨设备的页面切换方法、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114579900A CN114579900A CN202011392971.7A CN202011392971A CN114579900A CN 114579900 A CN114579900 A CN 114579900A CN 202011392971 A CN202011392971 A CN 202011392971A CN 114579900 A CN114579900 A CN 114579900A
- Authority
- CN
- China
- Prior art keywords
- electronic device
- information
- page
- associated element
- screen
- 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供一种跨设备的页面切换方法、电子设备及存储介质,涉及通信技术领域,该方法包括:检测到用户的页面切换操作;响应于检测到的所述操作,向所述第二电子设备发送跨设备页面请求;获取所述第一页面与所述第二页面的关联元素在所述第一页面中的第一信息及第一屏幕信息;接收所述第二电子设备发送的关联元素在所述第二页面中的第二信息及第二屏幕信息;基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则;基于所述第一展示规则对所述关联元素进行动态展示。本申请实施例提供的方法,能够跨设备间转场动画的连贯性,增加跨设备应用交互的连续性及关联性,提高用户的体验。
Description
技术领域
本申请实施例涉及通信技术领域,尤其涉及一种跨设备的页面切换方法、电子设备及存储介质。
背景技术
随着互联网技术的发展,人们越来越多的使用计算机、移动终端等设备进行网页浏览以获取信息、网络购物等。用户在客户端通过浏览器进行页面浏览时,常常需要进行页面视图之间的切换,例如,在浏览商品信息时点击商品的图片链接可以切换到商品的详细信息页面。不同页面切换通常可以通过浏览器跳转完成。在用户的客户端上,不同页面进行切换的过程中通常可以包括页面切换的转场动画效果。
发明内容
本申请实施例提供了一种跨设备的页面切换方法、电子设备及存储介质,以提供一种跨设备的页面切换的过场动画的方式,增加了跨设备应用交互的连续性及关联性,提高用户的体验。
第一方面,本申请实施例提供了一种跨设备的页面切换方法,应用于第一电子设备,第一电子设备显示第一页面,包括:
检测到用户的页面切换操作。
响应于检测到的操作,向第二电子设备发送跨设备页面请求,跨设备页面请求指示第二电子设备显示第二页面。
获取第一页面与第二页面的关联元素在第一页面中的第一信息及第一屏幕信息;具体地,该关联元素可以是第一页面和第二页面中共有的元素,例如,公共的图像等。该第一信息可以是该关联元素在第一页面中的位置及尺寸等信息,该第一屏幕信息可以包括第一电子设备的屏幕的尺寸等信息。
接收第二电子设备发送的关联元素在第二页面中的第二信息及第二屏幕信息;具体地,该第二信息可以包括关联元素在第二页面中的位置及尺寸等信息,该第二屏幕信息可以包括第二电子设备的屏幕的尺寸等信息。
基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则;具体地,该展示规则可以包括运动路径以及尺寸变化过程,其中,该运动路径直线运动、曲线运动或其他类型的运动等,该尺寸变化过程可以包括逐渐变大,逐渐缩小或其他类型的变化过程。
基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,第一信息包括关联元素在第一页面中的第一起始位置,第二信息包括关联元素在第二页面中的第一目标位置,第一屏幕信息包括第一电子设备的屏幕的尺寸,第二屏幕信息包括第二电子设备的屏幕的尺寸。
其中一种可能的实现方式中,基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则包括:
基于第一屏幕信息及第二屏幕信息确定缩放比例;具体地,可以根据第一屏幕的长度与第二屏幕的长度获得缩放比例,也可以根据第一屏幕的高度与第二屏幕的高度获得缩放比例,本申请实施例对此不作特殊限定。
基于缩放比例对第一目标位置进行计算,得到第二目标位置;具体地,目标位置可以是坐标位置,例如,该坐标位置可以包括横坐标和纵坐标。接着,可以根据该关联元素在第二电子设备中的横坐标以及缩放比例获得该关联元素在第一电子设备中的横坐标,并可以根据该关联元素在第二电子设备中的纵坐标以及缩放比例获得该关联元素在第一电子设备中的纵坐标。
基于第一起始位置及第二目标位置确定运动路径。
其中一种可能的实现方式中,第一信息还包括关联元素在第一页面中的第一起始尺寸,第二信息还包括关联元素在第二页面中的第一目标尺寸,基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则包括:
基于第一屏幕信息及第二屏幕信息确定缩放比例。
基于缩放比例对第一目标尺寸进行计算,得到第二目标尺寸;具体地,可以根据该关联元素在第二电子设备中的面积占比以及缩放比例,在第一电子设备中进行投影,以获得该关联元素在第一电子设备中的尺寸。
基于第一起始尺寸、第二目标尺寸及运动路径确定尺寸渐变过程。具体地,该尺寸渐变过程可以根据运动路径的长度均匀变化,也可以非均匀变化,本申请实施例对此不作特殊限定。
其中一种可能的实现方式中,基于第一展示规则对关联元素进行动态展示包括:
在第一页面上创建透明图层,其中,第一页面的内容透过透明图层进行显示;具体地,该透明图层用于播放动画,为了不影响第一页面中的各元素的显示,该透明图层可以是透明的,以使得该第一页面的内容可以透过该透明图层进行显示。
隐藏第一页面中的关联元素。具体地,该关联元素在第一页面中进行隐藏后,第一页面中不再显示该第一页面,由此可以使得该关联元素在透明图层上进行运动时,用户只会看到一个运动的关联元素,而第一页面中的关联元素对用户不可见,由此可以提高用户的观看体验。
在透明图层上,基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,还包括:
将第一信息及第一屏幕信息发送给第二电子设备,使得第二电子设备基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第二展示规则。
其中一种可能的实现方式中,基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则包括:
基于第一屏幕信息、第二屏幕信息、第一起始位置及第一目标位置确定运动路径,其中,运动路径包括第一子路径及第二子路径,第一子路径用于表征关联元素从第一起始位置到第一电子设备的屏幕边界的路径,第二子路径用于表征关联元素从第二电子设备的屏幕边界到第一目标位置的路径。具体地,在第一电子设备中,可以通过第一子路径对关联元素进行动态展示,展示的起点为关联元素在第一电子设备中的起始位置,直至该关联元素运动到第一电子设备的边界为止,接着,可以在第二电子设备中对该关联元素进行动态展示,由此可以使得关联元素的动态展示在跨设备间保持连贯性,进而可以提高用户的观看体验。
其中一种可能的实现方式中,基于第一展示规则对关联元素进行动态展示包括:
基于第一子路径对关联元素进行动态展示。
其中一种可能的实现方式中,基于第一展示规则对关联元素进行动态展示之后,还包括:
向第二电子设备发送动画展示指令,使得第二电子设备基于第二子路径对关联元素进行动态展示,其中,动画展示指令包含第二子路径。
第二方面,本申请实施例提供一种跨设备的页面切换装置,包括:
请求模块,用于检测到用户的页面切换操作;响应于检测到的操作,向第二电子设备发送跨设备页面请求,跨设备页面请求指示第二电子设备显示第二页面;
获取模块,用于获取第一页面与第二页面的关联元素在第一页面中的第一信息及第一屏幕信息;
接收模块,用于接收第二电子设备发送的关联元素在第二页面中的第二信息及第二屏幕信息;
计算模块,用于基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则;
展示模块,用于基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,第一信息包括关联元素在第一页面中的第一起始位置,第二信息包括关联元素在第二页面中的第一目标位置,第一屏幕信息包括第一电子设备的屏幕的尺寸,第二屏幕信息包括第二电子设备的屏幕的尺寸。
其中一种可能的实现方式中,上述计算模块还用于基于第一屏幕信息及第二屏幕信息确定缩放比例;基于缩放比例对第一目标位置进行计算,得到第二目标位置;基于第一起始位置及第二目标位置确定运动路径。
其中一种可能的实现方式中,第一信息还包括关联元素在第一页面中的第一起始尺寸,第二信息还包括关联元素在第二页面中的第一目标尺寸,上述计算模块还用于基于第一屏幕信息及第二屏幕信息确定缩放比例;基于缩放比例对第一目标尺寸进行计算,得到第二目标尺寸;基于第一起始尺寸、第二目标尺寸及运动路径确定尺寸渐变过程。
其中一种可能的实现方式中,上述展示模块包括:
创建单元,用于在第一页面上创建透明图层,其中,第一页面的内容透过透明图层进行显示;
隐藏单元,用于隐藏第一页面中的关联元素;
展示单元,用于在透明图层上,基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,上述装置还包括:
第一发送模块,用于将第一信息及第一屏幕信息发送给第二电子设备,使得第二电子设备基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第二展示规则。
其中一种可能的实现方式中,上述计算模块还用于基于第一屏幕信息、第二屏幕信息、第一起始位置及第一目标位置确定运动路径,其中,运动路径包括第一子路径及第二子路径,第一子路径用于表征关联元素从第一起始位置到第一电子设备的屏幕边界的路径,第二子路径用于表征关联元素从第二电子设备的屏幕边界到第一目标位置的路径。
其中一种可能的实现方式中,上述展示模块还用于基于第一子路径对关联元素进行动态展示。
其中一种可能的实现方式中,上述装置还包括:
第二发送模块,用于向第二电子设备发送动画展示指令,使得第二电子设备基于第二子路径对关联元素进行动态展示,其中,动画展示指令包含第二子路径。
第三方面,本申请实施例提供一种第一电子设备,包括:
存储器,上述存储器用于存储计算机程序代码,上述计算机程序代码包括指令,当上述第一电子设备从上述存储器中读取上述指令,以使得上述第一电子设备执行以下步骤:
检测到用户的页面切换操作;
响应于检测到的操作,向第二电子设备发送跨设备页面请求,跨设备页面请求指示第二电子设备显示第二页面;
获取第一页面与第二页面的关联元素在第一页面中的第一信息及第一屏幕信息;
接收第二电子设备发送的关联元素在第二页面中的第二信息及第二屏幕信息;
基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则;
基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,第一信息包括关联元素在第一页面中的第一起始位置,第二信息包括关联元素在第二页面中的第一目标位置,第一屏幕信息包括第一电子设备的屏幕的尺寸,第二屏幕信息包括第二电子设备的屏幕的尺寸。
其中一种可能的实现方式中,上述指令被上述第一电子设备执行时,使得上述第一电子设备执行基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则的步骤包括:
基于第一屏幕信息及第二屏幕信息确定缩放比例;
基于缩放比例对第一目标位置进行计算,得到第二目标位置;
基于第一起始位置及第二目标位置确定运动路径。
其中一种可能的实现方式中,第一信息还包括关联元素在第一页面中的第一起始尺寸,第二信息还包括关联元素在第二页面中的第一目标尺寸,上述指令被上述第一电子设备执行时,使得上述第一电子设备执行基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则的步骤包括:
基于第一屏幕信息及第二屏幕信息确定缩放比例;
基于缩放比例对第一目标尺寸进行计算,得到第二目标尺寸;
基于第一起始尺寸、第二目标尺寸及运动路径确定尺寸渐变过程。
其中一种可能的实现方式中,上述指令被上述第一电子设备执行时,使得上述第一电子设备执行基于第一展示规则对关联元素进行动态展示的步骤包括:
在第一页面上创建透明图层,其中,第一页面的内容透过透明图层进行显示;
隐藏第一页面中的关联元素;
在透明图层上,基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,上述指令被上述第一电子设备执行时,使得上述第一电子设备还执行以下步骤:
将第一信息及第一屏幕信息发送给第二电子设备,使得第二电子设备基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第二展示规则。
其中一种可能的实现方式中,上述指令被上述第一电子设备执行时,使得上述第一电子设备执行基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则的步骤包括:
基于第一屏幕信息、第二屏幕信息、第一起始位置及第一目标位置确定运动路径,其中,运动路径包括第一子路径及第二子路径,第一子路径用于表征关联元素从第一起始位置到第一电子设备的屏幕边界的路径,第二子路径用于表征关联元素从第二电子设备的屏幕边界到第一目标位置的路径。
其中一种可能的实现方式中,上述指令被上述第一电子设备执行时,使得上述第一电子设备执行基于第一展示规则对关联元素进行动态展示的步骤包括:
基于第一子路径对关联元素进行动态展示。
其中一种可能的实现方式中,上述指令被上述第一电子设备执行时,使得上述第一电子设备执行基于第一展示规则对关联元素进行动态展示的步骤之后,还执行以下步骤:
向第二电子设备发送动画展示指令,使得第二电子设备基于第二子路径对关联元素进行动态展示,其中,动画展示指令包含第二子路径。
第四方面,本申请实施例提供一种计算机可读存储介质,该计算机可读存储介质中存储有计算机程序,当其在计算机上运行时,使得计算机执行如第一方面所述的方法。
第五方面,本申请实施例提供一种计算机程序,当上述计算机程序被计算机执行时,用于执行第一方面所述的方法。
在一种可能的设计中,第五方面中的程序可以全部或者部分存储在与处理器封装在一起的存储介质上,也可以部分或者全部存储在不与处理器封装在一起的存储器上。
附图说明
图1为本申请提供的跨设备的页面切换方法一个实施例的流程示意图;
图2为本申请实施例提供的页面显示示意图;
图3为本申请提供的关联元素动态展示效果一个实施例的示意图;
图4为本申请提供的跨设备的页面切换方法另一个实施例的流程示意图;
图5为本申请实施例提供的运动路径计算示意图;
图6为本申请提供的关联元素动态展示效果另一个实施例的示意图;
图7为本申请实施例提供的跨设备的页面切换装置的结构示意图;
图8为本申请实施例提供的电子设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;本文中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
目前,在多电子设备互联场景下,通常会发生在跨设备之间互相调用应用程序的情况,虽然目前在单设备上已经有很丰富的页面切换转场动画,例如,常见的有共享元素转场动画。但是,目前业界跨设备调用应用程序时,仍然缺乏呈现页面在不同设备间的切换效果,由此导致跨设备的页面切换过场动画效果简单生硬,极大的降低了用户的体验。
基于上述问题,本申请实施例提出了一种跨设备的页面切换方法。
现结合图1-图6对本申请实施例提供的跨设备的页面切换方法进行说明,图1为本申请实施例提供的跨设备的页面切换方法一个实施例的流程示意图,包括:
步骤101,第一电子设备显示第一页面。
具体地,第一电子设备可以是具有屏幕显示功能的电子设备,例如,手机、平板、电脑、车机、大屏和智能手表等。
用户可以在第一电子设备中进行操作,由此可以在第一电子设备的屏幕上显示第一页面。示例性的,用户可以点击第一电子设备的屏幕桌面上的浏览器应用,以启动该浏览器应用,由此可以得到与该浏览器对应的首页,并可以通过点击首页中的链接,跳至其他页面。其中,该首页及其他页面都可以是第一页面。
步骤102,响应于用户的操作,第一电子设备向第二电子设备发起跨设备页面请求。
具体地,用户可以在第一电子设备中进行操作,以使得第一电子设备向第二电子设备发起跨设备页面请求。示例性的,用户可以在第一页面上进行点击跨设备显示功能菜单,响应于用户的操作,第一电子设备向第二电子设备发起跨设备页面请求。其中,该跨设备页面请求用于请求第二电子设备显示第二页面,其中,该第二页面可以是当前应用程序的另一个页面,也可以是第三方应用的一个页面,本申请实施例对此不作特殊限定。
步骤103,第二电子设备收到第一电子设备发送的跨设备页面请求,与第一电子设备建立连接。
具体地,第一电子设备与第二电子设备建立的连接可以包括本地连接和通信网络连接。
该第一电子设备可以和该第二电子设备处于同一个本地网络中,因此,该第一电子设备与该第二电子设备在该本地网络中可以进行本地连接,其中,该本地连接可以包括直接连接及本地互连。直接连接可以是第一电子设备与第二电子设备之间的点对点连接,示例性的,该直接连接可以是WIFI直连、蓝牙直连或红外直连等,该本地互连可以是第一电子设备与第二电子设备之间通过一个中间设备进行互连,示例性的,该中间设备可以是路由器、交换机等网关设备。
其中,该本地网络可以是本地局域网,该局域网可以是总线型、环型、星型和树型中的一种或多种的组合类型;该局域网中可以包含多个电子设备。
可以理解的是,第一电子设备与第二电子设备也可以不在同一个本地网络中,因此,第一电子设备可以与第二电子设备建立通信网络连接,其中,该通信网络连接可以是通过互联网进行的连接,即第一电子设备通过路由器、服务器等互联网设备与外网的第二电子设备进行连接。
需要说明的是,上述第一电子设备与第二电子设备之间的连接可以是传输文字、图像、语音、视频或其它内容的通信通道。例如,在该第一电子设备与该第二电子设备建立连接后,可以将页面信息发送给第二电子设备。
步骤104,第一电子设备获取第一页面与第二页面之间的第一关联元素信息,及第一电子设备的第一屏幕信息。
具体地,该第一关联元素信息可以包括关联元素在第一电子设备中的尺寸信息及位置信息,其中,该关联元素包括第一页面与第二页面之间的相同的元素,例如,该关联元素可以是第一页面与第二页面之间相同的图像,也可以是其他内容,本申请实施例对此不作特殊限定。当第一电子设备获取到该关联元素后,还可以获取与该关联元素对应的尺寸信息,例如,一个图像的长宽尺寸。此外,第一电子设备还可以获取该关联元素在第一页面中的位置信息,例如,该关联元素在第一页面中的坐标位置。
进一步地,第一电子设备还可以获取第一电子设备的第一屏幕信息,其中,该第一屏幕信息可以包括第一电子设备的屏幕尺寸,例如,第一电子设备的屏幕的长宽尺寸。
步骤105,第一电子设备将第一关联元素信息及第一屏幕信息发送给第二电子设备。
步骤106,第二电子设备获取第一页面与第二页面之间的第二关联元素信息,及第二电子设备的第二屏幕信息。
具体地,该第二关联元素信息可以包括关联元素在第二电子设备中的尺寸信息及位置信息,其中,该关联元素包括第一页面与第二页面之间的相同的元素。当第二电子设备获取到该关联元素后,还可以获取与该关联元素对应的尺寸信息,例如,一个图像的长宽尺寸。此外,第二电子设备还可以获取该关联元素在第二页面中的位置信息,例如,该关联元素在第二页面中的坐标位置。
进一步地,第二电子设备还可以获取第二电子设备的第二屏幕信息,其中,该第二屏幕信息可以包括第二电子设备的屏幕尺寸,例如,第二电子设备的屏幕的长宽尺寸。
需要说明的是,本步骤106与步骤104的执行顺序不分先后,也就是说,本步骤106可以在步骤104之前执行,可以在步骤104之后执行,也可以和步骤104同时执行,本申请实施例对此不作特殊限定。
步骤107,第二电子设备将第二关联元素信息及第二屏幕信息发送给第一电子设备。
步骤108,第一电子设备基于第一关联元素信息、第二关联元素信息、第一屏幕信息及第二屏幕信息确定第一展示规则。
具体地,第一电子设备收到第二电子设备发送的第二关联元素信息及第二屏幕信息后,可以基于第一关联元素信息、第二关联元素信息、第一屏幕信息及第二屏幕信息确定第一展示规则。示例性的,第一电子设备可以确定关联元素在第一页面中的起始尺寸和最终尺寸。关联元素在第一页面中的起始尺寸可以根据第一关联元素信息中的尺寸信息确定。关联元素在第一页面中的最终尺寸可以由第二关联元素信息中的尺寸信息确定。可选地,关联元素在第一页面中的最终尺寸也可以通过缩放比例确定,示例性的,该缩放比例可以是关联元素在第二电子设备的屏幕上的占比与该关联元素在第一电子设备的屏幕上的占比的比例,根据该比例可以将关联元素缩放到第一设备的第一页面中。进一步地,还可以根据该关联元素的最短边或者最长边为基准,调整该关联元素的长宽比,以使得该关联元素在第一电子设备中的长宽比与在第二电子设备的长宽比保持一致,本申请实施例对此不作特殊限定。此外,第一电子设备还可以确定关联元素在第一页面中的起始位置及最终位置。关联元素在第一页面中的起始位置可以根据第一关联元素信息中的位置信息确定。关联元素在第一页面中的最终位置可以根据第二关联元素信息中的位置信息、第一屏幕信息及第二屏幕信息确定。示例性的,第一屏幕信息包括第一电子设备的屏幕的长度W1和高度H1,第二屏幕信息包括第二电子设备的屏幕的长度W2和高度H2。假设第二关联元素的位置信息包括坐标(X2,Y2),则关联元素在第一电子设备的第一页面中的最终位置的坐标可以是(X1,Y1),其中,X1=(W1/W2)*X2,Y1=(H1/H2)Y2。
基于上述关联元素在第一页面中的起始位置、起始尺寸、最终位置和最终尺寸可以确定第一电子设备中关联元素的第一展示规则。例如,该第一展示规则可以包括关联元素在第一电子设备的第一页面中从起始位置到最终位置、从起始尺寸变化到最终尺寸的转场动画,其中,该动画类型可以包括缩放,淡入淡出,旋转、平移中的一种或多种,可以理解的是,在上述动画中,运动轨迹、动画曲线及动画时长都可以设置,本申请实施例对此不作特殊限定。
步骤109,第一电子设备创建第一图层(overlay),基于第一展示规则在第一图层上对关联元素进行动态展示。
具体地,该第一图层可以是覆盖在第一页面上的图层,其中,该第一图层可以是透明底色,由此可以使得第一页面的内容显示在第一图层上。第一电子设备可以基于上述第一展示规则在第一图层上对关联元素进行动态展示,其中,在动态展示过程中,在第一页面中可以对关联元素进行隐藏,由此可以在第一图层中可以显示除关联元素外的其他内容,而通过在第一图层上对该关联元素单独进行动态展示,可以直观的显示该关联元素的动态变化,提高用户的视觉感受。示例性的,可以将该关联元素(例如,一个图像)在第一图层上从起始位置移动到最终位置,并逐渐淡出。当第一电子设备动态展示完该关联元素后,可以移除该第一图层,并将关联元素在第一电子设备的第一页面上恢复显示。
步骤110,第二电子设备基于第一关联元素信息、第二关联元素信息、第一屏幕信息及第二屏幕信息确定第二展示规则。
具体地,第二电子设备收到第一电子设备发送的第一关联元素信息及第一屏幕信息后,可以基于第一关联元素信息、第二关联元素信息、第一屏幕信息及第二屏幕信息确定第二展示规则。示例性的,第二电子设备可以确定关联元素在第二页面中的起始尺寸和最终尺寸。关联元素在第二页面中的起始尺寸可以根据第二关联元素信息中的尺寸信息确定。关联元素在第二页面中的最终尺寸可以由第一关联元素信息中的尺寸信息确定。可选地,关联元素在第二页面中的最终尺寸也可以通过缩放比例确定,示例性的,该缩放比例可以是关联元素在第二电子设备的屏幕上的占比与该关联元素在第一电子设备的屏幕上的占比的比例,根据该比例可以将关联元素缩放到第二设备的第二页面中。进一步地,还可以根据该关联元素的最短边或者最长边为基准,调整该关联元素的长宽比,以使得该关联元素在第二电子设备中的长宽比与在第一电子设备的长宽比保持一致,本申请实施例对此不作特殊限定。此外,第二电子设备还可以确定关联元素在第二页面中的起始位置及最终位置。关联元素在第二页面中的起始位置可以根据第一关联元素信息中的位置信息、第一屏幕信息及第二屏幕信息确定。示例性的,第一屏幕信息包括第一电子设备的屏幕的长度W1和高度H1,第二屏幕信息包括第二电子设备的屏幕的长度W2和高度H2。假设第一关联元素的位置信息包括坐标(X1,Y1),则关联元素在第二电子设备的第二页面中的最终位置的坐标可以是(X2,Y2),其中,X2=(W2/W1)*X1,Y2=(H2/H1)Y1。关联元素在第二电子设备的第二页面中的最终位置可以根据第二关联元素信息中的位置信息确定。
接着,基于上述关联元素在第二电子设备的第二页面中的起始位置、起始尺寸、最终位置和最终尺寸可以确定第二电子设备中关联元素的第二展示规则。例如,该第二展示规则可以包括关联元素在第二电子设备的第二页面中从起始位置到最终位置、从起始尺寸变化到最终尺寸的转场动画。
步骤111,第二电子设备创建第二图层(overlay),基于第二展示规则在第二图层上对关联元素进行动态展示。
具体地,该第二图层可以是覆盖在第二页面上的图层,其中,该第二图层可以是透明底色,由此可以使得第二页面的内容显示在第二图层上。第二电子设备获取到上述第二展示规则后,可以基于上述第二展示规则在上述第二图层上对关联元素进行动态展示,其中,在动态展示过程中,在第二页面中可以对关联元素进行隐藏,由此可以在第二图层中可以显示除关联元素外的其他内容,而通过在第二图层上对该关联元素单独进行动态展示,可以直观的显示该关联元素的动态变化,提高用户的视觉感受。示例性的,可以将该关联元素(例如,一个图像)在第二图层上从起始位置移动到最终位置,并逐渐淡出。当第二电子设备动态展示完该关联元素后,可以移除该第二图层,并将关联元素在第二电子设备的第二页面上恢复显示。
下文以第一电子设备为手机、第二电子设备为电视为例进行说明。
如图2所示,用户通过在手机上进行操作,可以得到手机的第一页面210,示例性的,用户可以启动健康APP,进入到该健康APP中的一个页面(例如,第一页面210)。接着,用户可以在第一页面210中发起对电视的跨设备页面请求,其中,该跨设备页面请求用于请求在电视的屏幕上显示该健康APP的另一个页面(例如,第二页面220)。
电视收到手机发送的跨设备页面请求之后,与手机建立连接。当手机和电视建立连接之后,手机通过第一页面210与第二页面220的比对确定关联元素,并将该关联元素在手机的第一页面210中的位置信息、尺寸信息以及手机屏幕的尺寸信息发送给电视,同样地,电视也通过第一页面210与第二页面220的比对确定关联元素,并将该关联元素在电视的第二页面220中的位置信息、尺寸信息以及电视屏幕的尺寸信息发送给手机。
当手机接收到电视发送的关联元素在电视的第二页面220中的位置信息、尺寸信息以及电视屏幕的尺寸信息后,基于关联元素在手机的第一页面210中的位置信息确定关联元素在第一页面210中的起始位置,例如,将第一页面210中的位置信息对应的位置作为关联元素在第一页面210中的起始位置;基于关联元素在手机中的第一页面210中的尺寸信息确定关联元素在第一页面210中的起始尺寸,例如,将第一页面210中的尺寸信息对应的尺寸作为关联元素在第一页面210中的起始尺寸。
基于关联元素在电视的第二页面220中的尺寸信息确定关联元素在第一页面210中的最终尺寸,例如,假设关联元素在电视的第二页面220中的尺寸为40*60像素,则关联元素在第一页面210中的最终尺寸为40*60像素。
基于关联元素在电视的第二页面220中的位置信息、手机屏幕的尺寸信息及电视屏幕的尺寸信息确定关联元素在第一页面210中的最终位置,例如,假设关联元素在电视的第二页面220中的位置为(100,200),手机屏幕尺寸为400*600,电视屏幕尺寸为2000*1200,则关联元素在第一页面210中的最终位置为(20,100)。
当手机获取到关联元素在第一页面210中的起始尺寸、起始位置、最终尺寸和最终位置后,可以创建第一图层211,并在第一图层211上进行转场动画。其中第一图层211透明覆盖在第一页面210上,也就是说,第一页面210的内容可以显示在第一图层211上。此时,可以隐藏第一页面210中的关联元素,并将该关联元素在第一图层211上进行转场动画。
当电视接收到手机发送的关联元素在手机的第一页面210中的位置信息、尺寸信息以及手机屏幕的尺寸信息后,基于关联元素在手机的第一页面210中的位置信息、手机屏幕尺寸及电视屏幕尺寸确定关联元素在第二页面220中的起始位置,例如,假设关联元素在手机的第一页面210中的位置为(100,200),手机屏幕尺寸为400*600,电视屏幕尺寸为2000*1200,则关联元素在第二页面220中起始位置为(500,400)。
基于关联元素在手机中的第一页面210中的尺寸信息确定关联元素在第二页面220中的起始尺寸。
基于关联元素在电视的第二页面220中的尺寸信息确定关联元素在第二页面220中的最终尺寸,例如,将第二页面220中的尺寸信息对应的尺寸作为关联元素在第二页面220中的最终尺寸。
基于关联元素在电视的第二页面220中的位置信息确定关联元素在第二页面220中的最终位置,例如,将第二页面220中的位置信息对应的位置作为关联元素在第二页面220中的最终位置。
当电视获取到关联元素在第二页面220中的起始尺寸、起始位置、最终尺寸和最终位置后,可以创建第二图层221,并在第二图层211上进行转场动画。其中第二图层211透明覆盖在第二页面220上,也就是说,第二页面220的内容可以显示在第二图层221上。此时,可以隐藏第二页面220中的关联元素,并将该关联元素在第二图层221上进行转场动画。
其中,手机的转场动画和电视的转场动画可以同步进行。图3为手机和电视的同步转场动画的效果示意图。参考图3,手机包括第一页面210,电视包括第二页面220。准备阶段,手机的第一页面210隐藏关联元素2101,开始阶段,在第一页面210上创建第一图层211,关联元素2101以起始尺寸显示于第一图层211中的起始位置;在动画阶段,关联元素2101在第一图层211中向最终位置移动,按照起始尺寸与最终尺寸的比例进行变化,例如,若最终尺寸比起始尺寸大,则逐渐放大,若最终尺寸比起始尺寸小,则逐渐缩小,并逐渐淡出;在结束阶段,移除第一图层211,并将关联元素2101在第一页面210中恢复显示。
电视的第二页面220中包含关联元素2201,可以理解的是,关联元素2101与关联元素2201为包含相同内容的关联元素。准备阶段,电视的第二页面220隐藏示关联元素2201。开始阶段,在第二页面220上创建第二图层221,关联元素2201以起始尺寸显示于第二图层221中的起始位置。在动画阶段,关联元素2201向最终位置移动,按照起始尺寸与最终尺寸的比例进行变化,例如,若最终尺寸比起始尺寸大,则逐渐放大,若最终尺寸比起始尺寸小,则逐渐缩小;在结束阶段,移除第一图层221,并将关联元素2201在第二页面220中恢复显示。
图4为本申请实施例提供的跨设备的页面切换方法另一个实施例的流程示意图,包括:
步骤201,第一电子设备显示第一页面。
具体地,第一电子设备可以是具有屏幕显示功能的电子设备,例如,手机、平板、电脑、车机、大屏和智能手表等。
用户可以在第一电子设备中进行操作,由此可以在第一电子设备的屏幕上显示第一页面。示例性的,用户可以点击第一电子设备的屏幕桌面上的浏览器应用,以启动该浏览器应用,由此可以得到与该浏览器对应的首页,并可以通过点击首页中的链接,跳至其他页面。其中,该首页及其他页面都可以是第一页面。
步骤202,响应于用户的操作,第一电子设备向第二电子设备发起跨设备页面请求。
具体地,用户可以在第一电子设备中进行操作,以使得第一电子设备向第二电子设备发起跨设备页面请求。示例性的,用户可以在第一页面上进行点击跨设备显示功能菜单,响应于用户的操作,第一电子设备向第二电子设备发起跨设备页面请求。其中,该跨设备页面请求用于请求第二电子设备显示第二页面,其中,该第二页面可以是当前应用程序的另一个页面,也可以是第三方应用的一个页面,本申请实施例对此不作特殊限定。
步骤203,第二电子设备收到第一电子设备发送的跨设备页面请求,与第一电子设备建立连接。
步骤204,第一电子设备创建第一图层,获取第一页面与第二页面之间的第一关联元素信息,及第一电子设备的第一屏幕信息,在第一页面中隐藏关联元素。
具体地,该第一图层可以是覆盖在第一页面上的图层,其中,该第一图层可以是透明底色,由此可以使得第一页面的内容显示在第一图层上。该第一关联元素信息可以包括关联元素在第一电子设备中的尺寸信息及位置信息,其中,该关联元素包括第一页面与第二页面之间的相同的元素,例如,该关联元素可以是第一页面与第二页面之间相同的图像,也可以是其他内容,本申请实施例对此不作特殊限定。当第一电子设备获取到该关联元素后,还可以获取与该关联元素对应的尺寸信息,例如,一个图像的长宽尺寸。此外,第一电子设备还可以获取该关联元素在第一页面中的位置信息,例如,该关联元素在第一页面中的坐标位置。
进一步地,第一电子设备还可以获取第一电子设备的第一屏幕信息,其中,该第一屏幕信息可以包括第一电子设备的屏幕尺寸,例如,第一电子设备的屏幕的长宽尺寸。
步骤205,第二电子设备创建第二图层,获取第一页面与第二页面之间的第二关联元素信息,及第二电子设备的第二屏幕信息,在第二页面中隐藏关联元素。
具体地,该第二图层可以是覆盖在第二页面上的图层,其中,该第二图层可以是透明底色,由此可以使得第二页面的内容显示在第二图层上。该第二关联元素信息可以包括关联元素在第二电子设备中的尺寸信息及位置信息,其中,该关联元素包括第一页面与第二页面之间的相同的元素。当第二电子设备获取到该关联元素后,还可以获取与该关联元素对应的尺寸信息,例如,一个图像的长宽尺寸。此外,第二电子设备还可以获取该关联元素在第二页面中的位置信息,例如,该关联元素在第二页面中的坐标位置。
进一步地,第二电子设备还可以获取第二电子设备的第二屏幕信息,其中,该第二屏幕信息可以包括第二电子设备的屏幕尺寸,例如,第二电子设备的屏幕的长宽尺寸。
需要说明的是,本步骤205与步骤204的执行顺序不分先后,也就是说,本步骤205可以在步骤204之前执行,可以在步骤204之后执行,也可以和步骤204同时执行,本申请实施例对此不作特殊限定。
步骤206,第二电子设备将第二关联元素信息及第二屏幕信息发送给第一电子设备。
步骤207,第一电子设备基于第一屏幕信息、第二屏幕信息、第一关联元素信息及第二关联元素信息确定动画路径,该动画路径包括第一子路径及第二子路径,该第一子路径用于表征关联元素在第一电子设备中的动画路径,该第二子路径用于表征关联元素在第二电子设备中的动画路径。
具体地,该动画路径可以包括关联元素从第一电子设备的起始位置到第一电子设备的最终位置及从第二电子设备的起始位置到第二电子设备的最终位置这两段路径。在具体实现时,可以建立平面坐标系,将第一电子设备的屏幕与第二电子设备的屏幕放置在该坐标系中,例如,第一电子设备在左,第二电子设备在右,并可以将第一电子设备和第二电子设备对齐(例如,上下居中对齐)。接着,可以根据第一关联元素信息中的位置信息及第二关联元素信息中的位置信息进行连线,以获得动画路径。可以理解的是,该动画路径可以包括直线、曲线或其他预设形式的线段,本申请实施例对此不作特殊限定。由此可以获得该动画路径分别与第一电子设备及第二电子设备的交点。其中,该动画路径与第一电子设备的交点为关联元素在第一电子设备中进行动态展示时的最终位置,该动画路径与第二电子设备的交点为关联元素在第二电子设备中进行动态展示时的起始位置。
现结合图5进行说明,如图5所示,XOY为平面坐标系,第一电子设备的屏幕上显示第一页面210,第二电子设备的屏幕上显示第二页面220,其中,第一页面210包括关联元素2101,第二页面220包括关联元素2201。第一页面210与第二页面220上下居中对齐。基于关联元素2101在第一页面210中的位置及关联元素2201在第二页面220中的位置计算得到动画路径230,其中,该动画路径230与第一页面210相交于第一位置231,该动画路径230与第二页面220相交于第二位置232。关联元素2101到第一位置231的路径为该关联元素在第一电子设备中的动画路径,关联元素2201到第二位置232的路径为该关联元素在第二电子设备中的动画路径。
步骤208,第一电子设备基于第一子路径在第一图层上对关联元素进行动态展示。
具体地,第一电子设备可以基于上述第一子路径在第一图层上对关联元素进行动态展示,示例性的,可以将该关联元素(例如,一个图像)在第一图层上从起始位置移动到最终位置,由此可以将该关联元素逐渐移出该第一图层。
可选地,当该关联元素移出第一电子设备的第一图层中后,可以将该第一图层移除。
步骤209,第一电子设备向第二电子设备发送动画展示指令。
具体地,关联元素移出第一电子设备中的第一图层后,第一电子设备可以向第二电子设备发送动画展示指令,其中,该动画展示指令用于指示第二电子设备可以进行动画展示,该动画展示指令可以包括第二子路径。
步骤210,第二电子设备接收动画展示指令,基于第二子路径第二图层上对关联元素进行动态展示。
具体地,第二电子设备接收动画展示指令,可以基于上述第二子路径在上述第二图层上对关联元素进行动态展示,示例性的,可以将该关联元素(例如,一个图像)在第二图层上从起始位置移动到最终位置。当第二电子设备动态展示完该关联元素后,可以移除该第二图层,并将关联元素在第二电子设备的第二页面上恢复显示。
步骤111,第二电子设备向第一电子设备发送关联元素恢复指令,使得关联元素在第一电子设备的第一页面上恢复显示。
接着,结合图6以手机和电视为例进行说明,图6为手机的转场动画和电视的转场动画顺序执行的效果示意图,如图6所示,手机包括第一页面210,电视包括第二页面220。第一阶段,手机的第一页面210隐藏关联元素2101,电视的第二页面220隐藏关联元素2201;第二阶段,在第一页面210上创建第一图层211,关联元素2101以起始尺寸显示于第一图层211中的起始位置,在第二页面220上创建第二图层221;第三阶段,关联元素2101在第一图层211中向第一电子设备中的最终位置(例如,第一电子设备的屏幕的边界)移动;第四阶段,关联元素2101移出第一图层211后,第一电子设备移除第一图层211,在第二电子设备的第二图层220中的边界上显示关联元素2201;第五阶段,关联元素2201逐渐向第二电子设备中的最终位置移动;第六阶段,关联元素2201移动到第二电子设备中的最终位置后,移除第二图层221,将关联元素2201在第二页面220中恢复显示,并在第一页面210中恢复显示关联元素2101。
图7为本申请跨设备的页面切换装置一个实施例的结构示意图,如图7所示,上述跨设备的页面切换装置70可以包括:请求模块71、获取模块72、接收模块73、计算模块74及展示模块75;
请求模块71,用于检测到用户的页面切换操作;响应于检测到的操作,向第二电子设备发送跨设备页面请求,跨设备页面请求指示第二电子设备显示第二页面;
获取模块72,用于获取第一页面与第二页面的关联元素在第一页面中的第一信息及第一屏幕信息;
接收模块73,用于接收第二电子设备发送的关联元素在第二页面中的第二信息及第二屏幕信息;
计算模块74,用于基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第一展示规则;
展示模块75,用于基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,第一信息包括关联元素在第一页面中的第一起始位置,第二信息包括关联元素在第二页面中的第一目标位置,第一屏幕信息包括第一电子设备的屏幕的尺寸,第二屏幕信息包括第二电子设备的屏幕的尺寸。
其中一种可能的实现方式中,上述计算模块74还用于基于第一屏幕信息及第二屏幕信息确定缩放比例;基于缩放比例对第一目标位置进行计算,得到第二目标位置;基于第一起始位置及第二目标位置确定运动路径。
其中一种可能的实现方式中,第一信息还包括关联元素在第一页面中的第一起始尺寸,第二信息还包括关联元素在第二页面中的第一目标尺寸,上述计算模块74还用于基于第一屏幕信息及第二屏幕信息确定缩放比例;基于缩放比例对第一目标尺寸进行计算,得到第二目标尺寸;基于第一起始尺寸、第二目标尺寸及运动路径确定尺寸渐变过程。
其中一种可能的实现方式中,上述展示模块75包括:创建单元751、隐藏单元752及展示单元753;
创建单元751,用于在第一页面上创建透明图层,其中,第一页面的内容透过透明图层进行显示;
隐藏单元752,用于隐藏第一页面中的关联元素;
展示单元753,用于在透明图层上,基于第一展示规则对关联元素进行动态展示。
其中一种可能的实现方式中,上述装置70还包括:第一发送模块76;
第一发送模块76,用于将第一信息及第一屏幕信息发送给第二电子设备,使得第二电子设备基于第一信息、第二信息、第一屏幕信息及第二屏幕信息确定关联元素的第二展示规则。
其中一种可能的实现方式中,上述计算模块74还用于基于第一屏幕信息、第二屏幕信息、第一起始位置及第一目标位置确定运动路径,其中,运动路径包括第一子路径及第二子路径,第一子路径用于表征关联元素从第一起始位置到第一电子设备的屏幕边界的路径,第二子路径用于表征关联元素从第二电子设备的屏幕边界到第一目标位置的路径。
其中一种可能的实现方式中,上述展示模块75还用于基于第一子路径对关联元素进行动态展示。
其中一种可能的实现方式中,上述装置70还包括:第二发送模块77;
第二发送模块77,用于向第二电子设备发送动画展示指令,使得第二电子设备基于第二子路径对关联元素进行动态展示,其中,动画展示指令包含第二子路径。
应理解以上图7所示的跨设备的页面切换装置的各个模块的划分仅仅是一种逻辑功能的划分,实际实现时可以全部或部分集成到一个物理实体上,也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现;也可以全部以硬件的形式实现;还可以部分模块以软件通过处理元件调用的形式实现,部分模块通过硬件的形式实现。例如,检测模块可以为单独设立的处理元件,也可以集成在电子设备的某一个芯片中实现。其它模块的实现与之类似。此外这些模块全部或部分可以集成在一起,也可以独立实现。在实现过程中,上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
例如,以上这些模块可以是被配置成实施以上方法的一个或多个集成电路,例如:一个或多个特定集成电路(Application Specific Integrated Circuit;以下简称:ASIC),或,一个或多个微处理器(Digital Singnal Processor;以下简称:DSP),或,一个或者多个现场可编程门阵列(Field Programmable Gate Array;以下简称:FPGA)等。再如,这些模块可以集成在一起,以片上系统(System-On-a-Chip;以下简称:SOC)的形式实现。
如图8所示为电子设备100的结构示意图,第一电子设备和第二电子设备可以是电子设备100。电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
I2C接口是一种双向同步串行总线,包括一根串行数据线(serial data line,SDA)和一根串行时钟线(derail clock line,SCL)。在一些实施例中,处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K,充电器,闪光灯,摄像头193等。例如:处理器110可以通过I2C接口耦合触摸传感器180K,使处理器110与触摸传感器180K通过I2C总线接口通信,实现电子设备100的触摸功能。
I2S接口可以用于音频通信。在一些实施例中,处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合,实现处理器110与音频模块170之间的通信。在一些实施例中,音频模块170可以通过I2S接口向无线通信模块160传递音频信号,实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信,将模拟信号抽样,量化和编码。在一些实施例中,音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中,音频模块170也可以通过PCM接口向无线通信模块160传递音频信号,实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线,用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中,UART接口通常被用于连接处理器110与无线通信模块160。例如:处理器110通过UART接口与无线通信模块160中的蓝牙模块通信,实现蓝牙功能。在一些实施例中,音频模块170可以通过UART接口向无线通信模块160传递音频信号,实现通过蓝牙耳机播放音乐的功能。
MIPI接口可以被用于连接处理器110与显示屏194,摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface,CSI),显示屏串行接口(displayserial interface,DSI)等。在一些实施例中,处理器110和摄像头193通过CSI接口通信,实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信,实现电子设备100的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号,也可被配置为数据信号。在一些实施例中,GPIO接口可以用于连接处理器110与摄像头193,显示屏194,无线通信模块160,音频模块170,传感器模块180等。GPIO接口还可以被配置为I2C接口,I2S接口,UART接口,MIPI接口等。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电,也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机,通过耳机播放音频。该接口还可以用于连接其他电子设备,例如AR设备等。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。在一些有线充电的实施例中,充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中,充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时,还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,显示屏194,摄像头193,和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量,电池循环次数,电池健康状态(漏电,阻抗)等参数。在其他一些实施例中,电源管理模块141也可以设置于处理器110中。在另一些实施例中,电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A,受话器170B等)输出声音信号,或通过显示屏194显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器110,与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备100的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications,GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(codedivision multiple access,CDMA),宽带码分多址(wideband code division multipleaccess,WCDMA),时分码分多址(time-division code division multiple access,TD-SCDMA),长期演进(long term evolution,LTE),BT,GNSS,WLAN,NFC,FM,和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system,GPS),全球导航卫星系统(global navigation satellite system,GLONASS),北斗卫星导航系统(beidounavigation satellite system,BDS),准天顶卫星系统(quasi-zenith satellitesystem,QZSS)和/或星基增强系统(satellite based augmentation systems,SBAS)。
电子设备100通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的,AMOLED),柔性发光二极管(flex light-emittingdiode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot lightemitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备100可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。处理器110通过运行存储在内部存储器121的指令,和/或存储在设置于处理器中的存储器的指令,执行电子设备100的各种功能应用以及数据处理。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中,音频模块170可以设置于处理器110中,或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐,或收听免提通话。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时,可以通过将受话器170B靠近人耳接听语音。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。当拨打电话或发送语音信息时,用户可以通过人嘴靠近麦克风170C发声,将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中,电子设备100可以设置两个麦克风170C,除了采集声音信号,还可以实现降噪功能。在另一些实施例中,电子设备100还可以设置三个,四个或更多麦克风170C,实现采集声音信号,降噪,还可以识别声音来源,实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130,也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform,OMTP)标准接口,美国蜂窝电信工业协会(cellular telecommunications industry association of the USA,CTIA)标准接口。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A,电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194,电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。例如:当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时,执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时,执行新建短消息的指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中,可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即,x,y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的,当按下快门,陀螺仪传感器180B检测电子设备100抖动的角度,根据角度计算出镜头模组需要补偿的距离,让镜头通过反向运动抵消电子设备100的抖动,实现防抖。陀螺仪传感器180B还可以用于导航,体感游戏场景。
气压传感器180C用于测量气压。在一些实施例中,电子设备100通过气压传感器180C测得的气压值计算海拔高度,辅助定位和导航。
磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中,当电子设备100是翻盖机时,电子设备100可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态,设置翻盖自动解锁等特性。
加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态,应用于横竖屏切换,计步器等应用。
距离传感器180F,用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中,拍摄场景,电子设备100可以利用距离传感器180F测距以实现快速对焦。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时,可以确定电子设备100附近有物体。当检测到不充分的反射光时,电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话,以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式,口袋模式自动解锁与锁屏。
环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合,检测电子设备100是否在口袋里,以防误触。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中,电子设备100利用温度传感器180J检测的温度,执行温度处理策略。例如,当温度传感器180J上报的温度超过阈值,电子设备100执行降低位于温度传感器180J附近的处理器的性能,以便降低功耗实施热保护。在另一些实施例中,当温度低于另一阈值时,电子设备100对电池142加热,以避免低温导致电子设备100异常关机。在其他一些实施例中,当温度低于又一阈值时,电子设备100对电池142的输出电压执行升压,以避免低温导致的异常关机。
触摸传感器180K,也称“触控器件”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中,骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏,接收血压跳动信号。在一些实施例中,骨传导传感器180M也可以设置于耳机中,结合成骨传导耳机。音频模块170可以基于所述骨传导传感器180M获取的声部振动骨块的振动信号,解析出语音信号,实现语音功能。应用处理器可以基于所述骨传导传感器180M获取的血压跳动信号解析心率信息,实现心率检测功能。
按键190包括开机键,音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反馈。例如,作用于不同应用(例如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作,马达191也可对应不同的振动反馈效果。不同的应用场景(例如:时间提醒,接收信息,闹钟,游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195,或从SIM卡接口195拔出,实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口,N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡,Micro SIM卡,SIM卡等。同一个SIM卡接口195可以同时插入多张卡。所述多张卡的类型可以相同,也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互,实现通话以及数据通信等功能。在一些实施例中,电子设备100采用eSIM,即:嵌入式SIM卡。eSIM卡可以嵌在电子设备100中,不能和电子设备100分离。
本申请实施例还提供一种计算机可读存储介质,该计算机可读存储介质中存储有计算机程序,当其在计算机上运行时,使得计算机执行本申请图1~图6所示实施例提供的方法。
本申请实施例还提供一种计算机程序产品,该计算机程序产品包括计算机程序,当其在计算机上运行时,使得计算机执行本申请图1~图6所示实施例提供的方法。
本申请实施例中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示单独存在A、同时存在A和B、单独存在B的情况。其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项”及其类似表达,是指的这些项中的任意组合,包括单项或复数项的任意组合。例如,a,b和c中的至少一项可以表示:a,b,c,a和b,a和c,b和c或a和b和c,其中a,b,c可以是单个,也可以是多个。
可以理解的是,本申请实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
可以理解的是,上述电子设备等为了实现上述功能,其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,本申请实施例能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请实施例的范围。
本申请实施例可以根据上述方法示例对上述电子设备等进行功能模块的划分,例如,可以对应各个功能划分各个功能模块,也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。需要说明的是,本申请实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
通过以上的实施方式的描述,所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。上述描述的系统,装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请实施例各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)或处理器执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:快闪存储器、移动硬盘、只读存储器、随机存取存储器、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何在本申请揭露的技术范围内的变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (19)
1.一种跨设备的页面切换方法,应用于第一电子设备,所述第一电子设备显示第一页面,其特征在于,所述方法包括:
检测到用户的页面切换操作;
响应于检测到的所述操作,向所述第二电子设备发送跨设备页面请求,所述跨设备页面请求指示所述第二电子设备显示第二页面;
获取所述第一页面与所述第二页面的关联元素在所述第一页面中的第一信息及第一屏幕信息;
接收所述第二电子设备发送的关联元素在所述第二页面中的第二信息及第二屏幕信息;
基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则;
基于所述第一展示规则对所述关联元素进行动态展示。
2.根据权利要求1所述的方法,其特征在于,所述第一信息包括所述关联元素在所述第一页面中的第一起始位置,所述第二信息包括所述关联元素在所述第二页面中的第一目标位置,所述第一屏幕信息包括所述第一电子设备的屏幕的尺寸,所述第二屏幕信息包括所述第二电子设备的屏幕的尺寸。
3.根据权利要求2所述的方法,其特征在于,所述基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则包括:
基于所述第一屏幕信息及所述第二屏幕信息确定缩放比例;
基于所述缩放比例对所述第一目标位置进行计算,得到第二目标位置;
基于所述第一起始位置及所述第二目标位置确定运动路径。
4.根据权利要求3所述的方法,其特征在于,所述第一信息还包括所述关联元素在所述第一页面中的第一起始尺寸,所述第二信息还包括所述关联元素在所述第二页面中的第一目标尺寸,所述基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则包括:
基于所述第一屏幕信息及所述第二屏幕信息确定缩放比例;
基于所述缩放比例对所述第一目标尺寸进行计算,得到第二目标尺寸;
基于所述第一起始尺寸、所述第二目标尺寸及所述运动路径确定尺寸渐变过程。
5.根据权利要求1-4任一项所述的方法,其特征在于,所述基于所述第一展示规则对所述关联元素进行动态展示包括:
在所述第一页面上创建透明图层,其中,所述第一页面的内容透过所述透明图层进行显示;
隐藏所述第一页面中的关联元素;
在所述透明图层上,基于所述第一展示规则对所述关联元素进行动态展示。
6.根据权利要求1-4任一项所述的方法,其特征在于,所述方法还包括:
将所述第一信息及所述第一屏幕信息发送给所述第二电子设备,使得所述第二电子设备基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第二展示规则。
7.根据权利要求2所述的方法,其特征在于,所述基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则包括:
基于所述第一屏幕信息、所述第二屏幕信息、所述第一起始位置及所述第一目标位置确定运动路径,其中,所述运动路径包括第一子路径及第二子路径,所述第一子路径用于表征所述关联元素从所述第一起始位置到所述第一电子设备的屏幕边界的路径,所述第二子路径用于表征所述关联元素从所述第二电子设备的屏幕边界到所述第一目标位置的路径。
8.根据权利要求7所述的方法,其特征在于,所述基于所述第一展示规则对所述关联元素进行动态展示包括:
基于所述第一子路径对所述关联元素进行动态展示。
9.根据权利要求7或8所述的方法,其特征在于,所述基于所述第一展示规则对所述关联元素进行动态展示之后,所述方法还包括:
向所述第二电子设备发送动画展示指令,使得所述第二电子设备基于所述第二子路径对所述关联元素进行动态展示,其中,所述动画展示指令包含所述第二子路径。
10.一种第一电子设备,其特征在于,包括:存储器,所述存储器用于存储计算机程序代码,所述计算机程序代码包括指令,当所述第一电子设备从所述存储器中读取所述指令,以使得所述第一电子设备执行以下步骤:
检测到用户的页面切换操作;
响应于检测到的所述操作,向所述第二电子设备发送跨设备页面请求,所述跨设备页面请求指示所述第二电子设备显示第二页面;
获取所述第一页面与所述第二页面的关联元素在所述第一页面中的第一信息及第一屏幕信息;
接收所述第二电子设备发送的关联元素在所述第二页面中的第二信息及第二屏幕信息;
基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则;
基于所述第一展示规则对所述关联元素进行动态展示。
11.根据权利要求10所述的第一电子设备,其特征在于,所述第一信息包括所述关联元素在所述第一页面中的第一起始位置,所述第二信息包括所述关联元素在所述第二页面中的第一目标位置,所述第一屏幕信息包括所述第一电子设备的屏幕的尺寸,所述第二屏幕信息包括所述第二电子设备的屏幕的尺寸。
12.根据权利要求11所述的第一电子设备,其特征在于,所述指令被所述第一电子设备执行时,使得所述第一电子设备执行基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则的步骤包括:
基于所述第一屏幕信息及所述第二屏幕信息确定缩放比例;
基于所述缩放比例对所述第一目标位置进行计算,得到第二目标位置;
基于所述第一起始位置及所述第二目标位置确定运动路径。
13.根据权利要求12所述的第一电子设备,其特征在于,所述第一信息还包括所述关联元素在所述第一页面中的第一起始尺寸,所述第二信息还包括所述关联元素在所述第二页面中的第一目标尺寸,所述指令被所述第一电子设备执行时,使得所述第一电子设备执行基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则的步骤包括:
基于所述第一屏幕信息及所述第二屏幕信息确定缩放比例;
基于所述缩放比例对所述第一目标尺寸进行计算,得到第二目标尺寸;
基于所述第一起始尺寸、所述第二目标尺寸及所述运动路径确定尺寸渐变过程。
14.根据权利要求10-13任一项所述的第一电子设备,其特征在于,所述指令被所述第一电子设备执行时,使得所述第一电子设备执行基于所述第一展示规则对所述关联元素进行动态展示的步骤包括:
在所述第一页面上创建透明图层,其中,所述第一页面的内容透过所述透明图层进行显示;
隐藏所述第一页面中的关联元素;
在所述透明图层上,基于所述第一展示规则对所述关联元素进行动态展示。
15.根据权利要求10-13任一项所述的第一电子设备,其特征在于,所述指令被所述第一电子设备执行时,还执行以下步骤:
将所述第一信息及所述第一屏幕信息发送给所述第二电子设备,使得所述第二电子设备基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第二展示规则。
16.根据权利要求11所述的第一电子设备,其特征在于,所述指令被所述第一电子设备执行时,使得所述第一电子设备执行基于所述第一信息、所述第二信息、所述第一屏幕信息及所述第二屏幕信息确定所述关联元素的第一展示规则的步骤包括:
基于所述第一屏幕信息、所述第二屏幕信息、所述第一起始位置及所述第一目标位置确定运动路径,其中,所述运动路径包括第一子路径及第二子路径,所述第一子路径用于表征所述关联元素从所述第一起始位置到所述第一电子设备的屏幕边界的路径,所述第二子路径用于表征所述关联元素从所述第二电子设备的屏幕边界到所述第一目标位置的路径。
17.根据权利要求16所述的第一电子设备,其特征在于,所述指令被所述第一电子设备执行时,使得所述第一电子设备执行基于所述第一展示规则对所述关联元素进行动态展示的步骤包括:
基于所述第一子路径对所述关联元素进行动态展示。
18.根据权利要求16或17所述的第一电子设备,其特征在于,所述指令被所述第一电子设备执行时,使得所述第一电子设备执行基于所述第一展示规则对所述关联元素进行动态展示的步骤之后,还执行以下步骤:
向所述第二电子设备发送动画展示指令,使得所述第二电子设备基于所述第二子路径对所述关联元素进行动态展示,其中,所述动画展示指令包含所述第二子路径。
19.一种计算机可读存储介质,其特征在于,包括计算机指令,当所述计算机指令在所述第一电子设备上运行时,使得所述第一电子设备执行如权利要求1-9中任一项所述的跨设备的页面切换方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011392971.7A CN114579900A (zh) | 2020-12-02 | 2020-12-02 | 跨设备的页面切换方法、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011392971.7A CN114579900A (zh) | 2020-12-02 | 2020-12-02 | 跨设备的页面切换方法、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114579900A true CN114579900A (zh) | 2022-06-03 |
Family
ID=81768617
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011392971.7A Pending CN114579900A (zh) | 2020-12-02 | 2020-12-02 | 跨设备的页面切换方法、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114579900A (zh) |
-
2020
- 2020-12-02 CN CN202011392971.7A patent/CN114579900A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109766066B (zh) | 一种消息处理的方法、相关装置及系统 | |
CN115866121B (zh) | 应用界面交互方法、电子设备和计算机可读存储介质 | |
WO2021036585A1 (zh) | 一种柔性屏显示方法和电子设备 | |
CN110012154A (zh) | 一种具有折叠屏的电子设备的控制方法及电子设备 | |
CN112860428A (zh) | 一种高能效的显示处理方法及设备 | |
CN114489533A (zh) | 投屏方法、装置、电子设备及计算机可读存储介质 | |
CN110012130A (zh) | 一种具有折叠屏的电子设备的控制方法及电子设备 | |
CN113973189B (zh) | 显示内容的切换方法、装置、终端及存储介质 | |
CN113935898A (zh) | 图像处理方法、系统、电子设备及计算机可读存储介质 | |
CN114756184B (zh) | 协同显示方法、终端设备及计算机可读存储介质 | |
CN115016869A (zh) | 帧率调整方法、终端设备及帧率调整系统 | |
CN111492678B (zh) | 一种文件传输方法及电子设备 | |
CN113934330A (zh) | 一种截屏方法及电子设备 | |
CN114089932A (zh) | 多屏显示方法、装置、终端设备及存储介质 | |
CN112527220B (zh) | 一种电子设备显示方法及电子设备 | |
CN114500901A (zh) | 双景录像方法、装置和电子设备 | |
CN115914461B (zh) | 位置关系识别方法和电子设备 | |
CN114201738A (zh) | 解锁方法及电子设备 | |
CN114089902A (zh) | 手势交互方法、装置及终端设备 | |
WO2022062985A1 (zh) | 视频特效添加方法、装置及终端设备 | |
US20230419562A1 (en) | Method for Generating Brush Effect Picture, Image Editing Method, Device, and Storage Medium | |
CN114115617B (zh) | 一种应用于电子设备的显示方法及电子设备 | |
CN115619894A (zh) | 图标圆角化的处理方法及装置 | |
CN114579900A (zh) | 跨设备的页面切换方法、电子设备及存储介质 | |
CN116709018B (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 |