页面内容的分屏展示方法、多页面展示方法及装置制造方法及图纸

本申请适用于计算机技术领域，公开了一种页面内容的分屏展示方法、多页面展示方法及装置，分屏展示方法通过展示第一应用页面，其中第一应用页面包括第一应用内容区域和分屏容器区域，第一应用内容区域包含一个或多个内容项，以对一个应用页面进行分屏；响应作用于内容项的添加操作，将内容项添加至分屏容器区域，以在同一个应用页面内进行简单的添加操作，无需新建页签、重新打开内容项页面以及拖出页签等一系列繁琐操作，简化页面内容的分屏展示操作，提高操作效率；最后在分屏容器区域内，展示内容项的内容信息，从而同时在一个应用页面展示内容项和内容信息，提升展示效果，以及无需手动调整页面尺寸，进一步简化分屏展示操作。示操作。示操作。

【技术实现步骤摘要】
页面内容的分屏展示方法、多页面展示方法及装置


[0001]本申请涉及计算机
，尤其涉及一种页面内容的分屏展示方法、多页面展示方法及装置。

技术介绍

[0002]在应用页面中的内容项需要进行对比时，通常需要新建一个应用页面，以对两个应用页面中的内容项进行展示。目前，通常是新开一个浏览器页签，再找到该浏览器页签下的内容信息页面，然后拖出该页签作为单独的页面窗口，以展示同时内容项页面与内容信息页面。
[0003]但是，目前的展示方式每次都需要通过新开页签的方式打开页面，以及需要手动调整两个页面尺寸。可见，当前页面内容的展示方式存在操作步骤非常繁琐的问题。

技术实现思路

[0004]本申请提供了一种页面内容的分屏展示方法、多页面展示方法及装置，以解决当前页面内容展示方式存在操作繁琐的技术问题，简化页面内容展示操作，提高页面内容的展示效率和效果。
[0005]为了解决上述技术问题，第一方面，本申请提供了一种页面内容的分屏展示方法，包括：
[0006]展示第一应用页面，第一应用页面包括第一应用内容区域和分屏容器区域，第一应用内容区域包含一个或多个内容项；
[0007]响应作用于内容项的添加操作，将内容项添加至分屏容器区域；
[0008]在分屏容器区域内，展示内容项的内容信息。
[0009]本申请通过展示第一应用页面，其中第一应用页面包括第一应用内容区域和分屏容器区域，第一应用内容区域包含一个或多个内容项，以对一个应用页面进行分屏；在响应作用于内容项的添加操作，将内容项添加至分屏容器区域，以在同一个应用页面内进行简单的添加操作，无需新建页签、重新打开内容项页面以及拖出页签等一系列繁琐操作，简化页面内容的分屏展示操作，提高操作效率；最后在分屏容器区域内，展示内容项的内容信息，从而同时在一个应用页面展示内容项和内容信息，提升展示效果，以及无需手动调整页面尺寸，进一步简化分屏展示操作。
[0010]在第一方面的一些实现方式中，展示第一应用页面，包括：
[0011]展示第二应用页面，第二应用页面包括第二应用内容区域，第二应用内容区域为第二应用页面分屏前的第一应用内容区域；
[0012]若监听到第二应用页面的分屏启动事件，则启动第二应用页面的分屏模式，分屏模式用于将第二应用页面分屏为第一应用内容区域和分屏容器区域，以得到第一应用页面；
[0013]展示第一应用页面。
[0014]在本实现中，在展示内容项的第二应用页面的基础上，基于分屏模式自动对第二应用页面进行分屏，简化展示操作，提高操作效率。同时本实现方式仅针对当前页签下的页面内容进行分屏，不影响其他页签的内容展示，本实现方式具有更好的解耦性。
[0015]在第一方面的一些实现方式中，若监听到第二应用页面的分屏启动事件，则启动第二应用页面的分屏模式，包括：
[0016]若监听到第二应用页面的分屏启动事件，则在第二应用页面插入分屏容器；
[0017]基于第二应用内容区域以及分屏容器，对第二应用页面进行页面布局，得到第一应用页面。
[0018]在本实现中，通过插入分屏容器，以能够利用分屏容器的容器功能对内容项进行信息自动化读取；同时进行页面布局，以实现自动化调整页面内各个区域的尺寸，进一步提高分屏效率。
[0019]在第一方面的一些实现方式中，基于第二应用内容区域以及分屏容器，对第二应用页面进行页面布局，得到第一应用页面，包括：
[0020]基于预设布局比例，对第二应用内容区域进行尺寸缩放，得到第一应用页面的第一应用内容区域和空白区域；
[0021]将分屏容器填充至空白区域，得到分屏容器区域。
[0022]在本实现中，通过尺寸缩放和填充操作，实现在第二应用内容区域的基础上进行自动化分屏操作。
[0023]在第一方面的一些实现方式中，分屏启动事件包括基于预设快捷指令触发的分屏启动事件。
[0024]在本实现中，通过快捷指令的方式，简化用户操作，提高分屏效率。
[0025]在第一方面的一些实现方式中，添加操作为拖拽操作，响应作用于内容项的添加操作，将内容项添加至分屏容器区域，包括：
[0026]响应作用于内容项的拖拽操作，基于拖拽操作的拖拽轨迹，将内容项拖动至分屏容器区域。
[0027]在本实现中，基于拖拽操作实现快速分屏展示，同时能够动态展示分屏容器区域内容项的过程，提升用户体验。
[0028]在第一方面的一些实现方式中，拖拽操作包括选取操作、拖动操作和释放操作，响应作用于内容项的拖拽操作，基于拖拽操作的拖拽轨迹，将内容项拖动至分屏容器区域，包括：
[0029]响应作用于内容项的选取操作，展示内容项的缩放图；
[0030]响应作用于内容项的拖动操作，基于拖拽轨迹，将缩放图拖动至分屏容器区域；
[0031]响应作用于内容项的释放操作，在分屏容器区域内释放内容项，并取消展示缩放图。
[0032]在本实现中，在拖拽操作时展示内容项的缩放图，以使用户清晰便于当前拖拽的内容项位置，提升用户视觉效果。
[0033]在第一方面的一些实现方式中，响应作用于内容项的释放操作，在分屏容器区域内释放内容项，并取消展示缩放图，包括：
[0034]响应作用于内容项的释放操作，在分屏容器区域内释放内容项，并触发第二预设
拖拽事件；
[0035]基于第二预设拖拽事件，取消展示缩放图。
[0036]在本实现中，通过释放操作触发第二预设拖拽事件，以利用第二预设拖拽事件调用相应的代码函数，实现缩放图的取消展示，使整个拖拽操作更加流畅，进一步提升用户体验。
[0037]在第一方面的一些实现方式中，响应作用于内容项的选取操作，展示内容项的缩放图，包括：
[0038]响应作用于内容项的选取操作，记录内容项的节点元素信息；
[0039]根据节点元素信息，展示与节点元素信息对应的缩放图。
[0040]在本实现中，展示内容项的节点元素信息对应的缩放图，以便于用户直观查看到缩放图的图案，从而通过图案快速辨别所拖拽的内容项类型。
[0041]在第一方面的一些实现方式中，响应作用于内容项的选取操作，记录内容项的节点元素信息，包括：
[0042]响应作用于内容项的选取操作，触发第一预设拖拽事件；
[0043]基于第一预设拖拽事件，调用预设数据获取函数，记录内容项的节点元素信息。
[0044]在本实现中，通过调用预设数据获取函数记录内容项的节点元素信息，能够在拖拽操作开始时，从底层上快速识别内容项；同时能够使拖拽操作过程携带内容项的节点元素信息，以能够在后续分屏容器区域展示内容信息之前，根据节点元素信息识别内容项和读取内容项的相关信息。
[0045]在第一方面的一些实现方式中，根据节点元素信息，展示与节点元素信息对应的缩放图，包括：
[0046]调用预设节点复制函数，复制内容项的节点元素信息，生成新的节点元素信息；<本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面内容的分屏展示方法，其特征在于，包括：展示第一应用页面，所述第一应用页面包括第一应用内容区域和分屏容器区域，所述第一应用内容区域包含一个或多个内容项；响应作用于所述内容项的添加操作，将所述内容项添加至所述分屏容器区域；在所述分屏容器区域内，展示所述内容项的内容信息。2.如权利要求1所述的页面内容的分屏展示方法，其特征在于，所述展示第一应用页面，包括：展示第二应用页面，所述第二应用页面包括第二应用内容区域，所述第二应用内容区域为所述第二应用页面分屏前的所述第一应用内容区域；若监听到所述第二应用页面的分屏启动事件，则启动所述第二应用页面的分屏模式，所述分屏模式用于将所述第二应用页面分屏为所述第一应用内容区域和所述分屏容器区域，以得到所述第一应用页面；展示所述第一应用页面。3.如权利要求1所述的页面内容的分屏展示方法，其特征在于，所述添加操作为拖拽操作，所述响应作用于所述内容项的添加操作，将所述内容项添加至所述分屏容器区域，包括：响应作用于所述内容项的拖拽操作，基于所述拖拽操作的拖拽轨迹，将所述内容项拖动至所述分屏容器区域。4.如权利要求3所述的页面内容的分屏展示方法，其特征在于，所述拖拽操作包括选取操作、拖动操作和释放操作，所述响应作用于所述内容项的拖拽操作，基于所述拖拽操作的拖拽轨迹，将所述内容项拖动至所述分屏容器区域，包括：响应作用于所述内容项的选取操作，展示所述内容项的缩放图；响应作用于所述内容项的拖动操作，基于所述拖拽轨迹，将所述内容项的缩放图拖动至所述分屏容器区域；响应作用于所述内容项的释放操作，在所述分屏容器区域内释放所述内容项，并取消展示所述缩放图。5.如权利要求4所述的页面内容的分屏展示方法，其特征在于，所述响应作用于所述内容项的选取操作，展示所述内容项的缩放图，包括：响应作用于所述内容项的选取操作，记录所述内容项的节点元素信息；根据所述节点元素信息，展示与所述节点元素信息对应的缩放图。6.如权利要求5所述的页面内容的分屏展示方法，其特征在于，所述根据所述节点元素信息，展示与所述节点元素信息对应的缩放图，包括：调用预设节点复制函数，复制所述内容项的节点元素信息，生成新的节点元素信息；变更所述新的节点元素信息中的样式属性，生成所述缩放图；展示所述缩放图。7.如权利要求3所述的页面内容的分屏展示方法，其特征在于，所述响应作用于所述内容项的拖拽操作，基于所述拖拽操作的拖拽轨迹，将所述内容项拖动至所述分屏容器区域，包括：响应作用于所述内容项的拖拽操作，基于所述拖拽轨迹，对所...

【专利技术属性】
技术研发人员：杜传文，何剑航，商佳音，陈道生，吴桂芳，
申请(专利权)人：金蝶软件中国有限公司，
类型：发明
国别省市：