Flyme官网首页
Flyme 应用
客户热线：400-788-3333
由于视频文件较大，移动端建议在wifi下观看!百思不得姐－内涵段子，冷笑话，搞笑图片，成人笑话，不得姐分享社区
分享&&86&&
分享&&61&&
分享&&46&&
分享&&19&&
分享&&51&&
分享&&60&&
分享&&151&&
分享&&37&&
分享&&142&&
百思不得姐往日神贴
分享&&26&&
分享&&31&&
分享&&22&&
分享&&11&&
分享&&14&&
分享&&35&&
分享&&76&&
分享&&106&&
分享&&70&&
分享&&30&&
百思不得姐往日神贴
百思不得姐网友都在看
百思不得姐近期热门
关注百思不得姐
百思不得姐粉丝交流群程序写累了，就来玩玩酷跑小游戏吧，嘿嘿。
雨松MOMO送你一首歌曲，嘿嘿。
UGUI研究院之全面理解图集与使用（三）
UGUI研究院之全面理解图集与使用（三）
围观209863次
编辑日期： 字体：
UGUI的图集打包与工作原理，整整看了一天多，终于看明白了～晕～还是记录一下我研究的成果，也希望大家在下面给我留言我们一起讨论一下。
先说说UGUI的Atlas和NGUI的Atlas的区别，NGUI是必须先打出图集然后才能开始做界面。这一点很烦，因为始终都要去考虑你的UI图集。比如图集会不会超1024 ，图集该如何来规划等等。而UGUI的原理则是，让开发者彻底模糊图集的概念，让开发者不要去关心自己的图集。做界面的时候只用小图，而在最终打包的时候unity才会把你的小图和并在一张大的图集里面。然而这一切一切都是自动完成的，开发者不需要去care它。
如下图所示，Editor-&Project Settings 下面有sprite packer的模式。Disabled表示不启用它，Enabled For Builds 表示只有打包的时候才会启用它，Always Enabled 表示永远启用它。 这里的启用它就表示是否将小图自动打成图集。
我的选项是Always Enabled 。因为开发的时候我们需要清楚的看到现在是几个Draw Call，从而才能优化小图。在最终打包的时候unity会自动构建大的图集，可是我开发的时候就想看图集会占几个Draw Call，这怎么办呢？如下图所示，首先将你的图片拖入unity中，将同一图集的所有图片的packing tag设置成一个名子即可。
注意你的图片不能放在Resources文件夹下面，Resources文件夹下的资源将不会被打入图集，切记（也就是在这里混淆了我很久）。然后在Windows-&Sprite Packer 里，点击packer 在这里你就可以预览到你的图集信息。图集的大小还有图集的格式等等很多参数我们都是可以控制的，也可以通过脚本来设置。我在下一篇文章里详细说这个（请期待嘿嘿）。
图集的预览紧紧是让你看看你的图集大概张什么样子。那么我们的图集的这张图片保存在了哪里呢？它保存在和Assets文件夹同级的目录，Libary/AtlasCache里面。你不用管它，也不要删除它，就算你删除了也没用因为只要你打包，它就会生成并且会打到包中。
此时在Hierarchy视图中创建两个Image对象。如下图所示，我们可以清楚的看到此时我的draw call已经被合并成了1 。
这两个图片是我是在Editor模式下预先拖入Hierarchy视图中的，可是如果我想运行时根据图片的名子来动态创建精灵该如何？可是unity根本没有提供加载图集的方法，也没有提供加载图集上某个图片的方法。 因为UGUI就不像让开发者有图集的这个概念，可是我们肯定是要实现这个需求的。。怎么办呢？
第一个设想，先把散＝小图打包成图集，然后再把所有散图拷贝在Resources文件夹下，这样运行时就能用Resources.load了。
第二个设想，还是先把小图打成图集，然后把所有小图关联在prefab上，拷贝在Resources文件夹下，这样运行时也能用Resources.load了。到底那个靠谱呢？ 给大家看一个图大家就知道答案了。
如下图所示，打成图集的图片如果在放在Resources那么资源就变成双份了。。 所以我们只能把小图关联在Prefab上，把所有的Prefab放在Resources下面，这样就不占用多余的空间了。
好了，现在方法我们已经掌握，那么就开始写工具吧。如下图所示可以按文件夹分，每一个文件夹就是一个图集。然后每一张小图创建一个Prefab，Prefab的名子就起小图的名子，文件关联在Resources下面。
代码比较简单，我就不注释了。
123456789101112131415161718192021222324
[MenuItem ("MyMenu/AtlasMaker")] static private void MakeAtlas() {
string spriteDir = Application.dataPath +"/Resources/Sprite";
if(!Directory.Exists(spriteDir)){
Directory.CreateDirectory(spriteDir);
DirectoryInfo rootDirInfo = new DirectoryInfo (Application.dataPath +"/Atlas");
foreach (DirectoryInfo dirInfo in rootDirInfo.GetDirectories()) {
foreach (FileInfo pngFile in dirInfo.GetFiles("*.png",SearchOption.AllDirectories)) {
string allPath = pngFile.FullName;
string assetPath = allPath.Substring(allPath.IndexOf("Assets"));
Sprite sprite = Resources.LoadAssetAtPath&Sprite&(assetPath);
GameObject go = new GameObject(sprite.name);
go.AddComponent&SpriteRenderer&().sprite = sprite;
allPath = spriteDir+"/"+sprite.name+".prefab";
string prefabPath = allPath.Substring(allPath.IndexOf("Assets"));
PrefabUtility.CreatePrefab(prefabPath,go);
GameObject.DestroyImmediate(go);
然后是运行时的代码。
123456789101112131415161718192021222324252627
using UnityEngine;using System.Collections;using UnityEngine.UI;&public class UIMain : MonoBehaviour {& void Start ()
CreatImage(loadSprite("image0"));
CreatImage(loadSprite("image1")); }& private void CreatImage(Sprite sprite ){
GameObject go = new GameObject(sprite.name);
go.layer = LayerMask.NameToLayer("UI");
go.transform.parent = transform;
go.transform.localScale= Vector3.one;
Image image = go.AddComponent&Image&();
image.sprite = sprite;
image.SetNativeSize(); }& private Sprite loadSprite(string spriteName){
return Resources.Load&GameObject&("Sprite/" + spriteName).GetComponent&SpriteRenderer&().sprite; }&}
因为这两个图是在同一个图集上，所以drawcall就是1了。这样我们就可以根据图片的名子来运行时加载图片了。
接下来就是Assetbundle了，如果我们的图集需要在线更新那该怎么办呢？ 其实Assetbundle比Resources要更简单一些，无论如何我们要先开始打图集。
12345678910111213141516171819202122232425262728293031323334
[MenuItem ("MyMenu/Build Assetbundle")] static private void BuildAssetBundle() {
string dir = Application.dataPath +"/StreamingAssets";&
if(!Directory.Exists(dir)){
Directory.CreateDirectory(dir);
DirectoryInfo rootDirInfo = new DirectoryInfo (Application.dataPath +"/Atlas");
foreach (DirectoryInfo dirInfo in rootDirInfo.GetDirectories()) {
List&Sprite& assets = new List&Sprite&();
string path = dir +"/"+dirInfo.Name+".assetbundle";
foreach (FileInfo pngFile in dirInfo.GetFiles("*.png",SearchOption.AllDirectories))
string allPath = pngFile.FullName;
string assetPath = allPath.Substring(allPath.IndexOf("Assets"));
assets.Add(Resources.LoadAssetAtPath&Sprite&(assetPath));
if(BuildPipeline.BuildAssetBundle(null, assets.ToArray(), path,BuildAssetBundleOptions.UncompressedAssetBundle| BuildAssetBundleOptions.CollectDependencies, GetBuildTarget())){
static private BuildTarget GetBuildTarget()
BuildTarget target = BuildTarget.WebPlayer;#if UNITY_STANDALONE
target = BuildTarget.StandaloneWindows;#elif UNITY_IPHONE
target = BuildTarget.iPhone;#elif UNITY_ANDROID
target = BuildTarget.Android;#endif
return target;
如下图所示，我的assetbundle已经打出来了。
然后把UIMain.cs在改一改。
12345678910111213141516171819202122232425262728293031323334
using UnityEngine;using System.Collections;using UnityEngine.UI;&public class UIMain : MonoBehaviour {& AssetBundle assetbundle = null; void Start ()
CreatImage(loadSprite("image0"));
CreatImage(loadSprite("image1")); }& private void CreatImage(Sprite sprite ){
GameObject go = new GameObject(sprite.name);
go.layer = LayerMask.NameToLayer("UI");
go.transform.parent = transform;
go.transform.localScale= Vector3.one;
Image image = go.AddComponent&Image&();
image.sprite = sprite;
image.SetNativeSize(); }& private Sprite loadSprite(string spriteName){#if USE_ASSETBUNDLE
if(assetbundle == null)
assetbundle = AssetBundle.CreateFromFile(Application.streamingAssetsPath +"/Main.assetbundle");
return assetbundle.Load(spriteName) as Sprite;#else
return Resources.Load&GameObject&("Sprite/" + spriteName).GetComponent&SpriteRenderer&().sprite;#endif
如下图所示，依然还是一个drawcall。
衷心希望有经验的朋友在留言处给我提提意见， 或者大家一起讨论讨论。。 我们共同为把NGUI干掉的目标而奋斗，嘻嘻。
本文固定链接:
转载请注明:
雨松MOMO提醒您：亲，如果您觉得本文不错，快快将这篇文章分享出去吧 。另外请点击网站顶部彩色广告或者捐赠支持本站发展，谢谢！
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
如果您愿意花10块钱请我喝一杯咖啡的话，请用手机扫描二维码即可通过支付宝直接向我捐款哦。
您可能还会对这些文章感兴趣！大神帮看看这电脑还有必要升级吗_百度知道
大神帮看看这电脑还有必要升级吗
我有更好的答案
首先要确认一下自己要升级哪部件的硬件。然后可以通过腾讯电脑管家里的硬件检测查看主板型号和确认一下主板最多支持哪些型号的CPU、内存、显卡等硬件。然后在主板的支持范围内购买相应的硬件。
有实力 无所惧
主营：互联网安全 电脑加速 电脑杀毒 电脑办公 电脑漏洞修复
配置发出来，你玩什么游戏
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。使用npm安装一些包失败了的看过来（npm国内镜像介绍） - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
这个也是网上搜的，亲自试过，非常好用！
镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:
1.通过config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore （如果上面配置正确这个命令会有字符串response）
2.命令行指定
npm --registry https://registry.npm.taobao.org info underscore
3.编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.taobao.org
建立或使用镜像,参考:
顶，已经在用了，:)
:-) 看来都是苦命的孩子呀，国家防火墙实在太强大了。
用了一段时间了, 安装没问题, 但是有时候那个抓狂
$ npm search html
npm WARN Building the local index for the first time, please be patient
npm http GET http://registry.npmjs.vitecho.com/-/all
npm http 502 http://registry.npmjs.vitecho.com/-/all
npm ERR! registry error parsing json
npm ERR! SyntaxError: Unexpected token &
npm ERR! &html&
npm ERR! &head&&title&502 Bad Gateway&/title&&/head&
npm ERR! &body bgcolor=&white&&
npm ERR! &center&&h1&502 Bad Gateway&/h1&&/center&
npm ERR! &hr&&center&nginx/1.0.14&/center&
npm ERR! &/body&
npm ERR! &/html&
at Object.parse (native)
at Request._callback
一直使用. 不过在npm publish时要记得切回去
感谢楼主，表示用得很爽。
使用npm config set 也是跟第三种方法一样，把所谓的user config写入到 ~/.npmrc文件的！！
這個必須要有，看國內這種網絡環境，想不到Nodejs這麼受歡迎。
真是没镜像都不行了, 哪位大哥搭过镜像啊, 整个镜像现在多大了?
不明白防火墙整这东西干什么，就是给开发者添堵
更新速度还是有点慢.
Express上面还是3.4.4版本, npm上面已经3.4.6版本了.
爱死你们了！
怀疑这种方式是有问题的
你觉得会由什么问题呢?
中国码农不容易 墙太高太厚
方法3 set 了~/.npmrc，问题依然。ping
package loss, but ping
OK,难道我的网络有problem…
感谢分享。终于用上了。
已经用了，挺快的
我一切正常，如果是在win下，安装一切容易，也非常正常，但是，我在win下安装了一个VMware，VMware里又安装了一个debian，结果在debian里
每次都wget不了安装包，似乎是没有权限，但是ping www.baidu.com又是正常的。
你上youtube看下 推荐的视频，都是反天朝的，不墙不行啊！
smart-npm ,你值得拥有
速度也特别快
已从坑里爬出，nrm你值得拥有
使用这种方法的话，升级为 node 7.1.1 之后，npm 搜索会出现错误，不能搜索成功，需要改回成原来的才能搜索成功。
难道代码也有反天朝的？
npm publish 的时候应该如何切回去。。。。。。。
程序员们花了太多的心智，与墙斗智斗勇
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的