视图控件的生成方法、装置、电子设备及介质与流程

1.本公开属于界面开发技术领域，具体涉及一种视图控件的生成方法、装置、电子设备及介质。


背景技术：

2.随着互联网技术的发展，对于操作界面的开发需求也越来越多，界面的开发速度要求也越来越高。
3.通常，在界面开发中，经常有不规则形状的视图控件的需求，目前，一些厂商可以提供一个遮罩接口，在配置不规则控件时，可以传入不规则图形的图片，设置遮罩，从而得到一个不规则图控件。
4.然而，上述的遮罩加入之后，则无法设置该不规则控件的其他属性，不能再对该不规则形状的控件进行其他更改或美化操作，从而使得不规则控件的开发不够灵活。


技术实现要素：

5.本公开实施例的目的是提供一种视图控件的生成方法、装置、电子设备及介质，能够解决不规则控件的开发不够灵活的问题。
6.为了解决上述技术问题，本公开是这样实现的：
7.第一方面，本公开实施例提供了一种视图控件的生成方法，该方法包括：获取目标图像，根据目标图像生成第一控件图像，第一控件图像和所述目标图像为形状匹配的不规则形状的图像；获取输入的渲染参数，根据该渲染参数和第一控件图像，生成m个第二控件图像，m为正整数；其中，一个第二控件图像对应一类渲染参数；根据第一控件图像和上述m个第二控件图像，合成第三控件图像；基于响应事件和第三控件图像，生成目标视图控件。
8.第二方面，本公开实施例提供了一种视图控件的生成装置，该视图控件的生成装置包括：获取模块、生成模块和合成模块；获取模块，用于获取目标图像；生成模块，用于响应于获取模块获取的目标图像生成第一控件图像，第一控件图像和目标图像为形状匹配的不规则形状的图像；获取模块，还用于获取输入的渲染参数；生成模块，还用于响应于获取模块获取输入的渲染参数和第一控件图像，生成m个第二控件图像，m为正整数；一个第二控件图像对应一类渲染参数；合成模块，用于根据生成模块生成的第一控件图像和上述m个第二控件图像，合成第三控件图像；生成模块，还用于基于响应事件和第三控件图像，生成目标视图控件。
9.第三方面，本公开实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
10.第四方面，本公开实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
11.第五方面，本公开实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述
通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法的步骤。
12.第六方面，本公开实施例提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如第一方面所述的方法的步骤。
13.在本公开实施例中，首先，电子设备可以获取目标图像，根据目标图像生成第一控件图像；之后，电子设备获取输入的视图控件的渲染参数，根据渲染参数和第一控件图像，生成m个第二控件图像，该m个第二控件图像的形状与第一控件图像的形状匹配；然后，电子设备基于第一控件图像和m个第二控件图像，合成第三控件图像，最后，可以基于第三控件图像和添加的响应事件，生成不规则形状的目标视图控件，该目标视图控件的形状与目标图像的形状相似，该目标视图控件的渲染参数为电子设备获取的用户输入的渲染参数。一方面，基于本公开实施例提供的生成不规则形状的控件方式，生成不同渲染效果的不规则视图控件的步骤简单，无需繁杂的操作，界面开发人员在向电子设备传入不规则图像之后，若需要增加其他效果，可以根据需要输入渲染参数，即可快速生成支持不同渲染效果的不规则视图控件，生成的不规则视图控件的渲染效果更加多样，可以根据用户输入的渲染参数灵活多变；另一方面，开发人员仅需要输入自定义的参数值，无需通过代码实现公式计算和构建视图得到不规则形状的视图控件，可以减少界面开发工程中的代码量，提升代码的可读性，可以降低界面开发的难度和成本，提升界面开发的效率。
附图说明
14.图1为本公开实施例提供的视图控件的生成方法的流程示意图之一；
15.图2为本公开实施例提供的一种视图控件的配置界面的示意图；
16.图3为本公开实施例提供的视图控件的生成方法的流程示意图之二；
17.图4为本公开实施例提供的一种合成视图控件的示意图；
18.图5为本公开实施例提供的视图控件的生成方法的流程示意图之三；
19.图6为本公开实施例提供的视图控件的生成装置可能的结构示意图之一；
20.图7为本公开实施例提供的视图控件的生成装置可能的结构示意图之二；
21.图8为本公开实施例提供的一种电子设备可能的结构示意图；
22.图9为本公开实施例提供的一种电子设备的硬件示意图。
具体实施方式
23.下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
24.本公开的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。
25.下面结合附图，通过具体的实施例及其应用场景对本公开实施例提供的视图控件的生成方法进行详细地说明。
26.图1为本公开实施例提供的一种视图控件的生成方法的流程示意图，如图1中所示，该方法可以包括下述的s101至s104：
27.s101、电子设备获取输入的目标图像，根据目标图像生成第一控件图像。
28.其中，第一控件图像为与目标图形的形状匹配的不规则形状的图像。
29.可以理解，目标图像为不规则形状的图像。
30.示例性地，电子设备可以接收用户的第一输入，第一输入用于输入不规则的形状的目标图像。第一输入可以为用户将不规则形状的图像拖动到视图控件的配置界面中的输入，第一输入也可以为用户通过传输接口将不规则形状的图像上传到视图控件的配置界面的输入。
31.为了便于说明，在本公开实施例中，可以将生成视图控件的过程中生成的图像定义为控件图像。
32.其中，第一控件图像可以用于填充与目标图像的形状相似的不规则视图控件。
33.可选地，第一控件图像的尺寸可以为预设尺寸，也可以为与目标图像的尺寸相同的尺寸，本公开实施例对此不作具体限定。
34.s102、电子设备获取输入的渲染参数，根据渲染参数和第一控件图像，生成m个第二控件图像。
35.其中，一个第二控件图像对应一类渲染参数，m为正整数。
36.可以理解，每个第二控件图像的边界形状与第一控件图像的边界形状相似。
37.示例性地，渲染参数可以包括：控件尺寸参数、阴影参数、描边参数、滤镜参数、标注参数、水印参数、文本参数。
38.示例性地，电子设备可以接收用户输入渲染参数的第二输入。具体地，电子设备基于用户通过第二输入的视图控件的渲染参数，可以确定是否调整控件的尺寸、是否添加阴影、是否添加描边、是否添加滤镜、是否添加标注、是否添加水印、是否添加文本。
39.图2为本公开实施例提供的一种视图控件的配置界面的示意图，如图2中所示，左侧区域21为输入区域，右侧区域22为预览区域，用户可以在左侧区域21点击“输入图像”虚拟控件23导入无规则的图像，用户可以点击“描边”虚拟控件调用描边参数的输入子界面24，可以在子界面中输入描边参数值。
40.可以理解，在本公开实施例中，电子设备可以生成与第一控件图像的形状相似的不规则的第二控件图像。
41.示例性地，电子设备可以生成与第一控件图像的形状相似的阴影图像、描边图像、滤镜图像、适配第一控件图像形状的标注、水印等。
42.s103、电子设备根据第一控件图像和上述m个第二控件图像，合成第三控件图像。
43.可以理解，电子设备可以通过m 1个不规则形状的图像，合成用于生成视图控件的第三控件图像。
44.需要说明的是，在合成过程中，可以根据该m 1个图像的类型选择不同的合成规则。
45.示例性地，若该m 1个图像中包括滤镜图像、标注图像或水印图像，则将该m 1个图像居中，并将第一控件图像置于滤镜图像、标注图像或水印图像的底层；调整滤镜图像、标注图像或水印图像的透明度为预设的透明度；最后合成第三控件图像。
46.在合成第三控件图像之后，若用户不再调整第三控件图像的属性，则用户可以为第三控件图像加入响应的事件。
47.例如，添加点击操作，以及添加点击操作跳转的页面。
48.示例性地，在生成第三控件图像之后，用户可以在图2中点击“添加响应事件”虚拟按键25，配置该控件响应的事件。然后用户可以点击“确定”虚拟控件26触发生成不规则的视图控件。
49.s104、电子设备基于响应事件和第三控件图像，生成目标视图控件。
50.示例性地，目标视图控件的形状与第一控件图像的形状相似，目标视图控件的渲染参数可以为上述的第二输入输入的渲染参数。
51.可以理解，上述方式生成的视图控件的形状可以为不规则的形状，该视图控件的其他参数也可以为人工配置的，使得生成的控件更加符合用户的需求，配置方式灵活。
52.例如，可以配置包括阴影的不规则视图控件、可以配置包括描边的不规则视图控件，既包括阴影又包括描边的不规则视图控件。
53.本公开实施例提供的视图控件的生成方法中，首先，电子设备可以获取目标图像，根据目标图像生成第一控件图像；之后，电子设备获取输入的视图控件的渲染参数，根据渲染参数和第一控件图像，生成m个第二控件图像，该m个第二控件图像的形状与第一控件图像的形状匹配；然后，电子设备基于第一控件图像和m个第二控件图像，合成第三控件图像，最后，可以基于第三控件图像和添加的响应事件，生成不规则形状的目标视图控件，该目标视图控件的形状与目标图像的形状相似，该目标视图控件的渲染参数为电子设备获取的用户输入的渲染参数。一方面，基于本公开实施例提供的生成不规则形状的控件方式，生成不同渲染效果的不规则视图控件的步骤简单，无需繁杂的操作，界面开发人员在向电子设备传入不规则图像之后，若需要增加其他效果，可以根据需要输入渲染参数，即可快速生成支持不同渲染效果的不规则视图控件，生成的不规则视图控件的渲染效果更加多样，可以根据用户输入的渲染参数灵活多变；另一方面，开发人员仅需要输入自定义的参数值，无需通过代码实现公式计算和构建视图得到不规则形状的视图控件，可以减少界面开发工程中的代码量，提升代码的可读性，可以降低界面开发的难度和成本，提升界面开发的效率。
54.在本公开实施例中，生成第一控件图像的原始图像可以为绘制的图像，也可以为从下载或拍摄的图像中经过抠图得到的图像，本公开实施例对此不作具体限定。
55.可选地，在本公开实施例提供的视图控件的生成方法中，上述的s101可以通过下述的s11a执行：
56.s11a、电子设备获取输入的目标图像，为目标图像添加与目标图像的形状匹配的遮罩图层，生成与目标图像的形状匹配的第一控件图像。
57.例如，上述的第一输入可以为用户基于遮罩接口输入不规则形状的目标图像的输入。
58.可以理解，电子设备可以调用遮罩接口，为视图控件传入不规则形状的图像，以使得可以得到一个不规则形状的视图控件的控件图像。
59.其中，第一控件图像的尺寸和目标图像的尺寸可以相同，也可以不相同，本公开实施例对此不作具体限定。
60.在本公开实施例中，可以基于遮罩接口获取用于生成不规则的视图控件的原始图像，可以基于遮罩接口和原始图像，获取与原始图像的形状相似的第一控件图像。
61.需要说明的是，若目标图像的尺寸与视图控件的尺寸差距较大，在生成用于填充视图控件的第一控件图像时，可以基于遮罩接口和控件的尺寸要求，先缩放目标图像，然后通过遮罩接口生成不规则的控件图像(即第一控件图像)。
62.基于该方案，电子设备可以调用遮罩接口获取与图像形状相似的不规则的控件图像，从而便于之后根据该不规则的视图控件增加其他渲染效果的中间控件图像。
63.可选地，结合图1，如图3所示，在本公开实施例提供的视图控件的生成方法中，在上述的s102之后，还可以包括下述的s105：
64.s105、电子设备获取输入的调整参数，调整第二控件图像的尺寸和位置中的至少一个。
65.例如，电子设备可以接收用户的第三输入。第三输入可以为用户在视图控件的配置界面的调整输入。例如，第三输入可以为用户缩放第二控件图像尺寸的输入，也可以为移动第二控件图像位置的输入。
66.在本公开实施例中，在生成上述的m个第二控件图像之后，可以默认按照预设的层级关系居中叠加显示第一控件图像和m个第二控件图像，也可以默认平铺显示第一控件图像和m个第二控件图像。
67.可以理解，在生成第二控件图像之后，用户可以根据需要灵活调整不同的第二控件图像的位置或尺寸，从而使得合成的第三控件图像更加满足用户的需求。
68.基于该方案，在基于第一控件图像和用户输入的渲染参数生成多个第二控件图像之后，用户可以根据需要灵活控制电子设备调整第二控件图像的尺寸或位置，以便于生成的第三控件图像更符合用户的需求，进而使得最终生成的视图控件更加灵活多样，使得在界面开发过程中无需每次更改代码进行调整，开发效率更高。
69.可选地，在本公开实施例提供的视图控件的生成方法中，渲染参数包括描边参数、阴影参数、滤镜参数中的至少一项。
70.示例性地，描边参数包括以下至少一项：描边颜色、描边图案、描边宽度、描边偏移。阴影参数包括以下至少一项：阴影颜色、阴影宽度、阴影方向、阴影偏移角度。
71.在本公开实施例中，以描边颜色为例进行说明，描边图案可以选择填充描边的图案，描边颜色可以理解为描边图案为纯色的图案。
72.在本公开实施例中，以阴影的形状和不规则图像的一侧的形状相似为例进行说明，阴影方向为右侧方向，则阴影向右侧偏移，阴影右侧的边界形状和不规则图像的右侧边界形状相似；阴影方向为左侧方向，则阴影向左侧偏移，阴影左侧的边界形状和不规则图像的左侧边界形状相似。
73.基于该方案，可以在视图控件的配置界面为用户提供调整控件图像的渲染参数的输入区域，以使得用户根据需要灵活选择控件的渲染参数。
74.可选地，在视图控件的渲染参数包括视图控件的描边参数的情况下，如图3中所示，在本公开实施例提供的视图控件的生成方法中，上述的s102可以通过下述的s12a至
s12e执行：
75.s12a、电子设备获取第一控件图像的第一图像宽度。
76.需要说明的是，在本公开实施例中，第一控件图像为不规则的图像，第一图像宽度指示第一控件图像的尺寸，第一图像宽度值为第一控件图像的一组宽度值，该组宽度值可以为沿任意一个方向获取的一组宽度值。
77.s12b、电子设备基于第一图像宽度，描边宽度和描边偏移，确定第二图像宽度。
78.s12c、电子设备基于第二图像宽度生成第一中间图像控件，并以描边颜色填充第一中间图像控件。
79.s12d、电子设备生成与第一控件图像的形状匹配的第一遮罩图层。
80.s12e、电子设备将第一遮罩图像和填充描边颜色的第一中间图像控件合成，生成具有描边效果的第二控件图像。
81.可选地，具有描边效果的第二控件图像可以为一个形状和第一控件图像的形状相似的图像，也可以为一个具有宽度的无规则环形图像，本公开实施例对此不作具体限定。
82.需要说明的是，若具有描边效果的第二控件图像和第一控件图像的形状相似，在描边偏移为向内偏移的情况下，具有描边效果的第二控件图像的尺寸大于第一控件图像；若具有描边效果的第二控件图像为具有宽度的无规则环形图像，在描边偏移为向外偏移的情况下，具有描边效果的第二控件图像的外边框的尺寸大于第一控件图像的尺寸，内边框的尺寸等于第一控件图像的尺寸；在描边偏移为向内偏移的情况下，具有描边效果的第二控件图像的外边框的尺寸等于第一控件图像的尺寸，内边框的尺寸小于第一控件图像的尺寸。
83.示例性地，图4为本公开实施例提供的一种合成视图控件的示意图，如图4中所示，假设用户输入一个心形的不规则图像，则电子设备可以基于该心形图像生成控件图像41(即第一控件图像)。若用户需要向外增加描边，则可以基于描边宽度生成控件图像41a(即第一中间图像控件)或者控件图像41b(即第一中间图像控件)，其中，控件图像41a为一个环形的心形图案，控件图像41a的内边界的尺寸和控件图像41的尺寸相同，控件图像41a的外边界的尺寸大于控件图像41的尺寸；控件图像42b为一个心形图像，控件图像42b的边界的尺寸大于控件图像41的尺寸。最后，可以基于控件图像41和控件图像41a或者基于控件图像41和控件图像41b合成的控件图像为41c。
84.若用户需要向内增加描边，则可以基于描边宽度生成控件图像41d(即第一中间图像控件)，其中，控件图像41d的外边界的尺寸等于控件图像41的尺寸，内边界的尺寸小于控件图像41的尺寸。可以基于控件图像41和控件图像41d合成控件图像41e。
85.基于该方案，若用户输入的渲染参数包括描边参数，则电子设备可以根据输入的描边参数以及第一控件图像生成第一中间图像控件，该第一中间图像控件的尺寸、颜色、偏移均可以为用户输入，第一中间图像控件中填充的颜色即是视图控件描边的颜色，第一中间图像控件的尺寸可以对应视图控件描边的尺寸。
86.可选地，输入的视图控件的阴影参数包括：阴影宽度和阴影方向；在视图控件的渲染参数包括视图控件的阴影参数的情况下，结合图5，在本公开实施例提供的视图控件的生成方法中，上述的s102可以通过下述的s121和s125执行：
87.s121、电子设备获取第一控件图像的第一图像宽度。
88.s122、电子设备基于第一图像宽度、阴影宽度和阴影方向，确定第三图像宽度。
89.s123、电子设备基于第三图像宽度生成第二中间图像控件。
90.s124、电子设备生成与第二控件图像的形状匹配的第二遮罩图层。
91.s125、电子设备将第二遮罩图层和第二中间图像控件合成，生成具有阴影效果的第二控件图像。
92.可以理解，渲染参数包括具有阴影效果的第二控件图像的形状和尺寸，具有阴影效果的第二控件图像形状和第一控件图像的形状相似，具有阴影效果的第二控件图像尺寸为基于第一控件图像的尺寸和输入的阴影宽度确定的。
93.基于该方案，可以根据阴影参数和第一控件图像生成具有阴影效果的第二控件图像，以便于后续根据第一控件图像和具有阴影效果的第二控件图像生成具有阴影效果的目标视图控件。
94.可选地，在本公开实施例提供的视图控件的生成方法中，上述的s103可以通过下述的s13a、s13b或s13c执行：
95.s13a、电子设备根据第一控件图像和具有描边效果的第二控件图像，按照目标规则叠加生成第三控件图像。
96.示例性地，在合成的控件图像包括描边图像的情况下，若描边图像的尺寸大于第一控件图像的尺寸，则可以将描边图像置于第一控件图像的下层；若描边图像的尺寸小于第一控件图像，且描边图像为环形图像，则可以将描边图像置于第一控件图像的上层。
97.s13b、电子设备根据第一控件图像和具有阴影效果的第二控件图像，按照目标规则叠加生成第三控件图像。
98.示例性地，在合成的空间图像包括阴影控件图像的情况下，阴影控件图像的尺寸可以大于第一控件图像的尺寸，也可以小于第一控件的尺寸。
99.其中，阴影控件图像可以位于第一控件图像的下一层。
100.s13c、电子设备根据第一控件图像、具有描边效果的第二控件图像和具有阴影效果的第二控件图像，按照目标规则叠加生成第三控件图像。
101.可以理解，若用户需要为一个视图控件既增加阴影又增加描边，则可以将第一控件图像置于顶层，将具有描边效果的第二控件图像置于第二层，将具有阴影效果的第二控件图像置于第三层进行合成。
102.示例性地，在生成第三控件图像之后，还可以调用遮罩接口，从而得到与第三控件图像的形状相似的视图控件，之后在为该视图控件增加响应事件，从而生成一个具有跳转功能的不规则形状的视图控件。
103.基于该方案，可以预先配置不同参数的第二控件图像和第一控件图像合成第三控件图像的叠加顺序，用户无需手动调整控件的调整顺序即可快速叠加好待合成的控件图像，减少了用户的操作步骤，提升了生成视图控件的速度。
104.需要说明的是，本公开实施例提供的视图控件的生成方法，执行主体可以为视图控件的生成装置，或者该视图控件的生成装置中的用于执行视图控件的生成的方法的控制模块。本公开实施例中以视图控件的生成装置执行视图控件的生成的方法为例，说明本公开实施例提供的视图控件的生成的装置。
105.图6为本公开实施例提供的一种视图控件的生成装置的结构示意图，如图6中所
示，该视图控件的生成装置600包括：获取模块601、生成模块602和合成模块603；获取模块601，用于获取输入的目标图像；生成模块602，用于根据获取模块601获取的目标图像生成第一控件图像，第一控件图像与目标图像为形状匹配的不规则形状的图像；获取模块601，还用于获取输入的渲染参数；生成模块602，还用于根据获取模块601获取的渲染参数和第一控件图像，生成m个第二控件图像，m为正整数；一个第二控件图像对应一类渲染参数；合成模块603，用于根据生成模块602生成的第一控件图像和上述m个第二控件图像，合成第三控件图像；生成模块602，还用于基于响应事件和第三控件图像，生成目标视图控件。
106.可选地，渲染参数包括描边参数、阴影参数、滤镜参数中的至少一项。
107.可选地，描边参数包括以下至少一项：描边颜色、描边宽度、描边偏移；生成模块具体用于：获取第一控件图像的第一图像宽度；基于确定第一图像宽度、描边宽度和描边偏移，确定第二图像宽度；基于第二图像宽度生成第一中间图像控件，并以描边颜色填充第一中间图像控件；生成与第一控件图像的形状匹配的第一遮罩图层；将第一遮罩图层和填充描边颜色的第一中间图像控件合成，生成具有描边效果的第二控件图像。
108.可选地，阴影参数包括：阴影宽度和阴影方向；生成模块具体用于：获取第一控件图像的第一图像宽度；基于第一图像宽度、阴影宽度和阴影方向，确定第三图像宽度；基于第三图像宽度生成第二中间图像控件；生成与第一控件图像的形状匹配的第二遮罩图层；将第二遮罩图层和第二中间图像控件合成，生成具有阴影效果的第二控件图像。
109.可选地，合成模块具体用于：根据第一控件图像和具有描边效果的第二控件图像，按照目标规则叠加生成第三控件图像；或者根据第一控件图像和具有阴影效果的所述第二控件图像，按照目标规则叠加生成第三控件图像；或者根据第一控件图像、具有描边效果的第二控件图像和具有阴影效果的第二控件图像，按照目标规则叠加生成第三控件图像。
110.可选地，结合图6，如图7所示，视图控件的生成装置600还包括：调整模块604；获取模块601，还用于获取输入的调整参数；调整模块604，用于根据获取模块601获取输入的调整参数，调整第二控件图像的尺寸和位置中的至少一个。
111.可选地，生成模块具体用于：为目标图像添加与目标图像的形状匹配的遮罩图层，生成与目标图像的形状匹配的第一控件图像。
112.本公开实施例提供一种视图控件的生成装置，首先，视图控件的生成装置可以获取目标图像，根据目标图像生成第一控件图像；之后，视图控件的生成装置获取输入的视图控件的渲染参数，根据渲染参数和第一控件图像，生成m个第二控件图像，该m个第二控件图像的形状与第一控件图像的形状匹配；然后，视图控件的生成装置基于第一控件图像和m个第二控件图像，合成第三控件图像，最后，可以基于第三控件图像和添加的响应事件，生成不规则形状的目标视图控件，该目标视图控件的形状与目标图像的形状相似，该目标视图控件的渲染参数为视图控件的生成装置获取的用户输入的渲染参数。一方面，基于本公开实施例提供的生成不规则形状的控件方式，生成不同渲染效果的不规则视图控件的步骤简单，无需繁杂的操作，界面开发人员在向电子设备传入不规则图像之后，若需要增加其他效果，可以根据需要输入渲染参数，即可快速生成支持不同渲染效果的不规则视图控件，生成的不规则视图控件的渲染效果更加多样，可以根据用户输入的渲染参数灵活多变；另一方面，开发人员仅需要输入自定义的参数值，无需通过代码实现公式计算和构建视图得到不规则形状的视图控件，可以减少界面开发工程中的代码量，提升代码的可读性，可以降低界
面开发的难度和成本，提升界面开发的效率。
113.本公开实施例中的视图控件的生成装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、umpc(ultra-mobile personal computer，超级移动个人计算机)、上网本或者pda(personal digital assistant，个人数字助理)等，非移动电子设备可以为服务器、nas(network attached storage，网络附属存储器)、pc(personal computer，个人计算机)、tv(television，电视机)、柜员机或者自助机等，本公开实施例不作具体限定。
114.本公开实施例中的视图控件的生成装置可以为具有操作系统的装置。该操作系统可以为安卓(android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本公开实施例不作具体限定。
115.本公开实施例提供的视图控件的生成装置能够实现图1至图6的方法实施例实现的各个过程，为避免重复，这里不再赘述。
116.可选地，如图8所示，本公开实施例还提供一种电子设备800，包括处理器801，存储器802，存储在存储器802上并可在所述处理器801上运行的程序或指令，该程序或指令被处理器801执行时实现上述视图控件的生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
117.需要说明的是，本公开实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
118.图9为实现本公开实施例的一种电子设备的硬件结构示意图。
119.该电子设备900包括但不限于：射频单元901、网络模块902、音频输出单元903、输入单元904、传感器905、显示单元906、用户输入单元907、接口单元908、存储器909、以及处理器910等部件。
120.本领域技术人员可以理解，电子设备900还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器910逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图9中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。
121.本公开实施例提供一种电子设备，首先，电子设备可以获取目标图像，根据目标图像生成第一控件图像；之后，电子设备获取输入的视图控件的渲染参数，根据渲染参数和第一控件图像，生成m个第二控件图像，该m个第二控件图像的形状与第一控件图像的形状匹配；然后，电子设备基于第一控件图像和m个第二控件图像，合成第三控件图像，最后，可以基于第三控件图像和添加的响应事件，生成不规则形状的目标视图控件，该目标视图控件的形状与目标图像的形状相似，该目标视图控件的渲染参数为电子设备获取的用户输入的渲染参数。一方面，基于本公开实施例提供的生成不规则形状的控件方式，生成不同渲染效果的不规则视图控件的步骤简单，无需繁杂的操作，界面开发人员在向电子设备传入不规则图像之后，若需要增加其他效果，可以根据需要输入渲染参数，即可快速生成支持不同渲染效果的不规则视图控件，生成的不规则视图控件的渲染效果更加多样，可以根据用户输入的渲染参数灵活多变；另一方面，开发人员仅需要输入自定义的参数值，无需通过代码实
现公式计算和构建视图得到不规则形状的视图控件，可以减少界面开发工程中的代码量，提升代码的可读性，可以降低界面开发的难度和成本，提升界面开发的效率。
122.应理解的是，本公开实施例中，输入单元904可以包括gpu(graphics processing unit，图形处理器)941和麦克风942，图形处理器941对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元906可包括显示面板961，可以采用液晶显示器、有机发光二极管等形式来配置显示面板961。用户输入单元907包括触控面板971以及其他输入设备972。触控面板971，也称为触摸屏。触控面板971可包括触摸检测装置和触摸控制器两个部分。其他输入设备972可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器909可用于存储软件程序以及各种数据，包括但不限于应用程序和操作系统。处理器910可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器910中。
123.本公开实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述视图控件的生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
124.其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机rom(read-only memory，只读存储器)、ram(random access memory，随机存取存储器)、磁碟或者光盘等。
125.本公开实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述视图控件的生成方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。
126.应理解，本公开实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
127.本公开实施例提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行如上述的视图控件的生成方法的步骤，且能达到相同的技术效果，为避免重复，这里不再赘述。
128.需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本公开实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。
129.通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本公开的技术方案本质上或者说对现有技术做
出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本公开各个实施例所述的方法。
130.上面结合附图对本公开的实施例进行了描述，但是本公开并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本公开的启示下，在不脱离本公开宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本公开的保护之内。