页面生成方法和装置制造方法及图纸

本公开提供了一种页面生成方法和装置，涉及数据处理、图像处理、元宇宙、增强现实、虚拟现实等技术领域。具体实现方案为：获取拖拽初始布局页面的起始位置信息和结束位置信息，确定初始布局页面中的最大父节点容器元素，根据起始位置信息和结束位置信息，对最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面，使得页面生成方法可以应用于更多的应用场景，且节约了计算资源，相对避免了卡顿，提高了拖拽效率，提高了用户的拖拽体验。提高了用户的拖拽体验。提高了用户的拖拽体验。

【技术实现步骤摘要】
页面生成方法和装置


[0001]本公开涉及数据处理、图像处理、元宇宙、增强现实、虚拟现实等
，尤其涉及一种页面生成方法和装置。

技术介绍

[0002]布局页面拖拽功能是常见且重要的功能，如改变布局页面的元素的布局、拖动改变布局页面的元素的位置等。
[0003]例如，将布局页面的元素进行拖拽后，元素的位置依赖的相关参照也发生了变化，页面拖拽后可能导致元素之间的相对位置关系错误。
[0004]在一些实施例中，可以通过获取因拖拽而造成的各元素各自对应的位置变化信息，并基于各元素各自对应的位置变化生成调整后的布局页面。

技术实现思路

[0005]本公开提供了一种用于节约页面拖拽的资源的页面生成方法和装置。
[0006]根据本公开的第一方面，提供了一种页面生成方法，包括：获取拖拽初始布局页面的起始位置信息和结束位置信息；
[0007]确定所述初始布局页面中的最大父节点容器元素；
[0008]根据所述起始位置信息和所述结束位置信息，对所述最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面。
[0009]根据本公开的第二方面，提供了一种页面生成装置，包括：第一获取单元，用于获取拖拽初始布局页面的起始位置信息和结束位置信息；
[0010]第一确定单元，用于确定所述初始布局页面中的最大父节点容器元素；
[0011]缩放单元，用于根据所述起始位置信息和所述结束位置信息，对所述最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面。
[0012]根据本公开的第三方面，提供了一种电子设备，包括：
[0013]至少一个处理器；以及
[0014]与所述至少一个处理器通信连接的存储器；其中，
[0015]所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行第一方面所述的方法。
[0016]根据本公开的第四方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据第一方面所述的方法。
[0017]根据本公开的第五方面，提供了一种计算机程序产品，所述计算机程序产品包括：计算机程序，所述计算机程序存储在可读存储介质中，电子设备的至少一个处理器可以从所述可读存储介质读取所述计算机程序，所述至少一个处理器执行所述计算机程序使得电子设备执行第一方面所述的方法。
[0018]根据本公开的第六方面，提供了一种终端设备，包括：
[0019]如第二方面所述的装置；
[0020]显示装置，用于输出初始布局页面和目标布局页面。
[0021]本实施例提供的页面生成方法和装置，包括：获取拖拽初始布局页面的起始位置信息和结束位置信息，确定初始布局页面中的最大父节点容器元素，根据起始位置信息和结束位置信息，对最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面，通过结合起始位置信息和结束位置信息，对最大父节点容器元素进行缩放处理，从而实现布局页面拖拽的技术特征，使得页面生成方法可以应用于更多的应用场景，且节约了计算资源，相对避免了卡顿，提高了拖拽效率，提高了用户的拖拽体验。
[0022]应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
[0023]附图用于更好地理解本方案，不构成对本公开的限定。其中：
[0024]图1是根据本公开第一实施例的示意图；
[0025]图2是根据本公开第二实施例的示意图；
[0026]图3是根据本公开第三实施例的示意图；
[0027]图4是本公开实施例的布局结构信息、视图属性信息、缩放基点之间的关系示意图；
[0028]图5是本公开实施例的页面生成方法的应用示意图；
[0029]图6是根据本公开第四实施例的示意图；
[0030]图7是根据本公开第五实施例的示意图；
[0031]图8是根据本公开第六实施例的示意图；
[0032]图9是用来实现本公开实施例的页面生成方法的电子设备的框图。
具体实施方式
[0033]以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
[0034]为便于读者理解本公开的实现原理，现对本公开的至少部分技术术语解释如下：
[0035]增强现实(Augmented Reality，AR)技术，是指将虚拟信息与真实世界巧妙融合的技术，广泛运用了多媒体、三维建模、实时跟踪及注册、智能交互、传感等多种技术手段，将计算机生成的文字、图像、三维模型、音乐、视频等虚拟信息模拟仿真后，应用到真实世界中，两种信息互为补充，从而实现对真实世界的“增强”。
[0036]虚拟现实技术(Virtual Reality，VR)，又称虚拟实境或灵境技术，其中，虚拟现实技术囊括计算机、电子信息、仿真技术，其基本实现方式是以计算机技术为主，利用并综合三维图形技术、多媒体技术、仿真技术、显示技术、伺服技术等多种高科技的最新发展成果，借助计算机等设备产生一个逼真的三维视觉、触觉、嗅觉等多种感官体验的虚拟世界，从而使处于虚拟世界中的人产生一种身临其境的感觉。
[0037]元宇宙(Metaverse)，是指运用数字技术构建的，由现实世界映射或超越现实世界，可与现实世界交互的虚拟世界的数字生活空间。
[0038]全球广域网(World Wide Web，Web)，也称为万维网，是一种基于超文本和超文本传输协议(Hyper Text Transfer Protocol，HTTP)的、全球性的、动态交互的、跨平台的分布式图形信息系统。
[0039]其中，超文本传输协议是一个请求
‑
响应协议，它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。
[0040]相应的，Web端可以理解为可以浏览互联网(Internet)上信息的设备。例如，若设备上可以安装浏览器，则可以将该设备称之为Web端，设备可以是终端设备，如用户终端(如计算机、笔记本电脑、以及手机等)，也可以是具有安全浏览器功能的智能家居(如冰箱等)，等等，此处不再一一列举。
[0041]文本对象模型(Document Ojbect Model，DOM)图，也可以称为树状图或者渲染树，由布局页面中的文档及文档中的所有元素组成的一个树形结构图。
[0042]重排，是指在布局页面被拖拽时，浏览器使渲染树中的受到拖拽影像的部分元素失效，并重新构造渲染树的过程。
[0043]重绘，是指浏览器重新绘制受影响的部分元素到屏幕的过本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面生成方法，包括：获取拖拽初始布局页面的起始位置信息和结束位置信息；确定所述初始布局页面中的最大父节点容器元素；根据所述起始位置信息和所述结束位置信息，对所述最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面。2.根据权利要求1所述的方法，其中，根据所述起始位置信息和所述结束位置信息，对所述最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面，包括：根据所述起始位置信息和所述结束位置信息，计算得到拖拽所述初始布局页面的变化比率；根据所述变化比率，对所述最大父节点容器元素进行缩放处理，得到所述目标布局页面。3.根据权利要求2所述的方法，所述方法还包括：获取所述初始布局页面的布局结构信息和视图属性信息，其中，所述布局结构信息和所述视图属性信息以浏览所述初始布局页面的视角为基准；根据所述布局结构信息和所述视图属性信息，确定缩放基点；以及，根据所述变化比率，对所述最大父节点容器元素进行缩放处理，得到所述目标布局页面，包括：根据所述缩放基点和所述变化比率，对所述最大父节点容器元素进行缩放处理，得到所述目标布局页面。4.根据权利要求3所述的方法，其中，若所述布局结构信息表征所述初始布局页面为左右结构，且所述视图属性信息表征所述初始布局为左视图，则所述缩放基点为所述最大父节点容器元素的左顶点、左中心点、左底点中的任意点；若所述布局结构信息表征所述初始布局页面为左右结构，且所述视图属性信息表征所述初始布局为右视图，则所述缩放基点为所述最大父节点容器元素的右顶点、右中心点、右底点中的任意点；若所述布局结构信息表征所述初始布局页面为上下结构，且所述视图属性信息表征所述初始布局为上视图，则所述缩放基点为所述最大父节点容器元素的左顶点、中心顶点、右顶点中的任意点；若所述布局结构信息表征所述初始布局页面为上下结构，且所述视图属性信息表征所述初始布局为下视图，则所述缩放基点为所述最大父节点容器元素的左底点、中心底点、右底点中的任意点。5.根据权利要求2
‑
4中任一项所述的方法，其中，根据所述变化比率，对所述最大父节点容器元素进行缩放处理，得到所述目标布局页面，包括：根据所述变化比率，添加所述最大父节点容器元素的层叠样式表属性中的变形属性；根据所述变形属性，对所述最大父节点容器元素进行缩放处理，得到所述目标布局页面。6.根据权利要求2
‑
5中任一项所述的方法，所述方法还包括：获取拖拽所述初始布局页面的拖拽类型，所述拖拽类型为放大类型或者缩小类型；以及，根据所述起始位置信息和所述结束位置信息，计算得到拖拽所述初始布局页面的变化比率，包括：若所述拖拽类型为缩小类型，则根据所述起始位置信息和所述结束位置
信息，计算得到拖拽所述初始布局页面的变化比率。7.根据权利要求6所述的方法，若所述拖拽类型为放大类型，则所述方法还包括：若所述结束位置信息不属于所述初始布局页面，则获取所述布局页面的布局结构信息，其中，所述布局结构信息以浏览所述初始布局页面的视角为基准；以及，根据所述起始位置信息和所述结束位置信息，计算得到拖拽所述初始布局页面的变化比率，包括：根据所述布局结构信息、所述起始位置信息、以及所述结束位置信息，计算得到所述变化比率。8.根据权利要求7所述的方法，其中，所述起始位置信息包括起始横坐标和起始纵坐标，所述结束位置信息包括结束横坐标和结束纵坐标，所述变化比率包括横坐标变化比率和纵坐标变化比率；若所述布局结构信息表征所述初始布局页面为左右结构，则所述横坐标变化比率为所述结束横坐标与所述起始横坐标之间的比值，所述纵坐标变化比率为1；若所述布局结构信息表征所述初始布局页面为上下结构，则所述纵坐标变化比率为所述结束纵坐标与所述起始纵坐标之间的比值，所述横坐标变化比率为1。9.一种页面生成装置，包括：第一获取单元，用于获取拖拽初始布局页面的起始位置信息和结束位置信息；第一确定单元，用于确定所述初始布局页面中的最大父节点容器元素；缩放单元，用于根据所述起始位置信息和所述结束位置信息，对所述最大父节点容器元素进行缩放处理，得到拖拽后的目标布局页面。10.根据...

【专利技术属性】
技术研发人员：范晓明，郭小华，周鹏飞，刘燕，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：