Unity Sprite 切割图集并且获得任一子图（sprite/Texture)

Posted 2023-03-31 John Lio

首先，Unity中的Sprite Editor 可以将一张大图切割成多个sprite。然而如果想要从这么多切割好的子sprite获取某一个sprite 要如何操作呢？本篇文章总结了两个方法以获取图集中的某个子图。

一. 切割图集

1. 这一步，使用Unity的SpriteEditor切割你的图集，如果不会使用SpriteEditor请参考这篇文章：Unity的2D图集处理，并切割出一张张小图片_0完美对称0的博客-CSDN博客_unity裁剪图片在我们找资源的时候，有时候会遇到那种把一堆图片放进一张png图片里面的情况，在做2D游戏的时候，我们往往需要将里面的一块块小图片切割出来使用，那么问题就来了，怎么切割呢，现在我们提供一张小图片，给大家演示一下：那么我们现在把图片导入到Unity中，选中图片你会看到左边的Inspector界面然后，选择Texture Type类型为Advanced，如下面左图：将Read/Wrihttp://blog.csdn.net/hongyouwei/article/details/45011315

二. 从切割好的图集中获取某一子图

1. 方法一：将切割好的sprite 转成 png 文件，并且存放在一个新建的文件夹中。然后使用一个List 记录这个文件夹中所有png文件的路径，需要返回哪一个图片，就通过AssetDatabase 来获取这一个图片。代码如下：

 //将分割好的sprite转换成Texture 并且返回一个texture文件 
    public static Texture2D GetChildTexture(Texture2D image, int num)
    
        List<string> paths = new List<string>();//存放所有转化的png文件路径

        string rootPath = Path.GetDirectoryName(AssetDatabase.GetAssetPath(image));//获取路径名称  
        string path = rootPath + "/" + image.name + ".PNG";//图片路径名称  
        //Debug.Log(path);

        TextureImporter texImp = AssetImporter.GetAtPath(path) as TextureImporter;//获取图片入口  


        AssetDatabase.CreateFolder(rootPath, image.name);//创建文件夹

        foreach (SpriteMetaData metaData in texImp.spritesheet)//遍历小图集  
        
            Texture2D myimage = new Texture2D((int)metaData.rect.width, (int)metaData.rect.height);


            //abc_0:(x:2.00, y:400.00, width:103.00, height:112.00)  
            for (int y = (int)metaData.rect.y; y < metaData.rect.y + metaData.rect.height; y++)//Y轴像素  
            
                for (int x = (int)metaData.rect.x; x < metaData.rect.x + metaData.rect.width; x++)
                    myimage.SetPixel(x - (int)metaData.rect.x, y - (int)metaData.rect.y, image.GetPixel(x, y));
            


            //转换纹理到EncodeToPNG兼容格式  
            if (myimage.format != TextureFormat.ARGB32 && myimage.format != TextureFormat.RGB24)
            
                Texture2D newTexture = new Texture2D(myimage.width, myimage.height);
                newTexture.SetPixels(myimage.GetPixels(0), 0);
                myimage = newTexture;
            

            var pngData = myimage.EncodeToPNG();
            string output_path = rootPath + "/" + image.name + "/" + metaData.name + ".PNG";//子图片输出路径
            File.WriteAllBytes(output_path, pngData); //输出子PNG图片

            paths.Add(output_path);

            // 刷新资源窗口界面  
            AssetDatabase.Refresh();
        

        Texture2D output_image = AssetDatabase.LoadAssetAtPath<Texture2D>(paths[num]);
        Debug.Log(output_image.name);

        return output_image;
    

2. 方法二： 直接获取切割好的sprite图集中的所有子sprite, 返回某一sprite。代码如下：

AssetDatabase.LoadAllAssetsAtPath(): 在编辑器模式下load 资源

Resources.LoadAll<T>() : 加载的资源必须放在Resources文件夹下

AssetBundle 动态加载资源的话，需要先给资源create AssetBundle, 然后再使用相关方法批量Load 资源。

//返回一个子sprite
    public static Sprite GetChildSprite(Texture2D image, int num)
    

        string rootPath = Path.GetDirectoryName(AssetDatabase.GetAssetPath(image));//获取路径名称  
        string path = rootPath + "/" + image.name + ".PNG";//图片路径名称

        Object[] sprites = AssetDatabase.LoadAllAssetsAtPath(path);
        //Object[] sprites = Resources.LoadAll<Sprite>(path);


        Sprite output_sprite = (Sprite)sprites[num];

        Debug.Log(output_sprite.name);

        return output_sprite;
    

三. 调用函数

可以扩展编辑器来调用GetChildTexture()的函数，因为这个方法涉及到在编辑器下转化sprite -> Texture。GetChildSprite() 方法会返回一个Sprite，具体情况具体分析。

[MenuItem("Assets/SpriteSlicer/SpriteSlice")]
    public static void SpliceSprite()
    
        Texture2D input_image = Selection.activeObject as Texture2D;
        Texture2D output_image = GetChildTexture(input_image, 10);

        Sprite output_image2 = GetChildSprite(input_image,15);
    
    

总结

本文探究了在Unity编辑器模式下如何切割图集，并且获得图集中的某一sprite。动态加载sprite需要使用AssetBundle加载，本文暂时并未实现，持续更新中。

* 使用了 using UnityEditor 的脚本只能发在Editor文件夹下。不然会有报错。

如何给一个Sprite切成9片

　　学习了一段时间的unity，对里面的组件有一个大致的了解，但是具体操作来说还不是很熟悉，今天看了一片关于unity sprite怎么获取切割后的图的文章，感觉还不错。
　　假设有一张png/tga图集，导入到Unity，放置目录"Assets/Resources/UI"（UI文件夹可替换成其他的，重要的是要在"Assets/Resources/"路径下），

为了可以使用Unity自带的精灵切割，要将纹理类型改成"Sprite"，"Sprite Mode"改成"Multiple"，"Format"改成"Truecolor"，点击"Apply"按钮进行应用。

接着，点击"Sprite Editor"打开精灵编辑器，点击左上角的"Slice"按钮，弹出切片设置，再次点击里面的"Slice"按钮，就会自动对图片进行切割，

在对切割不完整的地方进行修正后，点击右上角的"Apply"按钮，进行保存。可以看到Project视图下这个图集，已经被分割出许多小图了，

接下来，因为要对图片进行读写操作，要更改图片的属性才能进行，否则会提示如下：
UnityException: Texture 'testUI' is not readable, the texture memory can not be accessed from scripts. You can make the texture readable in the Texture Import Settings.
将图片纹理类型更改为"Advanced"，将"Read/Write Enabled"属性进行打勾， 参考技术A Atlas Sprite设置Border值，
并且使用Sliced sprite来做显示
友情注意Atlas Sprite和Sprite相关组件是2个东西。