NGUI 图片,字体,collider

Sprite,Atlas,Texture区别

这三个当中Atlas(图集)我们很好理解,他和Sprte(精灵)就是整体与部分的区别。一般我们把一些图片的类型改为Sprite然后打包Atlas,我们在系统中调用某个Sprite时候我们在从Atlas中根据下标去找,这样做的好处就是,我们打包成Atlas以后,系统在加载的会一次性的加载进去,可以减少载入内存的操作,并提高渲染性能(只会浪费一个DrawCall)。但是当一个图片过大,分辨率大于512*512的时候,我们不会考虑把他做成Sprite,而是单独使用,一般时候图集我的大小最好也不要超过5M左右。

Paste_Image.png
  • Atlas表示当前选择的图集,有的时候我们在进入到选择图集界面的时候我们可以点击下边showAll这个键,可以获得当前所有图集,这里我就不上图了,太简单了。
  • Sprite 选择当前图集下的Sprite
  • Type 有5个选项Simple(普通类型),Sliced(切片类型),Tiled(平铺类型),Filled(填满类型),Advanced(高级类型)。Filp是翻转类型,相应的Type有不同的选项。
  • Simple 普通显示。翻转就是我们所理解的翻转,大家可以试下。
  • Sliced 切片类型 这种类型和九宫格联系比较紧密。九宫格是我们经常会遇到的一种类型,比如我们要用一个边框而这个边框比较大1024*614的,那我们就需要美术给我做一个这么大的Texture吗?其实这个是不用的,我们可以让他们做的小一点,然后我们再通过九宫格把他做个拉伸。比如像下边这种图
Paste_Image.png
Paste_Image.png

点这个图中的Edit,图中标记的那个,然后 会进入到下图


我们去改变Border中的值,然后图片的四根虚线就会发生变化

Paste_Image.png

当我们在拉伸他的时候1,3,7,9四个方格是不会发生改变的,而2,4,5,6,8会发生相应的拉伸

  • Tilied就是平铺类型,当我们拉伸该图片的时候,该图片的像素不会发生改变而会增加这个图片的数量
Paste_Image.png
Paste_Image.png
  • Filled填充类型
    Paste_Image.png

    箭头表示的就是根据什么角度去填充大家可以亲自测试下。
  • Advanced 高级的模式,这个也是跟九宫格联系的。
Paste_Image.png

上下左右都有三个供我们选择,第一个是不显示,第二个是按照九宫格正常显示,第三个就是平铺,具体我就不解释了,大家测试下就可以知道。

Font

在NGUI中有unity字体和NGUI字体,而NGUI字体不支持中文,有的时候我们需要显示中文的时候就要去调用unity字体,unity字体其实就是把字体文件(ttf格式)加载到unity中即可使用。当我们选择使用Unity字体的时候需要我们注意一点我剪头所指的Keep crisp,现在参数是On Desktop,当Label显示出来时字体特别模糊

Paste_Image.png
Paste_Image.png

此时我们应该把该参数调为Never,这就是下边的效果


所以在我们用Unity字体的时候需要把Keep crisp给改一下。

Boxcollider

这个组件特别有用,可以理解为用鼠标触发事件必须的一个条件(可能不是太准确)。比如我们的Button(按钮),Input(输入框),ScrollView(可拖动视图),Toggle(复选框),Popuplist(下拉菜单),这些或多或少都需要我们鼠标去操作,此时我们就应该加上Boxcollider。在用Boxcollider的时候,我们要注意的就是Boxcollider的尺寸是否合适。

注意

Boxcollider也要注意层级关系,低层级的BoxCollider会被高层级的覆盖掉,有的时候我们可以用这个来做BoxCollider的遮罩。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,636评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,890评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,680评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,766评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,665评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,045评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,515评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,182评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,334评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,274评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,319评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,002评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,599评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,675评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,917评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,309评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,885评论 2 341

推荐阅读更多精彩内容