一种组件的显示方法和相关装置制造方法及图纸

技术编号:42733672 阅读:21 留言:0更新日期:2024-09-18 13:30
本申请实施例公开了一种组件的显示方法和相关装置,通过第二线程基于离屏画布绘制得到用户组件,响应于获取针对用户组件的第一交互操作,通过第一线程确定该第一交互操作对应的页面坐标位置。通过第二线程,根据该页面坐标位置,从用户组件对应的多个页面区域中,确定该第一交互操作对应的目标页面区域。通过第一线程,将预先建立的辅助文档对象模型节点移动至目标页面区域,该辅助文档对象模型节点位于离屏画布的上层,从而通过辅助文档对象模型节点能够遮挡位于下层的离屏画布的内容,进而通过辅助文档对象模型节点显示该第一交互操作对应的交互组件,即通过辅助文档对象模型节点实现了在离屏画布上模拟与文档对象模型节点的交互。

【技术实现步骤摘要】

本申请涉及计算机,特别是涉及一种组件的显示方法和相关装置


技术介绍

1、组件是组成页面中最基本的元素,例如,组件可以是页面中的按钮、输入框、下拉选择等,组件和组件组合也会变成一个更复杂的组件。从而在页面中可以基于组件实现与用户的交互。

2、相关技术中,可以通过操作画布(canvas)对象在画布中绘制组件,从而在页面中实时生成组件图像,并通过大量的计算实现交互操作和重绘。

3、但是,该种会带来大量的计算开销,从而导致主线程阻塞。而且,canvas的绘图操作通常是通过javascript代码实现的,如绘制形状、填充颜色、应用渐变和纹理等,从而导致组件交互的多样性和可扩展性较低。


技术实现思路

1、为了解决上述技术问题,本申请提供了一种组件的显示方法和相关装置,用于在避免主线程阻塞的同时,提高组件交互的多样性和可扩展性。

2、本申请实施例公开了如下技术方案:

3、一方面,本申请实施例提供一种组件的显示方法,所述方法应用于运行第一线程和第二线程的设备,所述第一线程与所本文档来自技高网...

【技术保护点】

1.一种组件的显示方法,其特征在于,所述方法应用于运行第一线程和第二线程的设备,所述第一线程与所述第二线程为不同的线程,所述第二线程用于在不干扰所述第一线程的情况下执行任务,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述方法还包括:

3.根据权利要求2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,所述通过所述第二线程获取组件数据,包括:

6.根据权利要求4所述的方法,其特征在于,所述通过所述第二线程获取离屏画布,包括...

【技术特征摘要】

1.一种组件的显示方法,其特征在于,所述方法应用于运行第一线程和第二线程的设备,所述第一线程与所述第二线程为不同的线程,所述第二线程用于在不干扰所述第一线程的情况下执行任务,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述方法还包括:

3.根据权利要求2所述的方法,其特征在于,所述方法还包括:

4.根据权利要求1所述的方法,其特征在于,所述方法还包括:

5.根据权利要求4所述的方法,其特征在于,所述通过所述第二线程获取组件数据,包括:

6.根据权利要求4所述的方法,其特征在于,所述通过所述第二线程获取离屏画布,包括:

7.根据权利要求4所述的方法,其特征在于,所述组件数据包括组件源数据和组件配置数据,所述方法还包括:

8.根据权利要求1所述的方法,其特征在于,所述第二线程包括第一子线程和第二子线程,所述第一子线程用于基于所述离屏画布绘制得到所述用户组件,所述通过所述第二线程,从所述用户组件中确定所述页面坐标位置对应的目标页面区域,包括:

9.根...

【专利技术属性】
技术研发人员:孔维仲
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

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

1