视图组件绘制方法、装置、电子设备及存储介质转让专利
申请号 : CN202210208282.9
文献号 : CN114820864B
文献日 : 2023-05-19
发明人 : 董慧凯 , 王宇航 , 曾鹏轩
申请人 : 北京思明启创科技有限公司
摘要 :
权利要求 :
1.一种视图组件绘制方法,其特征在于,包括:
响应用户绘制目标视图组件外观的绘制操作,从预设的基本结构单元库中选择与所述绘制操作相对应的至少一个基本结构单元的包围盒;
设置选择的每一个所述基本结构单元的包围盒的四角点坐标,得到所述绘制操作对应的目标视图组件。
2.根据权利要求1所述的方法,其特征在于,在得到所述绘制操作对应的目标视图组件后,所述方法还包括:响应用户配置所述目标视图组件的伸缩规则的操作,对应配置所述目标视图组件在水平方向的伸缩规则和所述目标视图组件在竖直方向的伸缩规则,以使所述目标视图组件能在水平方向和/或竖直方向伸缩。
3.根据权利要求1所述的方法,其特征在于,在所述响应用户绘制目标视图组件的绘制操作,从预设的基本结构单元库中选择与所述绘制操作相对应的至少一个基本结构单元的包围盒之前,所述方法还包括:获取所述目标视图组件的所有基本结构单元;
针对每一个基本结构单元,确定该基本结构单元在直角坐标系中的外观区域,得到外观区域数据;
根据该基本结构单元的外观区域数据,获取该基本结构单元的网格绘制区域数据;其中,所述网格绘制区域数据包括矩形区域的边界、按照预设顺序存储的三角形的顶点坐标、该网格绘制区域数据对应的所述外观区域以及每一个所述三角形的顶点坐标在所述外观区域中对应的外观坐标,所述矩形区域为包括该基本结构单元的最小矩形区域,所述矩形区域包括多个所述三角形;
根据该基本结构单元的网格绘制区域数据,确定该基本结构单元的包围盒。
4.根据权利要求3所述的方法,其特征在于,所述针对每一个基本结构单元,确定该基本结构单元在直角坐标系中的外观区域,包括:当该基本结构单元为水平垂直方向可伸缩的基本结构单元时,利用所述直角坐标系确定该基本结构单元的外观区域,相应的,所述外观区域数据包括横坐标集和纵坐标集,所述横坐标集包括该基本结构单元在水平方向上可伸缩区域和不可伸缩区域的所有边界点的横坐标,所述纵坐标集包括该基本结构单元在垂直方向上可伸缩区域和不可伸缩区域的所有边界点的纵坐标;
当该基本结构单元为不可伸缩的基本结构单元时,利用直角坐标系确定该基本结构单元的外观区域,相应的,所述外观区域数据包括横坐标集和纵坐标集,所述横坐标集包括该基本结构单元在水平方向上不可伸缩区域的边界点的横坐标,所述纵坐标集包括该基本结构单元在竖直方向上不可伸缩区域的所有边界点的纵坐标。
5.根据权利要求4所述的方法,其特征在于,当利用直角坐标系确定该基本结构单元的外观区域时,所述根据该基本结构单元的外观区域数据,获取该基本结构单元的网格绘制区域数据,包括:根据所述横坐标集和所述纵坐标集中最大的横坐标、最大的纵坐标和最小的横坐标、最小的纵坐标,确定所述矩形区域的边界;
根据所述横坐标集和所述纵坐标集,确定组成所述矩形区域的所有三角形的顶点坐标;
根据所述三角形的顶点坐标,将所述矩形区域划分为多个三角形区域,按照预设顺序记录每个三角形的顶点坐标;
针对每个三角形区域,确定并记录该三角形区域的三个顶点坐标各自在该基本结构单元的外观区域中对应的外观坐标,使得该三角形区域顶点坐标发生变换时,该三角形区域的三个顶点坐标对应的外观坐标不变。
6.根据权利要求4所述的方法,其特征在于,所述纵坐标为整数或有限小数,和/或,所述横坐标为整数或有限小数。
7.根据权利要求1所述的方法,其特征在于,在所述响应用户绘制目标视图组件的绘制操作,从预设的基本结构单元库中选择与所述绘制操作相对应的至少一个基本结构单元的包围盒之前,所述方法还包括:获取所述目标视图组件的所有基本结构单元;
针对每一个基本结构单元,确定该基本结构单元在直角坐标系中的外观区域,得到外观区域数据;
根据该基本结构单元的外观区域数据,获取该基本结构单元的网格绘制区域数据;其中,所述网格绘制区域数据包括扇形区域的边界、按照预设顺序存储的三角形的顶点坐标、该网格绘制区域数据对应的所述外观区域以及每一个所述三角形的顶点坐标在所述外观区域中对应的外观坐标,所述扇形区域为包括该基本结构单元的最小扇形区域,所述扇形区域包括多个所述三角形;
根据该基本结构单元的网格绘制区域数据,确定该基本结构单元的包围盒,所述包围盒为包括该基本结构单元的最小扇形区域。
8.根据权利要求7所述的方法,其特征在于,所述针对每一个基本结构单元,确定该基本结构单元在直角坐标系中的外观区域,包括:当该基本结构单元为在径向可伸缩的基本结构单元时,利用极坐标系确定该基本结构单元的外观区域,所述外观区域数据包括极径集、起始角度、终止角度、极坐标系原点在所述直角坐标系中的坐标;所述极径集包括该基本结构单元在径向上可伸缩区域和不可伸缩区域的所有边界点的极径,所述起始角度表征该基本结构单元在所述极坐标系中的起始极角,所述终止角度表征该基本结构单元在所述极坐标系中的终止极角;
当该基本结构单元为不可伸缩的基本结构单元时,利用极坐标系确定该基本结构单元的外观区域,相应的,所述外观区域数据包括极径集、起始角度、终止角度、极坐标系原点在所述直角坐标系中的坐标,所述极径集包括该基本结构单元在径向上不可伸缩区域的所有边界点的极径,所述起始角度表征该基本结构单元在所述极坐标系中的起始极角,所述终止角度表征该基本结构单元在所述极坐标系中的终止极角;
其中,所述极坐标系建立于所述直角坐标系中,所述极坐标系的极轴与所述直角坐标系的x轴正半轴方向相同。
9.根据权利要求8所述的方法,其特征在于,当利用极坐标系确定该基本结构单元的外观区域时,所述根据该基本结构单元的外观区域数据,获取该基本结构单元的网格绘制区域数据,包括:根据该基本结构单元在径向上可伸缩区域和不可伸缩区域的边界点的极径、极坐标系原点在外观区域中的原点坐标、起始角度、终止角度,确定所述扇形区域的边界;
以所述原点坐标为圆心,所述极径为半径,在所述起始角度、终止角度之间的圆弧中确定预设数量的目标点,所述目标点和所述极坐标系原点为组成所述扇形区域的三角形的顶点坐标,其中,不同的点不会互相重合;
根据所述三角形的顶点坐标,将所述扇形区域划分为多个三角形区域,按照预设顺序记录每个三角形的顶点坐标;
针对每个三角形区域,确定并记录该三角形区域的三个顶点坐标各自在该基本结构单元的外观区域中对应的外观坐标,使得该三角形区域顶点坐标发生变换时,该三角形区域的三个顶点坐标对应的外观坐标不变。
10.根据权利要求1所述的方法,其特征在于,所述目标视图组件为代码块视图组件。
11.一种视图组件绘制装置,其特征在于,包括:
绘制模块,用于响应用户绘制目标视图组件外观的绘制操作,从预设的基本结构单元库中选择与所述绘制操作相对应的至少一个基本结构单元的包围盒,设置模块,用于设置选择的每一个所述基本结构单元的包围盒的四角点坐标,得到所述绘制操作对应的目标视图组件。
12.一种电子设备,其特征在于,包括:存储器和处理器,所述存储器和所述处理器连接;
所述存储器,用于存储程序;
所述处理器,用于调用存储于所述存储器中的程序,以执行如权利要求1‑10中任一项所述的方法。
13.一种计算机可读存储介质,其特征在于,其上存储有计算机程序,所述计算机程序被计算机运行时,执行如权利要求1‑10中任一项所述的方法。
说明书 :
视图组件绘制方法、装置、电子设备及存储介质
技术领域
背景技术
子结点上绘制的内容拼接起来,从而显示出视图组件的完整外观。
面设计)布局运算产生一定的压力,同时也不便于开发调试阶段进行UI结点的查找。
发明内容
组件内部有冗余的子结点,对UI布局运算产生压力,也不便于开发调试阶段进行UI结点的
查找的问题。
结构单元的包围盒;设置选择的所述基本结构单元的包围盒的四角点坐标,得到所述绘制
操作对应的目标视图组件。
结构单元的包围盒的四角点坐标,即可得到该绘制操作对应的目标视图组件,无需设置多
个节点来组合该目标视图组件,使得得到的目标视图组件不会出现冗余的子结点,也就不
会对UI布局运算产生压力,进而便于在开发调试阶段快速、准确地查找UI结点,同时,不同
的目标视图组件可以通过同一基本结构单元库进行绘制,也就不会出现现有技术中的图片
资源冗余的问题,从而减小了程序运行时占用的内存。
设视图组件图标的关联关系的操作,将所述视图组件与所述目标视图组件建立关联,使得
在用户选择所述预设视图组件图标时,显示所述预设视图组件图标关联的所述目标视图组
件。
选择需要的目标视图组件,提高用户体验。
则的操作,对应配置所述目标视图组件在水平方向的伸缩规则和所述目标视图组件在垂直
方向的伸缩规则,以使所述目标视图组件能在水平方向和/或竖直方向伸缩。
的目标视图组件的应用范围,提高了本方案的泛用性。
至少一个基本结构单元的包围盒之前,所述方法还包括:获取所述目标视图组件的所有基
本结构单元;针对每一个基本结构单元,确定该基本结构单元在直角坐标系中的外观区域,
得到外观区域数据;根据该基本结构单元的外观区域数据,获取该基本结构单元的网格绘
制区域数据;其中,所述网格绘制区域数据包括矩形区域的边界、按照预设顺序存储的三角
形的顶点坐标、该网格绘制区域数据对应的所述外观区域以及每一个所述三角形的顶点坐
标在所述外观区域中对应的外观坐标,所述矩形区域为包括该基本结构单元的最小矩形区
域,所述矩形区域包括多个所述三角形;根据该基本结构单元的网格绘制区域数据,确定该
基本结构单元的包围盒,所述包围盒为包括该基本结构单元的最小矩形区域。
的顶点坐标、该网格绘制区域数据对应的外观区域以及每一个三角形的顶点坐标在外观区
域中对应的外观坐标,矩形区域为包括该基本结构单元的最小矩形区域,矩形区域包括多
个三角形,从而得到该基本结构单元的完整的网格绘制区域数据,进而在利用该网格绘制
区域数据计算包围盒时,能够更加精准地得到该基本结构单元的包围盒,进而提高利用该
基本结构单元的包围盒绘制的目标视图组件的准确性。
为水平垂直方向可伸缩的基本结构单元时,利用所述直角坐标系确定该基本结构单元的外
观区域,相应的,所述外观区域数据包括横坐标集和纵坐标集,所述横坐标集包括该基本结
构单元在水平方向上可伸缩区域和不可伸缩区域的所有边界点的横坐标,所述纵坐标集包
括该基本结构单元在竖直方向上可伸缩区域和不可伸缩区域的所有边界点的纵坐标;当该
基本结构单元为不可伸缩的基本结构单元时,利用直角坐标系确定该基本结构单元的外观
区域,相应的,所述外观区域数据包括横坐标集和纵坐标集,所述横坐标集包括该基本结构
单元在水平方向上不可伸缩区域的边界点的横坐标,所述纵坐标集包括该基本结构单元在
竖直方向上不可伸缩区域的所有边界点的纵坐标。
构单元在水平或垂直方向的可伸缩区域以及不可伸缩区域,使得到的外观区域数据更加符
合基本结构单元的实际情况,进而为确定网格绘制区域数据提供准确的外观区域数据。
基本结构单元的网格绘制区域数据,包括:根据所述横坐标集和所述纵坐标集中最大的横
坐标、最大的纵坐标和最小的横坐标、最小的纵坐标,确定所述矩形区域的边界;根据所述
横坐标集和所述纵坐标集,确定组成所述矩形区域的所有三角形的顶点坐标;根据所述三
角形的顶点坐标,将所述矩形区域划分为多个三角形区域,按照预设顺序记录每个三角形
的顶点坐标;针对每个三角形区域,确定并记录该三角形区域的三个顶点坐标各自在该基
本结构单元的外观区域中对应的外观坐标,使得该三角形区域顶点坐标发生变换时,该三
角形区域的三个顶点坐标对应的外观坐标不变。
定组成矩形区域的所有三角形的顶点坐标;根据三角形的顶点坐标,将矩形区域划分为多
个三角形区域,按照预设顺序记录每个三角形的顶点坐标;针对每个三角形区域,确定并记
录该三角形区域的三个顶点坐标各自在该基本结构单元的外观区域中对应的外观坐标,使
得该三角形区域顶点坐标发生变换时,该三角形区域的三个顶点坐标对应的外观坐标不
变,基于上述方式可以准确得到网格绘制区域数据,从而为计算包围盒提供准确的网格绘
制区域数据。
间隙的情况,提高绘制的视图组件的精度。
应的至少一个基本结构单元的包围盒之前,所述方法还包括:获取所述目标视图组件的所
有基本结构单元;针对每一个基本结构单元,确定该基本结构单元在直角坐标系中的外观
区域,得到外观区域数据;根据该基本结构单元的外观区域数据,获取该基本结构单元的网
格绘制区域数据;其中,所述网格绘制区域数据包括扇形区域的边界、按照预设顺序存储的
三角形的顶点坐标、该网格绘制区域数据对应的所述外观区域以及每一个所述三角形的顶
点坐标在所述外观区域中对应的外观坐标,所述扇形区域为包括该基本结构单元的最小扇
形区域,所述扇形区域包括多个所述三角形;根据该基本结构单元的网格绘制区域数据,确
定该基本结构单元的包围盒,所述包围盒为包括该基本结构单元的最小矩形区域。
的顶点坐标、该网格绘制区域数据对应的外观区域以及每一个三角形的顶点坐标在外观区
域中对应的外观坐标,扇形区域为包括该基本结构单元的最小扇形区域,扇形区域包括多
个三角形,从而得到该基本结构单元的完整的网格绘制区域数据,进而在利用该网格绘制
区域数据计算包围盒时,能够更加精准地得到该基本结构单元的包围盒,进而提高利用该
基本结构单元的包围盒绘制的目标视图组件的准确性。
为在径向可伸缩的基本结构单元时,利用极坐标系确定该基本结构单元的外观区域,所述
外观区域数据包括极径集、起始角度、终止角度、极坐标系原点在所述直角坐标系中的坐
标;所述极径集包括该基本结构单元在径向上可伸缩区域和不可伸缩区域的所有边界点的
极径,所述起始角度表征该基本结构单元在所述极坐标系中的起始极角,所述终止角度表
征该基本结构单元在所述极坐标系中的终止极角;当该基本结构单元为不可伸缩的基本结
构单元时,利用极坐标系确定该基本结构单元的外观区域,相应的,所述外观区域数据包括
极径集、起始角度、终止角度、极坐标系原点在所述直角坐标系中的坐标,所述极径集包括
该基本结构单元在径向上不可伸缩区域的所有边界点的极径,所述起始角度表征该基本结
构单元在所述极坐标系中的起始极角,所述终止角度表征该基本结构单元在所述极坐标系
中的终止极角;其中,所述极坐标系建立于所述直角坐标系中,所述极坐标系的极轴与所述
直角坐标系的x轴正半轴方向相同。
单元在径向的可伸缩区域以及不可伸缩区域,进而使得到的外观区域数据更加符合基本结
构单元的实际情况,为确定网格绘制区域数据提供准确的外观区域数据。
本结构单元的网格绘制区域数据,包括:根据该基本结构单元在径向上可伸缩区域和不可
伸缩区域的边界点的极径、极坐标系原点在外观区域中的原点坐标、起始角度、终止角度,
确定所述矩形区域的边界;以所述原点坐标为圆心,所述极径为半径,在所述起始角度、终
止角度之间的圆弧中确定预设数量的目标点,所述目标点和所述极坐标系原点为组成所述
矩形区域的三角形的顶点坐标,其中,不同的点不会互相重合;根据所述三角形的顶点坐
标,将所述矩形区域划分为多个三角形区域,按照预设顺序记录每个三角形的顶点坐标;针
对每个三角形区域,确定并记录该三角形区域的三个顶点坐标各自在该基本结构单元的外
观区域中对应的外观坐标,使得该三角形区域顶点坐标发生变换时,该三角形区域的三个
顶点坐标对应的外观坐标不变。
的边界;以原点坐标为圆心,极径为半径,在起始角度、终止角度之间的圆弧中确定预设数
量的目标点,目标点和极坐标系原点为组成矩形区域的三角形的顶点坐标,其中,不同的点
不会互相重合;根据三角形的顶点坐标,将矩形区域划分为多个三角形区域,按照预设顺序
记录每个三角形的顶点坐标;针对每个三角形区域,确定并记录该三角形区域的三个顶点
坐标各自在该基本结构单元的外观区域中对应的外观坐标,基于上述方式可以准确得到网
格绘制区域数据,从而为后续计算包围盒提供准确的网格绘制区域数据。
操作相对应的至少一个基本结构单元的包围盒;设置模块用于设置选择的每一个所述基本
结构单元的包围盒的四角点坐标,得到所述绘制操作对应的目标视图组件。
中的程序,以执行如上述第一方面实施例和/或结合上述第一方面实施例的任一种可能的
实施方式提供的方法。
种可能的实施方式提供的方法。
附图说明
范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这
些附图获得其他相关的附图。
具体实施方式
描述中诸如“第一”、“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体
或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或
者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列
出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多
限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方
法、物品或者设备中还存在另外的相同要素。
标,从而确定该基本结构单元的包围盒的位置,重复上述步骤,确定多个基本结构单元的包
围盒各自的位置,从而组合得到对应的目标视图组件。其中,多个相同基本结构单元的包围
盒可以同时存在,且同一基本结构单元的包围盒可以在不同的位置。其中,目标视图组件可
以是代码块视图组件,后续将利用代码块视图组件为例进行说明。
为目标代码块外观的完整外观,以及绘制该目标代码块外观所需的所有基本结构单元的包
围盒,图2中的(b)为确定图2中的(a)中基本结构单元的包围盒1的四角点坐标,即(x1,y1)、
(x2,y2)、(x1,y2)、(x2,y1)的示意图。同理,图2中的(c)、(d)、(e)、(f)、(g)、(h)分别为确定图
2中的(a)中基本结构单元的包围盒2‑7的四角点坐标示意图。
定图3中的网格绘制边界框,在图3所示的右侧的目标代码块外观绘制完成后,即可与代码
块视图组件建立关联,从而使得用户在选择该视图组件时,可以显示该目标代码块外观。
竖直方向的伸缩规则,以使目标视图组件能在水平方向和/或竖直方向伸缩。
方向的伸缩,进而实现该目标视图组件整体在水平方向的伸缩,同理,配置目标视图组件在
竖直方向的伸缩规则可以是,配置在该目标视图组件需要进行竖直方向的伸缩时,该视图
组件内的哪些基本结构单元的包围盒需要进行竖直方向的伸缩,进而实现该目标视图组件
整体在竖直方向的伸缩。其中,具体配置哪些基本结构单元的包围盒进行伸缩可以根据实
际需求设置,此处不对具体的伸缩规则作出限制。
系中的外观区域,得到外观区域数据;再根据该基本结构单元的外观区域数据,获取该基本
结构单元的网格绘制区域数据,最后根据该基本结构单元的网格绘制区域数据,确定该基
本结构单元的包围盒,其中,包围盒为包括该基本结构单元的最小矩形区域,网格绘制区域
数据包括矩形区域的边界、按照预设顺序存储的三角形的顶点坐标、该网格绘制区域数据
对应的外观区域以及每一个三角形的顶点坐标在外观区域中对应的外观坐标,矩形区域为
包括该基本结构单元的最小矩形区域,矩形区域包括多个三角形。其中,根据该基本结构单
元的网格绘制区域数据,确定该基本结构单元的包围盒的具体方式及原理已为本领域技术
人员所熟知,为简要描述,此处不再赘述。
集,横坐标集包括该基本结构单元在水平方向上可伸缩区域和不可伸缩区域的所有边界点
的横坐标,纵坐标集包括该基本结构单元在竖直方向上可伸缩区域和不可伸缩区域的所有
边界点的纵坐标。
方向和竖直方向伸缩的基本结构单元的外观区域,其中,U1该基本结构单元在水平方向的
最小横坐标,U3为该基本结构单元在水平方向的最大横坐标,U2为该基本结构单元在水平方
向的可伸缩区域和不可伸缩区域的交界点,可选的,可以设置U1至U2之间的区域为不可水平
伸缩区域,U2至U3之间的区域为可水平伸缩区域,此时,该基本结构单元顶部的曲线部分,不
会因为水平伸缩而发生形变。V1为该基本结构单元在竖直方向的最小纵坐标,V4为该基本结
构单元在竖直方向的最大纵坐标,V2至V3之间的区域为该基本结构单元在竖直方向的可伸
缩区域和不可伸缩区域的交界点,可选的,可以设置V1至V2之间的区域、V3至V4之间的区域
为不可竖直伸缩区域,V2至V3之间的区域为可竖直伸缩区域,此时,该基本结构单元顶部的
曲线部分,不会因为垂直伸缩而发生形变。图4所示的基本结构单元的外观区域的外观区域
数据包括横坐标集U:(U1,U2,U2,U3),纵坐标集V:(V1,V2,V3,V4)。
域时,相应的,外观区域数据包括横坐标集和纵坐标集,横坐标集包括该基本结构单元在水
平方向上不可伸缩区域的边界点的横坐标,横坐标为整数或有限小数,纵坐标集包括该基
本结构单元在竖直方向上不可伸缩区域的所有边界点的纵坐标,纵坐标为整数或有限小
数。其中,具体利用直角坐标系确定该基本结构单元的外观区域,并获取外观区域数据的方
法与前文记载的一致,为简要描述,此处不再赘述。
是,首先根据横坐标集和纵坐标集中最大的横坐标、最大的纵坐标和最小的横坐标、最小的
纵坐标,确定矩形区域的边界;然后根据横坐标集和纵坐标集,确定组成矩形区域的所有三
角形的顶点坐标;再根据三角形的顶点坐标,将矩形区域划分为多个三角形区域,按照预设
顺序记录每个三角形的顶点坐标;最后针对每个三角形区域,确定并记录该三角形区域的
三个顶点坐标各自在该基本结构单元的外观区域中对应的外观坐标,使得该三角形区域顶
点坐标发生变换时,该三角形区域的三个顶点坐标对应的外观坐标不变。
形的坐标记录完成后,记录从上到下数第二排三角形的顶点坐标,以此类推,直至记录完所
有三角形顶点的坐标。也可以是,从右上角的三角形开始记录,按照从右到左的顺序依次记
录每一排的三角形的顶点坐标,在第一排的三角形的坐标记录完成后,记录从上到下数第
二排三角形的顶点坐标,以此类推,直至记录完所有三角形顶点的坐标。上述举例仅为便于
理解,预设顺序可以根据实际需求设置,此处不对预设顺序作出限制。
域数据对应的外观区域,其中,图5所示的基本结构单元为在水平垂直方向可伸缩的基本结
构单元,且其对应的外观区域数据包括横坐标集U:(U1,U2,U2,U3),纵坐标集V:(V1,V2,V3,V4),因此,可以确定该基本结构单元对应的矩形区域的边界为由(U1,V1)、(U1,V4)、(U3,V1)、(U3,V4)四个点构成的矩形。
则按照预设顺序记录的每个三角形的顶点坐标为[(U1,V4)、(U1,V3)、(U2,V3)、(U1,V4)、(U2,V4)、(U2,V3)、(U2,V4)、(U2,V3)、(U3,V3)、(U2,V4)、(U3,V3)、(U3,V4)、(U1,V3)、(U1,V2)、(U2,V2)、(U1,V3)、(U2,V3)、(U2,V2)、(U2,V3)、(U2,V2)、(U3,V2)、(U2,V3)、(U3,V2)、(U3,V3)、(U1,V2)、(U1,V1)、(U2,V1)、(U1,V2)、(U2,V2)、(U2,V1)、(U2,V2)、(U2,V1)、(U3,V1)、(U2,V2)、(U3,V1)、(U3,V2)],其中,上述记录的顶点坐标中,第一个坐标到第三个坐标为一个三角形的三个顶点坐
标,第四个坐标到第六个坐标为另一个三角形的三个顶点坐标,以此类推。
结构单元的外观区域中的(U1,V1)对应,将三角形的顶点坐标为(U1,V2)与该基本结构单元
的外观区域中的(U1,V2)对应,以此类推,将三角形的所有的顶点坐标均与该基本结构单元
的外观区域中的一坐标对应,使得该三角形区域顶点坐标发生变换时,该三角形区域的三
个顶点坐标对应的外观坐标不变,进而使得该网格绘制区域数据对应的外观区域不变,例
如,在改变三角形的顶点坐标(U1,V1)、(U1,V2)、(U1,V3)、(U1,V4)、(U2,V1)、(U2,V2)、(U2,V3)、(U2,V4)、(U3,V1)、(U3,V2)、(U3,V3)、(U3,V4)中的部分或全部的坐标值后,每个顶点坐标对应的外观坐标不变。
坐标(U1,V1)中的U1、V1的赋值,修改后的顶点坐标(U1,V1)仍旧与该基本结构单元的外观区
域中的(U1,V1)对应,修改顶点坐标(U1,V2)中的U1、V2的赋值,修改后的顶点坐标(U1,V2)仍旧与该基本结构单元的外观区域中的(U1,V2)对应……,例如,顶点坐标(U1,V1)与外观坐标
(U1,V1)对应,当顶点坐标(U1,V1)的初始取值为(0.1,0.1),则在将该顶点坐标(U1,V1)的取值修改为(0.3,0.5)后,修改后的顶点坐标(U1,V1)仍旧与该基本结构单元的外观区域中的
(U1,V1),进而使得在进行水平翻转、垂直翻转、旋转和拉伸后,对应的基本结构单元也随之
进行水平翻转、垂直翻转、旋转和拉伸。图5中的(c)为对图5中的(b)进行水平翻转后的示意
图,图5中的(d)为对图5中的(b)进行垂直翻转后的示意图,图5中的(e)为对图5中的(b)进
行旋转后的示意图,图5中的(f)为对图5中的(b)进行拉伸后的示意图。
系中的外观区域,得到外观区域数据;再根据该基本结构单元的外观区域数据,获取该基本
结构单元的网格绘制区域数据,最后根据该基本结构单元的网格绘制区域数据,确定该基
本结构单元的包围盒,其中,包围盒为包括该基本结构单元的最小扇形区域,网格绘制区域
数据包括扇形区域的边界、按照预设顺序存储的三角形的顶点坐标、该网格绘制区域数据
对应的外观区域以及每一个三角形的顶点坐标在外观区域中对应的外观坐标,扇形区域为
包括该基本结构单元的最小扇形区域,扇形区域包括多个三角形。其中,根据该基本结构单
元的网格绘制区域数据,确定该基本结构单元的包围盒的具体方式及原理已为本领域技术
人员所熟知,为简要描述,此处不再赘述。其中,极坐标系确定该基本结构单元的外观区域
时,在以最大极径为半径、极坐标系原点为圆心,从起始角度向终止角度作圆弧后,该圆弧
可以完全包裹该基本结构单元,因此,可以将该圆弧作为该基本结构单元的边界,此时,该
基本结构单元的边界是扇形区域。
原点在直角坐标系中的坐标;极径集包括该基本结构单元在径向上可伸缩区域和不可伸缩
区域的所有边界点的极径,起始角度表征该基本结构单元在极坐标系中的起始极角,终止
角度表征该基本结构单元在极坐标系中的终止极角,极坐标系建立于直角坐标系中,极坐
标系的极轴与直角坐标系的x轴方向相同。
本结构单元的外观区域,其中,P为极坐标系的原点,P的坐标为(U1,V1),R1、R2、R3为该基本结构单元的3个极径,R3为该基本结构单元在径向的最大极径,0为在径向的最小极径,R1、R2为
该基本结构单元在径向可伸缩区域和不可伸缩区域的交界点,其中,U2‑U1=V2‑V1=R1,U3‑U2=V3‑V2=R2‑R1,U4‑U3=V4‑V3=R3‑R2,可选的,可以设置P至R1之间的区域和R2至R3之间的区域为不可径向伸缩区域,R1至R2之间的区域为可径向伸缩区域,P至R1之间的区域区域、R2
至R3之间的区域、R1至R2之间的区域为不同内径和外径的1/4圆环,图6所示的基本结构单元
为从极轴逆时针旋转九十度得到,因此,该基本结构单元的起始角度为0°,终止角度为‑
90°。综上,图6所示的基本结构单元的外观区域的外观区域数据包括极径集R:(0、R1、R2、
R3)、起始角度Start:0°、终止角度End:‑90°、极坐标系原点在直角坐标系中的坐标Pole:
(U1,V1)。
系原点在直角坐标系中的坐标,极径集包括该基本结构单元在径向上不可伸缩区域的所有
边界点的极径,起始角度表征该基本结构单元在极坐标系中的起始极角,终止角度表征该
基本结构单元在极坐标系中的终止极角。其中,利用极坐标系确定该基本结构单元的外观
区域,并获取外观区域数据的方法与前文记载的一致,为简要描述,此处不再赘述。
是,首先根据该基本结构单元在径向上可伸缩区域和不可伸缩区域的边界点的极径、极坐
标系原点在外观区域中的原点坐标、起始角度、终止角度,确定矩形区域的边界;然后以原
点坐标为圆心,极径为半径,在起始角度、终止角度之间的圆弧中确定预设数量的目标点,
目标点和极坐标系原点为组成矩形区域的三角形的顶点坐标,其中,不同的点不会互相重
合;再根据三角形的顶点坐标,将矩形区域划分为多个三角形区域,按照预设顺序记录每个
三角形的顶点坐标;最后针对每个三角形区域,确定并记录该三角形区域的三个顶点坐标
各自在该基本结构单元的外观区域中对应的外观坐标,使得该三角形区域顶点坐标发生变
换时,该三角形区域的三个顶点坐标对应的外观坐标不变。
外观,然后确定一最小矩形区域,该最小矩形区域的边界为矩形区域的边界。
外的至少一个点作为三角形的顶点,可选的,圆弧上除端点外的三角形顶点可以是该圆弧
的等分点,例如,当需要从该圆弧上选择N个点作为顶点时,可以选择将该圆弧进行N+1等分
的等分点作为三角形顶点,其中,同一条圆弧上选择的三角形顶点越多,对最后呈现的基本
结构单元的呈现效果越好。
形的顶点坐标,在极径最小的圆弧对应的所有三角形的顶点坐标记录完成后,记录极径第
二小的圆弧对应的所有三角形的顶点坐标,以此类推,直至完成所有三角形的顶点坐标的
记录。上述举例仅为便于理解,预设顺序可以根据实际需求设置,此处不对预设顺序作出限
制。
区域数据对应的外观区域,其中,图7所示的基本结构单元为在径向可伸缩的基本结构单
元,且其对应的外观区域数据包括:极径集R:(0、R1、R2、R3)、起始角度Start:0°、终止角度End:‑90°、极坐标系原点在直角坐标系中的坐标Pole:(U1,V1)。则图7中的基本结构单元对应的矩形区域的边界为由(U1,V1)、(U1,V4)、(U4,V1)、(U4,V4)四个点构成的矩形,或者,可以是由(U1,V1)为原点,(U1,V4)、(U4,V1)为弧形端点的扇形区域。分别在极径为R1、R2、R3的圆弧上选择该圆弧的三等分点,作为三角形的顶点,若该基本结构单元的边界为矩形区域时,三
角形的顶点包括(U1,V1)、(U1,V2)、(U1,V3)、(U1,V4)、(U2,V1)、(U3,V1)、(U4,V1)、(U4,V4)以及每段圆弧上的两个三等分点,若该基本结构单元的边界为扇形区域时,三角形的顶点包括
(U1,V1)、(U1,V2)、(U1,V3)、(U1,V4)、(U2,V1)、(U3,V1)、(U4,V1)以及每段圆弧上的两个三等分点。相应的,可以从极坐标系原点的三角形开始记录,按照从初始角度向终止角度的方向记
录每一个圆弧对应的所有三角形的顶点坐标,在极径最小的圆弧对应的所有三角形的顶点
坐标记录完成后,记录极径第二小的圆弧对应的所有三角形的顶点坐标,以此类推,直至完
成所有三角形的顶点坐标的记录,其中,具体的记录方式与前文记载的基本结构单元为在
水平垂直方向可伸缩的基本结构单元对应的网格绘制区域数据中的所有三角形的顶点坐
标的记录方式一致,确定并记录该基本结构单元的每个三角形区域的三个顶点坐标各自在
该基本结构单元的外观区域中对应的外观坐标也与前文记载的方式一致,为简要描述,此
处不再赘述。
中的(f)为对图7中的(b)进行拉伸后的示意图。
基本结构单元为图5所示的基本结构单元时,可以设置(U1,V1)、(U1,V2)、(U1,V3)、(U1,V4)、(U2,V1)、(U2,V2)、(U2,V3)、(U2,V4)为左边界对齐,(U3,V1)、(U3,V2)、(U3,V3)、(U3,V4)为右边界对齐,此时,在对该基本结构单元进行水平方向的伸缩时,由于(U1,V1)、(U1,V2)、(U1,V3)、(U1,V4)、(U2,V1)、(U2,V2)、(U2,V3)、(U2,V4)为左边界对齐,因此,由(U1,V1)、(U1,V2)、(U1,V3)、(U1,V4)、(U2,V1)、(U2,V2)、(U2,V3)、(U2,V4)组成的三角形不会进行水平方向的伸缩,而(U3,V1)、(U3,V2)、(U3,V3)、(U3,V4)为右边界对齐,因此,由(U2,V1)、(U2,V2)、(U2,V3)、(U2,V4)、(U3,V1)、(U3,V2)、(U3,V3)、(U3,V4)组成的三角形会进行水平方向的伸缩,从而实现了该基本结构单元的水平方向的伸缩,同理,可以设置(U1,V1)、(U1,V2)、(U2,V1)、(U2,V2)、(U3,V1)、(U3,V2)为下边界对齐,(U1,V3)、(U1,V4)、(U2,V3)、(U2,V4)、(U3,V3)、(U3,V4)为上边界对齐,在对该基本结构单元进行竖直方向伸缩时,由上边界对齐的顶点和下边界对齐的顶点
组成的三角形会进行竖直方向的伸缩。
伸缩,极径R1与R2之间的区域为可伸缩,则在该基本结构单元进行径向伸缩时,伸缩极径R1
与R2之间的区域,实现该基本结构单元整体的伸缩。
标视图组件所需的所有基本结构单元的包围盒,例如,需要绘制5个不同的代码块视图组件
时,需要设置5个基本结构单元库,但考虑到该5个基本结构单元库可能存在相同的基本结
构单元,因此,为了减少存储基本结构单元库的内存,可以将该5个基本结构单元库整合为1
个基本结构单元库,相应的,整合后的基本结构单元库包括绘制这5个代码块视图组件需要
的所有基本结构单元的包围盒。
过前文记载的内容,获取每一个基本结构单元的包围盒,其中,获取基本结构单元的包围盒
的具体原理及步骤在前文已叙述清楚,为简要描述,此处不再赘述。
库,可以绘制图8左侧的10个代码块外观,其中,以基本结构单元C为例,可以调整w0,w1,h0,h1,w,h为合适的数值,使得U1=w0/w,U2=(w0+w1)/w,V1=h0/h,V2=(h0+h1)/h为有限小
数。
用1‑7的整数进行编号,相应的,绘制完成的目标代码块外观如图9右侧所示。
元库,基本结构单元库包括绘制目标视图组件所需的所有基本结构单元的包围盒,不同的
基本结构单元对应不同的包围盒。
关联,使得在用户选择所述预设视图组件图标时,显示所述预设视图组件图标关联的所述
目标视图组件。
视图组件在竖直方向的伸缩规则,以使所述目标视图组件能在水平方向和/或竖直方向伸
缩。
结构单元的外观区域数据,获取该基本结构单元的网格绘制区域数据,所述网格绘制区域
数据包括矩形区域的边界、按照预设顺序存储的三角形的顶点坐标、该网格绘制区域数据
对应的所述外观区域以及每一个所述三角形的顶点坐标在所述外观区域中对应的外观坐
标,所述矩形区域为包括该基本结构单元的最小矩形区域,所述矩形区域包括多个所述三
角形;根据该基本结构单元的网格绘制区域数据,确定该基本结构单元的包围盒,所述包围
盒为包括该基本结构单元的最小矩形区域。
标集和纵坐标集,所述横坐标集包括该基本结构单元在水平方向上可伸缩区域和不可伸缩
区域的所有边界点的横坐标,所述纵坐标集包括该基本结构单元在竖直方向上可伸缩区域
和不可伸缩区域的所有边界点的纵坐标;当该基本结构单元为不可伸缩的基本结构单元
时,利用直角坐标系确定该基本结构单元的外观区域,相应的,所述外观区域数据包括横坐
标集和纵坐标集,所述横坐标集包括该基本结构单元在水平方向上不可伸缩区域的边界点
的横坐标,所述纵坐标集包括该基本结构单元在竖直方向上不可伸缩区域的所有边界点的
纵坐标。
纵坐标集,确定组成所述矩形区域的所有三角形的顶点坐标;根据所述三角形的顶点坐标,
将所述矩形区域划分为多个三角形区域,按照预设顺序记录每个三角形的顶点坐标;针对
每个三角形区域,确定并记录该三角形区域的三个顶点坐标各自在该基本结构单元的外观
区域中对应的外观坐标,使得该三角形区域顶点坐标发生变换时,该三角形区域的三个顶
点坐标对应的外观坐标不变。
结构单元的外观区域数据,获取该基本结构单元的网格绘制区域数据;其中,所述网格绘制
区域数据包括扇形区域的边界、按照预设顺序存储的三角形的顶点坐标、该网格绘制区域
数据对应的所述外观区域以及每一个所述三角形的顶点坐标在所述外观区域中对应的外
观坐标,所述扇形区域为包括该基本结构单元的最小扇形区域,所述扇形区域包括多个所
述三角形;根据该基本结构单元的网格绘制区域数据,确定该基本结构单元的包围盒,所述
包围盒为包括该基本结构单元的最小矩形区域。
度、极坐标系原点在所述直角坐标系中的坐标;所述极径集包括该基本结构单元在径向上
可伸缩区域和不可伸缩区域的所有边界点的极径,所述起始角度表征该基本结构单元在所
述极坐标系中的起始极角,所述终止角度表征该基本结构单元在所述极坐标系中的终止极
角;当该基本结构单元为不可伸缩的基本结构单元时,利用极坐标系确定该基本结构单元
的外观区域,相应的,所述外观区域数据包括极径集、起始角度、终止角度、极坐标系原点在
所述直角坐标系中的坐标,所述极径集包括该基本结构单元在径向上不可伸缩区域的所有
边界点的极径,所述起始角度表征该基本结构单元在所述极坐标系中的起始极角,所述终
止角度表征该基本结构单元在所述极坐标系中的终止极角;其中,所述极坐标系建立于所
述直角坐标系中,所述极坐标系的极轴与所述直角坐标系的x轴正半轴方向相同。
形区域的边界;以所述原点坐标为圆心,所述极径为半径,在所述起始角度、终止角度之间
的圆弧中确定预设数量的目标点,所述目标点和所述极坐标系原点为组成所述矩形区域的
三角形的顶点坐标,其中,不同的点不会互相重合;根据所述三角形的顶点坐标,将所述矩
形区域划分为多个三角形区域,按照预设顺序记录每个三角形的顶点坐标;针对每个三角
形区域,确定并记录该三角形区域的三个顶点坐标各自在该基本结构单元的外观区域中对
应的外观坐标,使得该三角形区域顶点坐标发生变换时,该三角形区域的三个顶点坐标对
应的外观坐标不变。
结构单元库,所述基本结构单元库包括绘制目标视图组件所需的所有基本结构单元的包围
盒,不同的基本结构单元对应不同的包围盒。其中,第一区域可以包括预设视图组件图标,
第二区域可以用于显示目标视图组件、目标代码块外观。
视图组件绘制方法实施例中相应内容。
信号线实现电性连接。其中,收发器210用于收发数据。存储器220用于存储计算机程序,如
存储有图10中所示的软件功能模块,即视图组件绘制装置100。其中,视图组件绘制装置100
包括至少一个可以软件或固件(firmware)的形式存储于所述存储器220中或固化在所述电
子设备200的操作系统(operating system,OS)中的软件功能模块。所述处理器240,用于执
行存储器220中存储的可执行模块,例如视图组件绘制装置100包括的软件功能模块或计算
机程序。此时,处理器240,用于响应用户绘制目标视图组件的绘制操作,从所述基本结构单
元库中选择与所述绘制操作相对应的至少一个基本结构单元的包围盒;设置选择的每一个
所述基本结构单元的包围盒的四角点坐标,得到所述绘制操作对应的目标视图组件。
Memory,PROM),可擦除只读存储器(Erasable Programmable Read‑Only Memory,EPROM),
电可擦除只读存储器(Electric Erasable Programmable Read‑Only Memory,EEPROM)等。
Processor,NP)等;还可以是数字信号处理器(Digital Signal Processor,DSP)、专用集成
电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field
Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、
分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用
处理器可以是微处理器或者该处理器240也可以是任何常规的处理器等。
时,执行上述所示的视图组件绘制方法。该计算机可读存储介质包括:U盘、移动硬盘、只读
存储器(Read‑Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或
者光盘等各种可以存储程序代码的介质。
改、等同替换、改进等,均应包含在本申请的保护范围之内。