Unity 如何切割帧图,并且利用Image播放帧动画

前言

有些时候,我们需要利用UI播放动画,这时我们就需要利用到帧图,并通过切换帧图实现动画的播放。

修改帧图属性

首先我们去下载一个帧图
Unity 如何切割帧图,并且利用Image播放帧动画
导入Unity,到他的Inspector面板修改一些属性,将Texture type修改为 Sprite,Sprite Model修改为 Multiple,Filter Mode 修改为Point,Compression 为None(不压缩)。
Unity 如何切割帧图,并且利用Image播放帧动画

切割帧图

点击Sprite Editor
Unity 如何切割帧图,并且利用Image播放帧动画
出现Sprite Editor面板
Unity 如何切割帧图,并且利用Image播放帧动画
点击Slice,选择type为 Automatic,Unity会自动帮忙切割图片,最后点击Slice,成功切割图片
Unity 如何切割帧图,并且利用Image播放帧动画
或者如果知道帧图的尺寸的话,就选择type为Grid By Cell Size,然后填写pixel size,最后点击Slice。
成功切割图片后,我们在project 面板会发现原始的图片下面出现了8个Sprite
Unity 如何切割帧图,并且利用Image播放帧动画

使用Image播放帧图

创建一个Image,添加组件Animation。选中Image,点击Window->Animation
出现Animation面板,点击Add Property->Image->Image->Sprite,添加Sprite。
Unity 如何切割帧图,并且利用Image播放帧动画
将切割后的帧图一个个拉到Animation面板的右边,按Ctrl S保存
Unity 如何切割帧图,并且利用Image播放帧动画
成功创建动画,将生成的动画拉到Image的Animation下的Animation框中,大功告成