气泡框角点图标显示方法、装置、终端及介质制造方法及图纸

技术编号:37232855 阅读:13 留言:0更新日期:2023-04-20 23:15
本发明专利技术提供了一种气泡框角点图标显示方法、系统、终端及计算机存储介质,其中,方法包括:获取各角点图标于气泡框中的分布信息;响应于触发指令,获取气泡框于显示界面中的位置信息;基于所述气泡框的位置信息,和所述角点图标的分布信息,获取所述角点图标于所述显示界面中的显示位置,以使所述角点图标于所述显示位置处显示;本发明专利技术可以实现角点图标于不同尺寸显示界面中的正常显示,有效地解决了气泡框于不同显示界面中加载时或气泡框被拉伸时角点图标发生形变等问题,提高了界面渲染效果和用户体验感。和用户体验感。和用户体验感。

【技术实现步骤摘要】
气泡框角点图标显示方法、装置、终端及介质


[0001]本专利技术涉及互联网
,特别涉及一种气泡框角点图标显示方法、装置、终端及计算机存储介质。

技术介绍

[0002]随着互联网技术的蓬勃发展,尤其是直播、自媒体等技术的兴起,用户对于信息交互过程中的个性化需求越来越多;例如,用户将平台提供的富有个性的图标、或将自己喜欢的图片或照片设置为图标,渲染显示于气泡框的角点处,以于平台中随气泡框的出现,同时进行渲染展示。
[0003]然而,由于各用户端的显示屏幕尺度大小不同,长宽比例大小不一;同一气泡框图标于不同尺寸的显示屏幕中展示时,通常会随气泡框于显示屏幕中的拉伸而发生拉伸变形,导致图标的渲染效果降低,大大影响用户的体验感受。

技术实现思路

[0004]鉴于以上所述现有技术的缺点,本专利技术的目的在于提供一种气泡框角点图标显示方法、系统、终端及介质,用于解决现有的气泡框角点图标于不同尺寸的显示屏幕中显示时,会随气泡框的拉伸而发生拉伸变形等问题。
[0005]为了解决上述技术问题,本专利技术于第一方面提供一种气泡框角点图标显示方法,包括:获取各角点图标于气泡框中的分布信息;响应于触发指令,获取气泡框于显示界面中的位置信息;基于所述气泡框的位置信息,和所述角点图标于所述气泡框中的分布信息,获取所述角点图标于所述显示界面中的显示位置,以使所述角点图标于所述显示位置处显示。
[0006]于本专利技术一实施例中,所述获取角点图标于气泡框中的分布信息,包括:获取所述角点图标对应外接矩形于所述气泡框中的分布区域,以及,获取该分布区域于所述气泡框内的范围信息,包括:获取所述分布区域的各子角点于所述气泡框内的坐标信息;或获取所述分布区域的长度和宽度。
[0007]于本专利技术一实施例中,所述触发指令包括气泡框的拉伸指令,所述获取气泡框于显示界面中的位置信息,包括:获取所述气泡框于拉伸后各气泡框角点的坐标信息。
[0008]于本专利技术一实施例中,在获取气泡框于显示界面中的位置信息之后,所述气泡框角点图标显示方法还包括:获取所述气泡框的初始大小,和根据所述气泡框的位置信息,获取所述气泡框的显示大小;根据所述初始大小和所述显示大小,确定所述气泡框的形变比例;
[0009]基于所述形变比例,更新所述角点图标于所述气泡框中的分布信息。
[0010]于本专利技术一实施例中,所述显示大小包括显示长度和显示宽度,所述初始大小包括初始长度和初始宽度,则所述气泡框形变比例的获取方式,包括:将所述显示长度和所述初始长度相比较,获取第一形变比例;和将所述显示宽度和所述初始宽度相比较,获取第二
形变比例。
[0011]于本专利技术一实施例中,所述基于所述形变比例,更新所述角点图标于所述气泡框中的分布信息,包括:基于所述第一形变比例或所述第二形变比例,更新所述角点图标于气泡框中分布区域的长度;和基于所述第一形变比例或所述第二形变比例,更新所述角点图标于气泡框中分布区域的宽度。
[0012]本专利技术于第二方面提供了一种气泡框角点图标显示装置,包括:分布信息获取单元,用于获取各角点图标于气泡框中的分布信息;位置信息获取单元,用于响应触发指令,获取气泡框于显示界面中的位置信息;显示单元,用于基于所述气泡框的位置信息,和所述角点图标于所述气泡框中的分布信息,获取所述角点图标于所述显示界面中的显示位置,以使所述角点图标于所述显示位置处显示。
[0013]于本专利技术一实施例中,所述气泡框角点图标显示装置还包括:形变比例获取单元,用于获取所述气泡框的初始大小,和根据所述气泡框的位置信息,获取所述气泡框的显示大小;根据所述显示大小和气泡框的初始大小,确定所述气泡框的形变比例;分布信息更新单元,用于根据所述形变比例获取单元获取的形变比例,更新所述角点图标于所述气泡框中的分布信息。
[0014]本专利技术于第三方面提供了一种终端,包括:处理器以及存储器,所述存储器与所述处理器之间通信连接;所述存储器用于存储计算机程序,所述处理器用于执行所述存储器存储的计算机程序,以使所述终端执行如上所述气泡框角点图标显示方法。
[0015]本专利技术于第四方面提供了计算机存储介质,所述计算机存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如上所述气泡框角点图标显示方法。
[0016]如上所述,本专利技术提供的所述气泡框角点图标显示方法、装置、终端及计算机存储介质,利用所述气泡框于显示界面中的位置信息,和所述角点图标于所述气泡框中的分布信息,获取所述角点图标于所述显示界面中的显示位置,以实现角点图标于不同尺寸显示界面中的正常显示,避免气泡框于不同显示界面中加载时或气泡框被拉伸时,角点图标发生形变而导致渲染效果的降低,以及对用户体验的影响。
[0017]本专利技术的其它特征和优点将在随后的说明书中阐述,并且部分地从说明书中变得显而易见,或者通过实施本专利技术而了解。本专利技术的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。
附图说明
[0018]图1示出了本专利技术所述气泡框角点图标显示方法于一实施例中的流程示意图;
[0019]图2示出了本专利技术所述气泡框于一实施例中的示意图;
[0020]图3示出了本专利技术所述气泡框角点图标显示方法于另一实施例中的流程示意图;
[0021]图4示出了本专利技术所述气泡框角点图标显示装置于一实施例中的结构示意图;
[0022]图5示出了本专利技术所述气泡框角点图标显示装置于另一实施例中的结构示意图;
[0023]图6示出了本专利技术所述终端于一实施例中的结构示意图。
具体实施方式
[0024]以下通过特定的具体实例说明本专利技术的实施方式,本领域技术人员可由本说明书
所揭露的内容轻易地了解本专利技术的其他优点与功效。本专利技术还可以通过另外不同的具体实施方式加以实施或应用,本说明书中的各项细节也可以基于不同观点与应用,在没有背离本专利技术的精神下进行各种修饰或改变。需说明的是,在不冲突的情况下,以下实施例及实施例中的特征可以相互组合。
[0025]需要说明的是,以下实施例中所提供的图示仅以示意方式说明本专利技术的基本构想,遂图式中仅显示与本专利技术中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制,其实际实施时各组件的型态、数量及比例可为一种随意的改变,且其组件布局型态也可能更为复杂。
[0026]还需要说明的是,若本专利技术实施例中有涉及“第一”、“第二”等的描述,则该“第一”、“第二”等的描述仅用于描述目的,而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。
[0027]为解决现有技术中存在的技术问题,本专利技术提供一种气泡框角点图标显示方法、装置、终端和介质,用于当气泡框的图形显示范围发生变化时(如于新的显示界面中加载气泡框或对气泡框进行拉伸),气泡框的角点图标正常显示而不发生变形。
[0028]其中,所本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种气泡框角点图标显示方法,其特征在于,包括:获取各角点图标于气泡框中的分布信息;响应于触发指令,获取气泡框于显示界面中的位置信息;基于所述气泡框的位置信息,和所述角点图标于所述气泡框中的分布信息,获取所述角点图标于所述显示界面中的显示位置,以使所述角点图标于所述显示位置处显示。2.根据权利要求1所述的气泡框角点图标显示方法,其特征在于,所述获取角点图标于气泡框中的分布信息,包括:获取所述角点图标对应外接矩形于所述气泡框中的分布区域,以及,获取该分布区域于所述气泡框内的范围信息,包括:获取所述分布区域的各子角点于所述气泡框内的坐标信息;或获取所述分布区域的长度和宽度。3.根据权利要求1所述的气泡框角点图标显示方法,其特征在于,所述触发指令包括气泡框的拉伸指令,所述获取气泡框于显示界面中的位置信息,包括:获取所述气泡框于拉伸后各气泡框角点的坐标信息。4.根据权利要求1所述的气泡框角点图标显示方法,其特征在于,在获取气泡框于显示界面中的位置信息之后,所述气泡框角点图标显示方法还包括:获取所述气泡框的初始大小,和根据所述气泡框的位置信息,获取所述气泡框的显示大小;根据所述初始大小和所述显示大小,确定所述气泡框的形变比例;基于所述形变比例,更新所述角点图标于所述气泡框中的分布信息。5.根据权利要求4所述的气泡框角点图标显示方法,其特征在于,所述显示大小包括显示长度和显示宽度,所述初始大小包括初始长度和初始宽度,则所述气泡框形变比例的获取方式,包括:将所述显示长度和所述初始长度相比较,获取第一形变比例;和将所述显示宽度和所述初始宽度相比较,获取第二形变比例。6.根...

【专利技术属性】
技术研发人员:胡思文宋建明戎永刚
申请(专利权)人:杭州米络星科技集团有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1