UGUI精灵图片怎么实现图片裁剪-古蔺大橙子建站
RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
UGUI精灵图片怎么实现图片裁剪

UGUI精灵图片怎么实现图片裁剪,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

10年积累的网站建设、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有东兰免费网站建设让你可以放心的选择与我们合作。

NGUI中精灵图片可以经过剪切将图片剔除没用的部分,然后图片拉伸时就会避免图片边缘被拉伸的问题。

如图,剪切前 

UGUI精灵图片怎么实现图片裁剪

可以看出随着button图片的拉伸,该图片边缘白色部分越来越大,而我们是不想看到的。利用剪切处理之后。如图 剪切后

UGUI精灵图片怎么实现图片裁剪

接下来 我们看一下具体实现方法

首先在工程面板选中图片,之后在检视面板将其类型(Texture Type)改为sprite(2D and UI).

然后选中Sprite Mode (里面有三种类型,分别是Single单一(无法裁剪),Multipe多种(可以裁剪),Polygon多边形(可以裁剪,前两种都是四边形)),设置为Multipe。里面参数不用改变。如图

UGUI精灵图片怎么实现图片裁剪

直接点击Sprite Editor,然后点击Apply应用.

进入精灵编辑窗口  如图

UGUI精灵图片怎么实现图片裁剪

点击Slice菜单栏 直接点击slice

UGUI精灵图片怎么实现图片裁剪

然后 通过鼠标拖拽图片边缘蓝色线对图片进行裁剪

如图

UGUI精灵图片怎么实现图片裁剪

然后直接点击上方Apply 。 这样UI按钮里面的精灵图片就变成我们最终裁剪的形状

UGUI精灵图片怎么实现图片裁剪

如果需要调节参数(直接通过数值约束图片大小),那么直接调节即可

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。


分享名称:UGUI精灵图片怎么实现图片裁剪
本文地址:http://scgulin.cn/article/pcihsg.html