UGUI精灵图片实现图片裁剪

简介:

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

如图,剪切前 

wKioL1ngkHThUIPsAADPLGez2E4138.png-wh_50

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

wKiom1ngkyqBkxRRAACoTlAfHs8603.png-wh_50

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

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

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

wKioL1ngkHSjXTWEAAA0rJ-GDc4807.png-wh_50

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

进入精灵编辑窗口  如图

wKiom1ngkyuxxFd4AAC29xYWJX4333.png-wh_50

点击Slice菜单栏 直接点击slice

wKiom1ngkyvhqc2yAAAo4HNT80c233.png-wh_50

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

如图

wKioL1ngkHXyV3K0AAA8yJBKmfM847.png-wh_50

 

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

wKioL1ngkHWDxnyAAAFQgcCd7Lk779.png-wh_50

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



本文转自 宁金峰 51CTO博客,原文链接:http://blog.51cto.com/13243523/1972186,如需转载请自行联系原作者

相关文章
|
API 图形学
Unity设置播放模式下始终先执行指定的场景
通过我们使用Unity开发游戏,是在PC/Mac上。而一个游戏通常也会有很多的场景,比如A、B、C、D三个场景,正常流程下的执行顺序是 A –> B –> C –> D。在具体一点,比如 A —— 启动场景、B —— 资源加载场景、C —— 登录场景、D —— 战斗场景。
2094 0
|
9月前
|
存储 算法 API
Unity打包AB包
在 Unity 中,AssetBundle(AB 包)用于存储和管理游戏资源,支持动态加载。开发者需为资源标记 AssetBundle 名称,Unity 会自动处理依赖关系并进行序列化。资源被打包成二进制格式,并可选择压缩算法(如 LZMA 或 LZ4)。通过 BuildPipeline API 可控制打包过程,包括设置目标平台(如 WebGL、PC)。示例代码展示了如何使用 BuildPipeline.BuildAssetBundles 方法打包 AB 包并输出到 StreamingAssets 文件夹中。
|
前端开发 C++ iOS开发
几款主流好用的markdown编辑器介绍
几款主流好用的markdown编辑器介绍
905 1
|
数据采集 人工智能 自然语言处理
【企业实践】雅戈尔: 3 亿行数据表构成的“孤岛”,如何真正为决策提效?
雅戈尔通过 Dataphin 进行数据建设与治理,在业务应用过程中为决策提供依据,提升效率。
508 3
【企业实践】雅戈尔: 3 亿行数据表构成的“孤岛”,如何真正为决策提效?
|
算法 JavaScript 前端开发
Fitten Code:自动生成代码注释工具
【9月更文挑战第02天】
1673 7
|
前端开发 Linux iOS开发
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
【4月更文挑战第30天】Flutter扩展至桌面应用开发,允许开发者用同一代码库构建Windows、macOS和Linux应用,提高效率并保持平台一致性。创建桌面应用需指定目标平台,如`flutter create -t windows my_desktop_app`。开发中注意UI适配、性能优化、系统交互及测试部署。UI适配利用布局组件和`MediaQuery`,性能优化借助`PerformanceLogging`、`Isolate`和`compute`。
934 0
【Flutter前端技术开发专栏】Flutter在桌面应用(Windows/macOS/Linux)的开发实践
|
人工智能 Windows
恢复消失的“Windows 照片查看器“
通过编辑Windows注册表来恢复右键菜单中消失的“Windows 照片查看器”,通过添加新的字符串值来关联图片文件类型,使得“Windows 照片查看器”重新出现在右键菜单中。
395 0
恢复消失的“Windows 照片查看器“
|
缓存 Android开发 图形学
使用 ADB LogCat 查看在Android真机上 Unity debug.log 输出日志
在使用unity开的过程中查看输出日志是避免不了的,但是在真机上遇到卡死或者尤其是闪退的时候怎么办呢?这里给大家介绍一个简单便捷的android真机查看日志方法 参考了以下3位作者的文章: http://blog.
4821 0
JM
|
前端开发 图形学 C++
一个 web 开发者眼中的技术美术(TA—Technical Artist)
Techical Artist 的中文翻译是技术美术,相比于直译为技术艺术家,技术美术这个称谓让我感觉更加亲切,当然艺术家这个称谓也很好,很高级 :p ;在游戏行业里我们常常能听到美术这个职位,而技术美术,从字面意思我们就能够大概了解这是一个既需要懂技术又需要懂美术的职业。那么技术美术具体工作是什么呢?我去搜索了一番,发现没有非常权威的定义,不过可以找到比较普遍的说法是:给美术团队提供技术支持,从
JM
1516 1
一个 web 开发者眼中的技术美术(TA—Technical Artist)
|
存储 SQL 缓存
云数据库ClickHouse:从云托管到云原生背后的核心技术解析
阿里云数据库ClickHouse自从上线以来,已经走过了两年多的时间,期间我们积淀了大量的云上客户案例,在长期的客户服务支持中也对ClickHouse数据库生态有了非常深刻的认知。在充分了解现有产品的生态和客户实践使用痛点后, 我们对开源ClickHouse数据库做了全新的架构升级,接下来将为用户带来全新的云原生版本ClickHouse数据库。
1378 0
云数据库ClickHouse:从云托管到云原生背后的核心技术解析