Unity的UGUI用TexturePacker全自动打图集，包括九宫格切图信息

最新推荐文章于 2024-04-26 08:45:00 发布
最新推荐文章于 2024-04-26 08:45:00 发布
阅读量2.3k 收藏 14
点赞数 5
分类专栏： Unity3d 打图集 文章标签： unity3d unity 经验分享 其他 编辑器
版权声明：本博客为非营利性个人原创 所刊登的所有作品的著作权均为本人所拥有 本人保留所有法定权利,违者必究! 对于需要复制、转载、链接和传播博客文章或内容的 请及时和本博主进行联系， 对于经本博主明确授权和许可使用文章及内容的 使用时请注明文章或内容出处并注明网址 转载请附上原文出处链接及本声明。
本文链接：https://blog.csdn.net/Wrinkle2017/article/details/113618934
版权

Unity的UGUI用TexturePacker全自动打图集，包括九宫格切图信息

前言

最近在学习UGUI的打图集，之前一直在用SpritePacker和Sprite Atlas打图集，现在记录下另一种打图集方式：TexturePacker
主要是讲如何自动打图集到Unity，并且不丢掉九宫格信息，以及一些参数的设置

环境准备

1.unity版本2019.4.10f1
2.TexturePacker安装官网，支持正版，支持正版，支持正版https://www.codeandweb.com/texturepacker
3.TexturePacker安装Po Jie 版本点击这下载
4.unity中安装TexturePacker Importer点击这下载，也可以在unity商店搜索TexturePacker Importer安装
5.了解一下TexturePacker的命令行参数：
打开命令行工具并CD到TexturePacker的安装目录，输入 TexturePacker –help,会出现该版本的TP的一些命令行参数。在这里插入图片描述

实现过程

把要打图集的小图放到指定的文件夹，我是放在在这里插入图片描述
打出来的图放在Assets/SheetsByTP这个文件夹下，打好的图集会放在Assets/TexturePacker/icon文件夹下。
写两个编辑器脚本，放在Editor文件夹下，废话不多说上代码:

#if UNITY_EDITOR
using System;
using UnityEngine;
using System.IO;
using UnityEditor;
using System.Text;
using System.Diagnostics;
using Debug = UnityEngine.Debug;

public class CommandBuild : Editor
{

    [MenuItem("Tools/SpritesPacker/CommandBuild")]
    public static void BuildTexturePacker()
    {
        //选择并设置TP命令行的参数和参数值(包括强制生成2048*2048的图集 --width 2048 --height 2048)
        string commandText = " --sheet {0}.png --data {1}.xml --format sparrow --trim-mode None --pack-mode Best  --algorithm MaxRects --width 2048 --height 2048 --max-size 2048 --size-constraints POT  --disable-rotation --scale 1 {2}" ;
        string inputPath = string.Format ("{0}/Images", Application.dataPath);//小图目录
        string outputPath = string.Format ("{0}/TexturePacker", Application.dataPath);//用TP打包好的图集存放目录
        string[] imagePath = Directory.GetDirectories (inputPath); 
        
        for (int i = 0; i < imagePath.Length; i++) 
        {
            UnityEngine.Debug.Log (imagePath [i]);
            StringBuilder sb = new StringBuilder("");
            string[] fileName = Directory.GetFiles(imagePath[i]);
            for (int j = 0; j < fileName.Length; j++)
            {
                string extenstion = Path.GetExtension(fileName[j]);
                if (extenstion == ".png")
                {
                    sb.Append(fileName[j]);
                    sb.Append("  ");
                    
                    
                }
                UnityEngine.Debug.Log("fileName [j]:" + fileName[j]);
            }
            string name = Path.GetFileName(imagePath [i]);
            string outputName = string.Format ("{0}/TexturePacker/{1}/{2}", Application.dataPath,name,name);
            string sheetName = string.Format("{0}/SheetsByTP/{1}", Application.dataPath, name);
            //执行命令行
            processCommand("E:\\Program Files (x86)\\CodeAndWeb\\TexturePacker\\bin\\TexturePacker.exe", string.Format(commandText, sheetName, sheetName, sb.ToString()));
        }
        AssetDatabase.Refresh();
    }
    private static void processCommand(string command, string argument)
    {
        ProcessStartInfo start = new ProcessStartInfo(command);
        start.Arguments = argument;
        start.CreateNoWindow = false;
        start.ErrorDialog = true;
        start.UseShellExecute = false;

        if(start.UseShellExecute){
            start.RedirectStandardOutput = false;
            start.RedirectStandardError = false;
            start.RedirectStandardInput = false;
        } else{
            start.RedirectStandardOutput = true;
            start.RedirectStandardError = true;
            start.RedirectStandardInput = true;
            start.StandardOutputEncoding = System.Text.UTF8Encoding.UTF8;
            start.StandardErrorEncoding = System.Text.UTF8Encoding.UTF8;
        }

        Process p = Process.Start(start);
        if(!start.UseShellExecute)
        {
            UnityEngine.Debug.Log(p.StandardOutput.ReadToEnd());
            UnityEngine.Debug.Log(p.StandardError.ReadToEnd());
        }

        p.WaitForExit();
        p.Close();
    }
}
#endif

添加第二个脚本在Editor下


#if UNITY_EDITOR
using UnityEngine;
using System;
using System.IO;
using UnityEditor;
using System.Collections.Generic;
using System.Xml;
public class MySpritesPacker : Editor
{
    [MenuItem("Tools/SpritesPacker/TexturePacker")]
    public static void BuildTexturePacker()
    {
        string inputPath = string.Format("{0}/SheetsByTP/", Application.dataPath);
        string[] imagePath = Directory.GetFiles(inputPath);
        foreach (string path in imagePath)
        {
            if (Path.GetExtension(path) == ".png" || Path.GetExtension(path) == ".PNG")
            {
                string sheetPath = GetAssetPath(path);
                Texture2D texture = AssetDatabase.LoadAssetAtPath<Texture2D>(sheetPath);
                Debug.Log(texture.name);
                string rootPath = string.Format("{0}/TexturePacker/{1}", Application.dataPath,texture.name);
                string pngPath = rootPath + "/" + texture.name + ".png";
                TextureImporter asetImp = null;
                Dictionary<string, Vector4> tIpterMap = new Dictionary<string,Vector4>();
                if (Directory.Exists(rootPath))
                {
                    if(File.Exists(pngPath))
                    {
                        Debug.Log("exite: " + pngPath);
                        //asetImp = GetTextureIpter(pngPath);
                        //SaveBoreder(tIpterMap, asetImp);
                        File.Delete(pngPath);
                    }
                    File.Copy(inputPath + texture.name + ".png", pngPath);
                }
                else
                {
                    Directory.CreateDirectory(rootPath);
                    File.Copy(inputPath + texture.name + ".png", pngPath);
                }
                AssetDatabase.Refresh();
                FileStream fs = new FileStream(inputPath + texture.name + ".xml", FileMode.Open);
                StreamReader sr = new StreamReader(fs);
                string jText = sr.ReadToEnd();
                fs.Close();
                sr.Close();
                XmlDocument xml = new XmlDocument();
                xml.LoadXml(jText);
                XmlNodeList elemList = xml.GetElementsByTagName("SubTexture");
                WriteMeta(elemList, texture.name, tIpterMap);
            }
        }
        AssetDatabase.Refresh();
    }
    //如果这张图集已经拉好了9宫格，需要先保存起来
    static void SaveBoreder(Dictionary<string,Vector4> tIpterMap,TextureImporter tIpter)
    {
        for(int i = 0,size = tIpter.spritesheet.Length; i < size; i++)
        {
            tIpterMap.Add(tIpter.spritesheet[i].name, tIpter.spritesheet[i].border);
        }
    }

    static TextureImporter GetTextureIpter(Texture2D texture)
    {
        TextureImporter textureIpter = null;
        string impPath = AssetDatabase.GetAssetPath(texture);
        textureIpter = TextureImporter.GetAtPath(impPath) as TextureImporter;
        return textureIpter;
    }

    static TextureImporter GetTextureIpter(string path)
    {
        TextureImporter textureIpter = null;
        Texture2D textureOrg = AssetDatabase.LoadAssetAtPath<Texture2D>(GetAssetPath(path));
        string impPath = AssetDatabase.GetAssetPath(textureOrg);
        textureIpter =  TextureImporter.GetAtPath(impPath) as TextureImporter;
        return textureIpter;
    }
    //写信息到SpritesSheet里
    static void WriteMeta(XmlNodeList elemList, string sheetName,Dictionary<string,Vector4> borders)
    {
        string path = string.Format("Assets/TexturePacker/{0}/{1}.png", sheetName, sheetName);
        Texture2D texture = AssetDatabase.LoadAssetAtPath <Texture2D>(path);
        string impPath = AssetDatabase.GetAssetPath(texture);
        TextureImporter asetImp = TextureImporter.GetAtPath(impPath) as TextureImporter;
        SpriteMetaData[] metaData = new SpriteMetaData[elemList.Count];
        for (int i = 0, size = elemList.Count; i < size; i++)
        {
            XmlElement node = (XmlElement)elemList.Item(i);
            Rect rect = new Rect();
            rect.x = int.Parse(node.GetAttribute("x"));
            rect.y = texture.height - int.Parse(node.GetAttribute("y")) - int.Parse(node.GetAttribute("height"));
            rect.width = int.Parse(node.GetAttribute("width"));
            rect.height = int.Parse(node.GetAttribute("height"));
            metaData[i].rect = rect;
            metaData[i].pivot = new Vector2(0.5f, 0.5f);
            metaData[i].name = node.GetAttribute("name");
            //读取源文件的meta文件，获取spriteBorder九宫格信息，写进图集中
            string sourcePath= string.Format("{0}/Images/{1}/{2}.png", Application.dataPath,sheetName, node.GetAttribute("name"));
            Vector4 sourceBorder= GetTextureIpter(sourcePath).spriteBorder;
            Debug.Log("图片的路径"+sourcePath+"图片的border"+sourceBorder.ToString());
            metaData[i].border = sourceBorder;
            // if (borders.ContainsKey(metaData[i].name))
            // {
            //     metaData[i].border = borders[metaData[i].name];
            // }
        }
        asetImp.spritesheet = metaData;
        asetImp.textureType = TextureImporterType.Sprite;
        asetImp.spriteImportMode = SpriteImportMode.Multiple;
        asetImp.mipmapEnabled = false;
        asetImp.SaveAndReimport();
    }

    static string GetAssetPath(string path)
    {
        string[] seperator = { "Assets" };
        string p = "Assets" + path.Split(seperator, StringSplitOptions.RemoveEmptyEntries)[1];
        return p;
    }

}

internal class TextureIpter
{
    public string spriteName = "";
    public Vector4 border = new Vector4();
    public TextureIpter() { }
    public TextureIpter(string spriteName, Vector4 border)
    {
        this.spriteName = spriteName;
        this.border = border;
    }
}
#endif

按下Tools/SpritesPacker/CommandBuild
按下Tools/SpritesPacker/TexturePacker
图集就打好了在这里插入图片描述

注意

1.如果有九宫格信息，注意名字要一致，可以查看图片的Border来查看九宫格信息

在这里插入图片描述
2.各文件路径可以在脚本里自行修改，如果需要设置其他参数，可以在命令里面自行添加

总结

欢迎大佬多多来给萌新指正，欢迎大家来共同探讨。
如果各位看官觉得文章有点点帮助，跪求各位给点个“一键三连”，谢啦~

声明：本博文章若非特殊注明皆为原创原文链接
https://blog.csdn.net/Wrinkle2017/article/details/113618934
————————————————————————————————

版权声明

版权声明：本博客为非营利性个人原创
所刊登的所有作品的著作权均为本人所拥有
本人保留所有法定权利,违者必究!
对于需要复制、转载、链接和传播博客文章或内容的
请及时和本博主进行联系
对于经本博主明确授权和许可使用文章及内容的
使用时请注明文章或内容出处并注明网址
转载请附上原文出处链接及本声明

水光涵月
关注
  • 5
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Unity插件TexturePacker制作图集
洛初_Rakuui的博客
10-16 567
使用TexturePacker的优点，附上官方讲解链接：https://www.codeandweb.com/texturepacker/tutorials/using-spritesheets-with-unity 准备工作 安装 TexturePacker，官方网址：https://www.codeandweb.com/texturepacker unity商店中下载TexturePack...
TexturePacker分图工具，切图plist
08-28
TexturePacker分图工具,将大图切成小图，强大的工具，切图方便
Unity自动化之自动构建图集与压缩
最新发布
唐宋元明清临的博客
04-26 843
为降低DrawCall，我们需要将多个图片构建在图集上。同时还有个好处，可以自动补齐图片补齐2的幂次方或正方形图，这样便可以进行ETC和PVRTC压缩了。官方解释请注意 Sprite Packer 在 Unity 2020.1 和更新版本中已弃用，并且将不再作为精灵打包模式的可用选项。现有已使用 Sprite Packer 的项目仍然可以继续使用它，但是在 2020.1 以后创建的任何新项目在打包纹理时将默认使用 Sprite Atlas 系统。
【无标题】使用bat命令结合texturePacker对资源打图集进行批处理
zhou674521的博客
05-25 448
【代码】【无标题】使用bat命令结合texturePacker对资源打图集进行批处理。
unity的九宫格切割
weixin_44453949的博客
02-22 5821
我们新建Button，然后我们需要一张图片 修改图片类型如下： Editor GUI and Lagacy GUI适用于ngui，而Sprite适用于ngui 然后点击Sprite Editor，如果首次操作会报错，请按如下操作： 点击Package Manager-》将package ：改为Unity Registry下载2d Sprite即可 将九宫格的上下左右四条线拉成如下图： 原理：左下、左上、右上、右下代表缩放不变的区域，而缩放仅改变1-4的4块区域。 这样可以保证缩放时，4个角不变形，然
关于Unity Meta文件的简单理解
Sator1的博客
08-26 2929
关于Unity meta文件
C#课程设计—基于Unity的九宫格拼图游戏.zip
07-04
C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目。C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目。C#课程设计—基于Unity的九宫格拼图游戏。已获通过的高分项目C#课程设计—基于Unity的九...
Unity UGUI 九宫格屏幕适配
01-05
Unity UGUI 九宫格屏幕适配
Unity使用TexturePacker一键打包图集工具
02-14
Unity使用TexturePacker一键打包图集工具源代码 根据项目资源结构自动按文件划分图集，实现一键打包图集
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
Unity UGUI无限循环列表
12-26
Unity UGUI实现无限循环滑动列表功能，如果要做循环滑动列表可以参考。直接导入Unity里面有示例场景。运行即可。
texturepacker打包的大图集切割成小图片
04-29
texturepacker打包的大图集切割成小图片.能读取json文件，切割小图片。选择软件选项中，最后的open json选项读取.
【Unity】UI九宫格
张不无的博客
03-21 1435
9宫格
myelicpes2019初次使用设置_掌握这个设置，数据绘图效率将大大提高！
weixin_30847543的博客
12-24 315
不知道你在初次使用Origin或者GraphPad进行数据绘图时，有没有一种感受：导出图片到本地时，每次都要重新设置图片的保存参数，比如图片格式、分辨率、保存路径，感觉非常麻烦！那么，今天介绍一个简单却容易被忽视的技能：设置默认图片导出参数。下面以两个最为常用的数据绘图软件Origin和GraphPad为例进行介绍。Origin在Origin内，如果想要导出图片到本地，可以点击菜单栏File--&...
unity image 控件使用九宫格进行拉伸
翻肚鱼儿的博客
03-27 351
unity
unity 设置图片九宫格_Unity UGUI – Image组件
weixin_39624461的博客
12-21 2846
本文提供全图文流程，中文翻译助力快速掌握UnityUGUI中 Image组件的使用为初学者节省宝贵的时间，避免采坑！Chinar —— 心分享、心创新！我们的初衷是将一种简单的生活方式，带给世人使有限时间 具备无限可能!Chinar教程效果：@全文高清图片，点击即可放大观看(很多人竟然不知道)1Presentation —— 介绍Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片1...
Unity九宫格切割图片 2D Sprite
qq_45626507的博客
03-20 6333
Unity九宫格切割图片 2D Sprite
游戏开发unity杂项知识系列：untiy2019.2版本Paking Tag消失了，改用SpriteAtlas来创建图集
Cloud Flower的博客-专注unity
12-21 2307
在使用untiy2019.2版本时，发现原来用的Packing Tag选项消失了（已经在Editor->ProjectSettings中设置开启SpritePacker）。 国内基本上没有资料说明这个情况，差不多全部都在说用Packing Tag（说明用新版的人比较少啊） 翻墙去外网论坛，才发现这个版本取消这种方式了，需要自己手动创建图集了 https://docs.uni...
Cocos Creator 图集 (TexturePacker、自动图集功能 、压缩纹理、压缩插件)
gamedaybyday
05-31 2593
版本：2.3.4 参考 ： cocos教程：自动图集功能 cocos教程：压缩纹理 TexturePacker下载地址 TinyPng在线压缩 合图可以减少http请求次数，降低drawcall。所以一般项目中碎图都会合并为一张大图。 1. cocos自动图集功能 + 压缩插件 2. TexturePackerGUI + TinyPNG 1. cocos自动图集 + 压缩插件 coc...
unity九宫格切图应该怎么用
06-08
Unity中的九宫格切图是一种用于UI元素的图像切割技术，可以使UI元素在不同大小的屏幕上保持一致的外观和布局。使用九宫格切图可以避免在缩放时出现图像失真或拉伸的问题。 以下是使用九宫格切图的步骤： 1. 在Unity中创建一个新的UI元素，如Image或Button。 2. 选择要使用的图像，并将其拖放到UI元素上。 3. 在UI元素的Image组件中，选择“Sliced”作为Image Type。 4. 点击“Sprite Editor”按钮，在Sprite Editor中选择“9-Slice”作为切割类型。 5. 在Sprite Editor中，使用矩形框选出中心区域，该区域将被重复拉伸以填充UI元素的大小。 6. 调整拉伸区域的大小和位置，直到达到所需的外观效果。 7. 保存并关闭Sprite Editor。 现在，你的UI元素将使用九宫格切图来保持其外观和布局，即使在不同大小的屏幕上也能保持一致。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值