Unity学习笔记(09):UGUI的Image节点和Sprite精灵图、实现进度条加载动画

这篇Unity学习笔记介绍了UGUI的Image节点和Sprite精灵图,探讨了Packing tag、Filter Mode以及不同的Image Type。详细讲解了如何通过Slice模式创建九宫格效果,并在Sprite Editor中指定拉伸区域。通过设置Filled、Fill Method、Fill Origin和Fill Amount属性,实现了进度条加载动画的顺时针或逆时针效果。
摘要由CSDN通过智能技术生成

2D模式
在这里插入图片描述
选择Single模式:
在这里插入图片描述
Packing tag是指定打包标签 相同的标签在打包时会被打包在同一个文件中 以节省显存

Filter Mode缩放模式
Point(no filter)无缩放 比如放大两倍 则将像素复制两倍
在这里插入图片描述

Image Type缩放模式
在这里插入图片描述
当图片尺寸放大时

  • Simple模式是简单的拉伸 伸长
  • Tiled模式平铺 将图片分成多个同样的图
  • slice模式图片按照九宫格缩放
    类似于聊天气泡 只拉伸图片的一部分
    且九宫格较为省资源
    在这里插入图片描述
    在Sprite Editor里指定拉伸区域:
    在这里插入图片描述
    拖动点以修改边框:
    在这里插入图片描述
    Ctrl+S保存即可生效:
    在这里插入图片描述
  • Filled指定区域显示
    Fill Method是填充方式
    Horizontal是竖着切
    Vertical是横着切
    Fill Origin
    Fill Amount比例参数
    在这里插入图片描述
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值