弹窗展示方法、装置以及存储介质和电子设备制造方法及图纸

本发明专利技术提供了一种弹窗展示方法、装置以及存储介质和电子设备，其中，该方法包括：接收对目标节点的弹窗展示指令，获取目标节点对应的弹窗信息；获取目标节点的位置和大小以及页面可视区域的大小，并根据目标节点的位置和大小以及页面可视区域的大小，确定弹窗的位置，以使弹窗展示时不遮挡目标节点且处于页面可视区域内；根据弹窗的位置，展示弹窗。本发明专利技术提供的弹窗展示方法、装置以及存储介质和电子设备，不仅能够避免弹窗遮挡目标节点影响用户使用，也能够使弹窗和目标节点产生视觉上的关联，便于用户对应查阅。便于用户对应查阅。便于用户对应查阅。

【技术实现步骤摘要】
弹窗展示方法、装置以及存储介质和电子设备


[0001]本专利技术涉及计算机信息处理
，尤其是一种弹窗展示方法、装 置以及存储介质和电子设备。

技术介绍

[0002]弹窗是在用户当前页面中通过弹出的方式展示的一种信息窗口，弹窗 一般比当前页面小，悬浮在当前页面之上。由于弹窗具有醒目的特征，经 常被用来作为重要消息的推送。
[0003]目前，弹窗技术已被广泛应用于各种场景，例如，通过弹窗对企业关 联信息进行展示，当用户在展示的企业关系图谱中想要进一步查看某企业 的详细信息时，只需在企业关系图谱中选择相应的公司节点，即可通过弹 窗查看某个公司节点的详情信息。
[0004]在现有技术中，弹窗的显示位置通常是固定的，而弹窗的显示位置固 定很可能会导致弹窗遮挡对用户而言比较重要或者用户当前需要参考的信 息，这将会影响用户体验，如图1所示，当用户在企业关系图谱中想要查 看某个企业节点的详细信息时，点击企业节点(即目标节点)，记载企业 节点的详细信息的弹窗会固定显示在企业关系图谱的最左侧，遮挡了大部 分的企业关系图谱，并且弹窗不能与点击的企业节点产生视觉上的关联关 系，降低了用户体验感。

技术实现思路

[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]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种弹窗展示方法，其特征在于，所述方法包括：接收对目标节点的弹窗展示指令，获取所述目标节点对应的弹窗信息；获取所述目标节点的位置和大小以及页面可视区域的大小，并根据所述目标节点的位置和大小以及所述页面可视区域的大小，确定弹窗的位置，以使所述弹窗展示时不遮挡所述目标节点且处于所述页面可视区域内；根据所述弹窗的位置，展示所述弹窗。2.如权利要求1所述的弹窗展示方法，其特征在于，所述获取所述目标节点的位置和大小以及页面可视区域的大小，并根据所述目标节点的位置和大小以及所述页面可视区域的大小，确定弹窗的位置，包括：获取所述目标节点的中心坐标和大小以及页面可视区域的大小；根据所述目标节点的中心坐标与所述页面可视区域的边界的距离以及所述目标节点的大小，调整弹窗的坐标位置。3.如权利要求2所述的弹窗展示方法，其特征在于，所述根据所述目标节点的中心坐标与所述页面可视区域的边界的距离以及所述目标节点的大小，调整弹窗的坐标位置，包括：当所述目标节点的中心坐标的横坐标小于或等于所述页面可视区域的宽度的一半时，通过确定所述弹窗的最左上角顶点的坐标以确定所述弹窗的坐标位置；或者，当所述目标节点的中心坐标的横坐标大于所述页面可视区域的宽度的一半时，通过确定所述弹窗最右上角顶点的坐标以确定所述弹窗的坐标位置。4.如权利要求3所述的弹窗展示方法，其特征在于，所述当所述目标节点的中心坐标的横坐标小于或等于所述页面可视区域的宽度的一半时，通过确定所述弹窗的最左上角顶点的坐标以确定所述弹窗的坐标位置，包括：确定所述弹窗的最左上角顶点的横坐标大于或等于所述目标节点的中心坐标的横坐标与所述目标节点的宽度的一半之和，所述弹窗的最左上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区域的底部边界的距离是否小于所述弹窗的高度确定；或者，所述当所述目标节点的中心坐标的横坐标大于所述页面可视区域的宽度的一半时，通过确定所述弹窗最右上角顶点的坐标以确定所述弹窗的坐标位置，包括：确定所述弹窗最右上角顶点的横坐标小于或等于所述目标节点的中心坐标的横坐标与所述目标节点的宽度的一半之差，所述弹窗最右上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区域的底部边界的距离是否小于所述弹窗的高度确定。5.如权利要求4所述的弹窗展示方法，其特征在于，所述弹窗的最左上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区域的底部边界的距离是否小于所述弹窗的高度确定，包括：若所述目标节点的中心坐标的纵坐标与所述弹窗的高度之和大于所述页面可视区域的高度，则所述弹窗的最左上角顶点的纵坐标为所述页面可视区域的高度与所述弹窗的高度之差；若所述目标节点的中心坐标的纵坐标与所述弹窗的高度之和小于或等于所述页面可视区域的高度，则所述弹窗的最左上角顶点的纵坐标为所述目标节点的中心坐标的纵坐标；或者，所述弹窗最右上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区域的底部边界的距离是否小于所述弹窗的高度确定，包括：若所述目标节点的中心坐标的纵坐标与所述弹窗的高度之和大于所述页面可视区域的高度，则所述弹窗的最右上角顶点的
纵坐标为所述页面可视区域的高度与所述弹窗的高度之差；若所述目标节点的中心坐标的纵坐标与所述弹窗的高度之和小于或等于所述页面可视区域的高度，则所述弹窗的最右上角顶点的纵坐标为所述目标节点的中心坐标的纵坐标。6.如权利要求1所述的弹窗展示方法，其特征在于，所述方法还包括：若在所述弹窗展示时接收到目标节点大小改变触发事件，则重新获取所述目标节点的位置和大小以及所述页面可视区域的大小，并根据重新确定的所述目标节点的位置和大小以及所述页面可视区域的大小，重新确定所述弹窗的位置。7.如权利要求1所述的弹窗展示方法，其特征在于，所述方法还包括：若用户触发当前弹窗的下级弹窗展示且所述当前弹窗位于所...

【专利技术属性】
技术研发人员：杨洪超，
申请(专利权)人：北京金堤科技有限公司，
类型：发明
国别省市：