组件渲染方法及装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111290754A(43)申请公布日2020.06.16(21)申请号202010076327.2(22)申请日2020.01.23(71)申请人湖南快乐阳光互动娱乐传媒有限公司地址410003湖南省长沙市开福区湖南国际会展中心北四楼(72)发明人许泉泉方鸿灏(74)专利代理机构北京集佳知识产权代理有限公司11227代理人李伟(51)Int.Cl.G06F8/38(2018.01)权利要求书3页说明书12页附图5页(54)发明名称组件渲染方法及装置(57)摘要本发明提供了一种组件渲染方法及装置，该方法包括：当接收到组件渲染指令时，获取组件渲染指令包含的父容器信息及组件信息，创建父容器；以父容器的一个容器顶点作为原点建立直角坐标系，并确定父容器的坐标信息；在父容器内打点，获得点位的定点坐标，并确定目标组件的放置方式；依据组件信息及定点坐标确定渲染范围，并判断渲染范围是否超出父容器；若超出则调整渲染范围，以使目标组件不超出父容器；依据已调整的渲染范围及放置方式，在父容器中渲染目标组件。应用该方法，通过建立直角坐标系以及打点的方式确定目标组件在渲染时是否在父容器内，当目标组件不在父容器内时，可以调整目标组件的渲染范围，以保证在渲染目标组件时不超出父容器。CN111290754ACN111290754A权利要求书1/3页1.一种组件渲染方法，其特征在于，包括：当接收到组件渲染指令时，获取所述组件渲染指令中包含的父容器信息及待渲染的目标组件的组件信息；基于所述父容器信息，确定待渲染所述目标组件的当前界面，并在所述当前界面上创建所述父容器信息对应的父容器；以所述父容器的任意一个容器顶点作为原点建立直角坐标系，并确定所述父容器在所述直角坐标系中的坐标信息，所述坐标信息中包含所述父容器的每个容器顶点对应的容器顶点坐标；在所述父容器内任意一处进行打点，获得已打点的点位的定点坐标，并依据所述定点坐标确定所述目标组件的放置方式；其中，所述放置方式为将所述目标组件中的任意一个组件顶点与所述点位重合；依据所述组件信息及所述定点坐标，确定所述目标组件的渲染范围，并判断所述渲染范围是否超出所述父容器；若所述渲染范围超出所述父容器，则调整所述渲染范围，以使所述目标组件不超出所述父容器；依据已调整的渲染范围及所述放置方式，在所述父容器中渲染所述目标组件。2.根据权利要求1所述的方法，其特征在于，所述在所述当前界面上创建所述父容器信息对应的父容器，包括：获取所述父容器信息中包含的容器长度、容器宽度及容器位置参数；确定所述当前界面中与所述容器位置参数相匹配的界面位置，并在所述界面位置上按照所述容器长度及容器宽度创建父容器。3.根据权利要求1所述的方法，其特征在于，所述判断所述渲染范围是否超出所述父容器，包括：获取组件信息中包含的所述目标组件对应的各个边长的长度，并依据所述定点坐标及各个所述边长的长度，确定所述渲染范围中包含的所述目标组件的各个组件顶点在所述直角坐标系中的组件顶点坐标；依据各个所述容器顶点坐标，确定所述目标组件在横坐标上的进行渲染时的横坐标范围，及在纵坐标上进行渲染时的纵坐标范围；获取每个组件顶点坐标中的组件横坐标和组件纵坐标，并判断各个所述组件横坐标是否属于所述横坐标范围，及各个所述组件纵坐标是否属于所述纵坐标范围；若任意一个所述组件横坐标不属于所述横坐标范围，或任意一个所述组件纵坐标不属于所述纵坐标范围，则确定所述渲染范围超出所述父容器；若各个所述组件横坐标均属于所述横坐标范围，且各个所述组件纵坐标均属于所述纵坐标范围，则确定所述渲染范围未超出所述父容器。4.根据权利要求3所述的方法，其特征在于，所述若所述渲染范围超出所述父容器，则调整所述渲染范围，包括：依据各个所述组件顶点坐标及各个所述容器顶点坐标，计算所述渲染范围超出所述父容器的超出范围；依据所述超出范围，确定在所述父容器内对所述点位进行移动的移动方式，并依据所2CN111290754A权利要求书2/3页述移动方式，判断所述点位在移动后获得的渲染范围是否超出所述父容器；其中，所述移动方式包括向上平移、向下平移、向左平移以及向右平移；若所述点位在移动后获得的渲染范围不超出所述父容器，则按照所述移动方式在所述父容器内移动所述点位的位置，并随着所述点位的移动调整所述渲染范围。5.根据权利要求4所述的方法，其特征在于，还包括：若所述点位在移动后获得的渲染范围超出所述父容器，则依据所述组件信息及所述父容器信息，计算所述目标组件的组件尺寸及所述父容器的容器尺寸；依据所述容器尺寸对所述组件尺寸进行缩减，获得已缩减的组件尺寸，并确定所述点位在移动后的当前定点坐标；依据所述当前定点坐标及所述已缩减的组件尺寸，确定所述目标组件在所述