NGUI UI搭建的常规用法及习惯

1.图集Atlas的制作

关于图集的优化:图片必须为正方形,且分辨率为2的幂次方,下面是如何制作正方形图集的方法

  • NGUI->Open->AtlasMaker
  • 选择准备好的素材,点击创建图集,这里会看到我所创建的图集分辨率为1024*512,这种图并不利于优化

。

  • 删掉,再次创建,取消勾选Unity Packer,并勾选新出现的Force Square
    在这里插入图片描述
  • 发现新创建的图集尽管空出了很多地方,但是分辨率是1024*1024
    在这里插入图片描述

2.图集的压缩设置

  • 选择图集图片,在Inspector界面
  • TextureType->Advanced,取消勾选 Generate Mip Maps
  • 在下面安卓端勾选Override for Android 格式Format为RGBA Compressed ETC2 8bits Qualify可以选择best
    注释:这个只需在游戏发布前设置就好了,因为开发的时候,图集经常发生变化,每改一次,都需要再设置一次。

3.UI的自适应
在制作完图集之后,就可以开始搭建UI了

  • 点击创建NGUI->Create->Widget,会出现一个UIRoot ,Camera以及Container。UIRoot右边属性UIRoot ,如果是手游ScalingStyle->Constrained On Mobiles 分辨率1280*720 高自适应。
    在这里插入图片描述

  • 一般MMORPG手游界面的UI分5个部分,四个角以及中心部分,再次添加四个Widget分别将Container命名为ContainerTL,ContainerTR,ContainerBL,ContainerBR以及ContainerCenter。分别对应左上,右上,左下,右下以及中间。

  • 拿ContianerTL来说将其固定在屏幕左上角需要设置: Anchors->Type->Advanced。然后将UIRoot拖到Lfet和Top位置,并相应的选择Target’s Left和Target’s Top,并将后面位置归零 ,然后将Widget->Pivot指向左和上,Size归零(如果已经在下面拖了UI组件可能无法归零,但是没影响)
    在这里插入图片描述
    注释:在添加UI之前,需要给Container下添加一层Panel

  • 如果是登录注册界面在ContainerCenter下可以添加面板Panel之后再添加空物体将不同功能的组件分别分开命名例如TitleContainer主要是标题部分,InputContainer主要是输入的部分,btnContainer主要存储按钮部分。

4.UI的命名方式
sprite命名前缀添加spr后在加名称。例如:sprPlayerInfo
label命名前缀为lbl 例如:lblPlayerName
button命名前缀为btn 例如:lblLogOn
panel命名前缀为pan 例如:panLogOn
一整个大的背景类型为texture命名前缀为text 例如:textLogOnBG
注释:也可以用不同的命名方式,但是务必同类型的组件有相同特征的命名方式,方便管理和修改。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值