UGUI精灵图片怎么实现图片裁剪
admin
2023-03-15 15:41:29
0

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精灵图片怎么实现图片裁剪

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

相关内容

热门资讯

特朗普:预计“很快”收到伊朗对... △美国总统特朗(资料图)当地时间5月9日,央视记者获悉,美国总统特朗普表示,他预计“很快”会收到伊朗...
伊朗拟对霍尔木兹海峡的海底电缆... 据伊朗法尔斯通讯社5月9日报道,伊朗为途经霍尔木兹海峡、承担互联网通信业务的海底光缆,提出了一套管理...
美国一客机起飞过程中撞上行人,... △资料图当地时间5月9日,央视记者获悉,一架从丹佛国际机场飞往洛杉矶的航班在起飞过程中撞上一名闯入跑...
凤凰女记者战地日记丨这哪里还算... 【编者按】这是凤凰卫视驻伊朗记者李睿的战地日记。她身处德黑兰,既是战争的亲历者,也是观察者。在她的日...
中国发布禁令,禁止美国制裁中国... 2026年4月24日美国发布公告,把中国5家石化企业列入制裁名单,理由是参与或协助伊朗的石油交易,引...
电力系统母线安全保护领域取得关... (来源:中国电力新闻网) 转自:中国电力新闻网 近日,山西铝业自主研发的《弧光保护系统安装优化方法、...
第三届“探索雅安·阅见美好”阅... 近日,由雅安市图书馆主办的第三届“探索雅安·阅见美好”阅读打卡活动在市区三雅园及雅安市图书馆开展。 ...
实验型真空冷冻干燥机选型指南:... 导语:实验型真空冷冻干燥机作为科研、高校及企业研发环节的关键设备,其性能稳定性直接影响物料干燥效率与...
丁薛祥调研华为芯片基础技术研究... 5月8日晚,中央电视台《新闻联播》播出了一则重量级画面:中共中央政治局常委、国务院副总理丁薛祥到访华...
王自如公布智能指环项目 售价或... 【CNMO科技消息】5月9日,据CNMO科技了解,王自如近日通过视频展示其研发的智能指环产品,该产品...