[发明专利]卡片布局方法、装置、介质及电子设备在审
申请号: | 202310403869.X | 申请日: | 2023-04-14 |
公开(公告)号: | CN116414359A | 公开(公告)日: | 2023-07-11 |
发明(设计)人: | 陈龙;陈宇中 | 申请(专利权)人: | 北京有竹居网络技术有限公司 |
主分类号: | G06F8/20 | 分类号: | G06F8/20;G06F8/38;G06F8/30 |
代理公司: | 北京英创嘉友知识产权代理事务所(普通合伙) 11447 | 代理人: | 曾尧 |
地址: | 101299 北京市平*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 卡片 布局 方法 装置 介质 电子设备 | ||
1.一种卡片布局方法,其特征在于,包括:
接收服务器端发送的卡片的卡片数据,其中,所述卡片数据包括布局信息,所述布局信息包括目标锚点、所述卡片与所述目标锚点之间的间距以及目标容器;
根据所述布局信息,配置所述卡片的布局属性的属性值,所述布局属性包括位置属性,所述位置属性用于确定所述卡片在客户端页面显示的位置。
2.根据权利要求1所述的方法,其特征在于,所述根据所述布局信息,配置所述卡片的布局属性的属性值,包括:
确定所述目标锚点相对于所述目标容器的第一位置信息;
根据所述第一位置信息和所述卡片与所述目标锚点之间的间距,确定所述卡片相对于所述目标容器的第二位置信息;
根据所述第二位置信息和所述目标容器在所述客户端页面的位置,配置所述卡片的位置属性的属性值。
3.根据权利要求2所述的方法,其特征在于,所述位置属性包括描述所述卡片顶端与所述目标容器顶端的间距的属性、描述所述卡片底端与所述目标容器底端的间距的属性、描述所述卡片左端与所述目标容器左端的间距的属性以及描述所述卡片右端与所述目标容器右端的间距的属性,所述布局信息还包括指定尺寸,所述布局属性还包括尺寸属性,所述根据所述布局信息,配置所述卡片的布局属性的属性值还包括:
根据所述指定尺寸,配置所述卡片的尺寸属性的属性值;
所述方法还包括:根据所述位置属性的属性值,确定所述卡片的目标尺寸,并在所述目标尺寸与所述指定尺寸不一致的情况下,将配置的所述卡片的尺寸属性的属性值更新为所述目标尺寸。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在检测到所述目标锚点在所述客户端页面的位置发生变化的情况下,重新执行根据所述布局信息,配置所述卡片的布局属性的属性值的步骤。
5.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取至少一个锚点的锚点标识;
将所述至少一个锚点的锚点标识存储到所述客户端的软件开发工具包,以使所述服务器端通过访问所述软件开发工具包中的所述至少一个锚点的锚点标识确定所述目标锚点。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
获取至少一个卡片容器的容器标识,所述卡片容器是预埋在所述客户端页面中的;
将所述至少一个卡片容器的容器标识存储到所述客户端的软件开发工具包,以使所述服务器端通过访问所述软件开发工具包中的所述至少一个卡片容器的容器标识确定所述目标容器。
7.根据权利要求1所述的方法,其特征在于,所述卡片数据还包括渲染信息,所述方法还包括:
根据所述渲染信息,配置所述卡片的渲染属性的属性值,其中,所述渲染信息用于确定所述卡片的渲染时机和所述卡片在渲染时是否可见。
8.一种卡片布局方法,其特征在于,包括:
向终端发送卡片的卡片数据;
其中,所述卡片数据包括布局信息,所述布局信息至少包括目标锚点、所述卡片与所述目标锚点之间的间距以及目标容器,所述布局信息用于所述终端配置所述卡片的布局属性的属性值,所述布局属性包括位置属性,所述位置属性用于确定所述卡片在客户端页面显示的位置。
9.一种卡片布局装置,其特征在于,包括:
接收模块,用于接收服务器端发送的卡片的卡片数据,其中,所述卡片数据包括布局信息,所述布局信息包括目标锚点、所述卡片与所述目标锚点之间的间距以及目标容器;
第一配置模块,用于根据所述布局信息,配置所述卡片的布局属性的属性值,所述布局属性包括位置属性,所述位置属性用于确定所述卡片在客户端页面显示的位置。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京有竹居网络技术有限公司,未经北京有竹居网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202310403869.X/1.html,转载请声明来源钻瓜专利网。