一种光圈效果实现方法及装置制造方法及图纸

本发明专利技术公开了一种光圈效果实现方法及装置，本方案的实现光圈效果的方法为首先，需要获取到该UI组件的大小，并确定是否是需要自适应，根据此来获取它的边界点的点集。然后，获取组件大小后，就可以设定光圈效果的参数了。通过设置透明度来实现颜色效果，通过颜色传入多色来实现颜色渐变的效果。最后，根据设定的效果，让这些点画一个线框，而线框通过设定的参数，就会实现光圈效果。解决了现有方案在为UI组件添加光圈效果时需要专门开发一个脚本文件或使用一张背景图片导致的系统资源浪费较为严重的问题。

A method and device to realize aperture effect

【技术实现步骤摘要】
一种光圈效果实现方法及装置
本专利技术涉及UI设计领域，特别涉及一种光圈效果实现方法及装置。
技术介绍
UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即UserInterface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。在制作UI组件时，经常需要为组件增加UI物体被光圈包裹住的效果，现有方案一般通过shaderlab编写一个shader脚本文件或对该组件添加一张背景贴图来实现，即在unity中新创建一个材质，新建一个shader文件并将这个文件赋给该材质，达到效果或是使用一张底板图片，这个图片的图案来代替光圈效果。使用新创建的材质时，由于之前此材质是没有的，意味着GPU需要多执行drawcall数来达到渲染该材质物体的效果，而drawcall数与性能息息相关，对场景的优化通常就会从此处入手，因此采用本方案对系统资源占用较大，效率较低。使用图片则本文档来自技高网...

【技术保护点】
1.一种光圈效果实现方法，包括UI组件，其特征在于：还包括依次进行的以下步骤：/nS1、获取UI组件的点集；/nS2、接收外部输入的光圈参数；/nS3、根据步骤S1中UI组件的点集绘制光圈的外框；/nS4、根据步骤S2中输入的光圈参数确定光圈的样式；/nS5、用户判断生成的光圈是否满足要求，若满足要求，则转入步骤S6，若不满足要求，则转入步骤S2；/nS6、结束绘制。/n

【技术特征摘要】
1.一种光圈效果实现方法，包括UI组件，其特征在于：还包括依次进行的以下步骤：
S1、获取UI组件的点集；
S2、接收外部输入的光圈参数；
S3、根据步骤S1中UI组件的点集绘制光圈的外框；
S4、根据步骤S2中输入的光圈参数确定光圈的样式；
S5、用户判断生成的光圈是否满足要求，若满足要求，则转入步骤S6，若不满足要求，则转入步骤S2；
S6、结束绘制。


2.根据权利要求1所述的一种光圈效果实现方法，其特征在于：所述步骤S1中通过获取UI组件的点集获取UI组件的边界。


3.根据权利要求1所述的一种光圈效果实现方法，其特征在于：所述步骤S2中输入的光圈参数包括透明度和光圈颜色中的至少一个。


4.根据权利要求3所述的一种光圈效果实现方法，其特征在于：所述步骤S4中通过调整光圈外框内的透明度来实现光圈效果，通过多颜色的颜色传入来实现颜色渐变的效果。<...

【专利技术属性】
技术研发人员：陈清松，何晋平，毛伟丞，
申请(专利权)人：成都四方伟业软件股份有限公司，
类型：发明
国别省市：四川;51