一种边框自调整方法及装置制造方法及图纸

本申请提供一种边框自调整方法及装置，首先通过表单编辑器设置待调整边框图以及裁切位置；然后根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九宫格对应的九个裁剪块，包括一个中间元素块、四个角块和四个边框；最后按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整。本申请可以对复杂边框进行可配置的设置，实现中间元素的自适应以及添加角图。图。图。

【技术实现步骤摘要】
一种边框自调整方法及装置


[0001]本申请涉及数据处理
，特别的，尤其涉及一种边框自调整方法及装置。

技术介绍

[0002]目前，浏览器上通常看到的边框如图1中两种形式，如图1所示，一种是简单的线条边框(1a)，另一种是虚线边框(1b)，其边框均可设置其颜色和粗细。而对于图2中的这种复杂边框来说，如图2所示，大多数采用的是中间元素(图片)作为背景来设置的，而若需要改变中间元素，则需要提供一张新的图片，无法根据中间元素的宽度来自动变化。

技术实现思路

[0003]鉴于上述内容中的问题，本申请提供了一种边框自调整方法及装置，用以实现配合中间元素来自适应生成复杂边框。
[0004]为了实现上述目的，本申请提供了以下技术方案：
[0005]一种边框自调整方法，包括：
[0006]通过表单编辑器设置待调整边框图以及裁切位置；
[0007]根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九宫格对应的九个裁剪块，包括一个中间元素块、四个角块和四个边框；
[0008]按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整。
[0009]进一步的，所述通过表单编辑器设置待调整边框图以及裁切位置，包括：
[0010]使用层叠样式表中的预设属性来设置所述待调整边框图以及所述裁切位置。
[0011]进一步的，所述按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整，包括：
[0012]对四个所述角块进行设定，并添加对应的角图；
[0013]对四个所述边框进行设定，并设置对应的伸缩方式；
[0014]在所述中间元素块上面设置透明块，对中间元素进行设定，所述透明块的大小与中间元素的大小相同；
[0015]按照预设渲染方式将所述角图、所述边框以及所述中间元素进行渲染，实现所述待调整边框图的自调整。
[0016]一种边框自调整装置，包括：
[0017]第一处理单元，用于通过表单编辑器设置待调整边框图以及裁切位置；
[0018]第二处理单元，用于根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九宫格对应的九个裁剪块，包括一个中间元素块、四个角块和四个边框；
[0019]第三处理单元，用于按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整。
[0020]进一步的，所述第一处理单元用于：
[0021]使用层叠样式表中的预设属性来设置所述待调整边框图以及所述裁切位置。
[0022]进一步的，所述第三处理单元用于：
[0023]对四个所述角块进行设定，并添加对应的角图；
[0024]对四个所述边框进行设定，并设置对应的伸缩方式；
[0025]在所述中间元素块上面设置透明块，对中间元素进行设定，所述透明块的大小与中间元素的大小相同；
[0026]按照预设渲染方式将所述角图、所述边框以及所述中间元素进行渲染，实现所述待调整边框图的自调整。
[0027]一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在的设备执行如上述所述的边框自调整方法。
[0028]一种电子设备，所述电子设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如上述所述的边框自调整方法。
[0029]本申请所述的边框自调整方法及装置，首先通过表单编辑器设置待调整边框图以及裁切位置；然后根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九宫格对应的九个裁剪块，包括一个中间元素块、四个角块和四个边框；最后按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整。本申请可以对复杂边框进行可配置的设置，实现中间元素的自适应以及添加角图。
附图说明
[0030]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0031]图1为现有技术中边框示意图；
[0032]图2为现有技术中复杂边框的示意图；
[0033]图3为本申请实施例公开的一种边框自调整方法流程示意图；
[0034]图4为本申请实施例公开的边框裁切设置过程示意图；
[0035]图5为本申请实施例公开的边框裁切示意图；
[0036]图6为本申请实施例公开的边框自调整过程示意图；
[0037]图7为本申请实施例公开的一种边框自调整装置结构示意图；
[0038]图8为本申请实施例公开的一种电子设备的结构示意图。
具体实施方式
[0039]申请人在研究中发现，业务需求希望表单编辑器能够支持更好看的边框样式，同时由于用户的中间元素的大小是动态设置的，无法提前确定，因此，本申请提供一种边框自调整方法及装置，用以实现配合中间元素来自适应生成复杂边框。
[0040]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于
本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0041]请参见附图3，为本申请实施例提供的一种边框自调整方法流程示意图。如图3所示，本申请实施例提供了一种边框自调整方法，该方法包括如下步骤：
[0042]S301：通过表单编辑器设置待调整边框图以及裁切位置。
[0043]本步骤中，表单编辑器可以实现边框的自主调整，具体是支持4个角的图片设置(如图4所述的向日葵)，4个边的宽度和每条边是否循环来实现边框的调整。
[0044]本申请实施例中，上述通过表单编辑器设置待调整边框图以及裁切位置，包括：
[0045]使用层叠样式表中的预设属性来设置所述待调整边框图以及所述裁切位置。
[0046]S302：根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九宫格对应的九个裁剪块，包括一个中间元素块、四个角块和四个边框。
[0047]通过本步骤，在进行表单编辑器设置时，需要预先存在5个图，分别是：边框图、四个角图，同时还要有4条裁切线位置，可以将边框图裁成九宫格对应成九个块，如图5所示，左上角、上边、右上角、左边、中间、右边、左下角、下边和右下角。同时，若有四条边在长度不够覆盖元素的情况下，需要把这条边采用变形拉伸的方式还是采用循环拼接的方式来让这条边的长度等于元素的对应边长。
[0048]S303：按照预先设本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种边框自调整方法，其特征在于，包括：通过表单编辑器设置待调整边框图以及裁切位置；根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九宫格对应的九个裁剪块，包括一个中间元素块、四个角块和四个边框；按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整。2.根据权利要求1所述的方法，其特征在于，所述通过表单编辑器设置待调整边框图以及裁切位置，包括：使用层叠样式表中的预设属性来设置所述待调整边框图以及所述裁切位置。3.根据权利要求1所述的方法，其特征在于，所述按照预先设置的设定参数对所述九个裁剪块进行设定，以实现所述待调整边框图的自调整，包括：对四个所述角块进行设定，并添加对应的角图；对四个所述边框进行设定，并设置对应的伸缩方式；在所述中间元素块上面设置透明块，对中间元素进行设定，所述透明块的大小与中间元素的大小相同；按照预设渲染方式将所述角图、所述边框以及所述中间元素进行渲染，实现所述待调整边框图的自调整。4.一种边框自调整装置，其特征在于，包括：第一处理单元，用于通过表单编辑器设置待调整边框图以及裁切位置；第二处理单元，用于根据所述裁切位置对所述待调整边框图进行裁切，将所述待调整边框图裁成九...

【专利技术属性】
技术研发人员：黄金，张腾，胥涛，何思民，张文浡，李杨洲，
申请(专利权)人：成都中网易企秀科技有限公司，
类型：发明
国别省市：