最新文章
AppMobi发布HTML 5开发工具XDK
03-26 11:55
jqGrid的重要选项详解
03-26 11:52
解说HTML 5 语义化
03-26 11:50
HTML/CSS一些需要注意的基础知识
03-26 11:47
分享10个web前端简单实用的jQuery代码片段
03-26 11:42
分享七大无需编程的DIY开发工具
03-26 11:33
【NGUI】UIRect的Anchor的使用
NGUI版本
本文所涉及的NGUI版本为3.6.5。
基本介绍
下面将结合相关示例,解释基本的Anchors的使用方法。若想深入学习,可参考官方的Anchor和Chat例子。
Target类型说明
Target不一定是Sprite,它可以是任意的UIRect(UISprite、UIPanel的基类),也可以是Camera。当Target为UIRect类型时,对齐操作是基于当前UIRect的边缘;若Target为Camera,则对齐的是屏幕。
相关图片说明
这里所说的“当前图片”指的是最终图片中的绿色部分,“背景图片”指的是最终图片中的黑色部分。
Anchor设置详解
Type(类型)
- Advanced:此类型的选项较多,其中Unified包含在该类型中。
Execute(执行时机)
- OnUpdate:在Update方法中执行对齐操作。
- OnEnable:在OnEnable方法中执行对齐操作。
各边对齐设置
Left(左边)
设置为 Sprite(Transform)Target's Left + 50,意味着当前图片的左边(Left)会对齐到背景图片(Sprite(Transform))的左边(Target's Left)再加上50像素的位置。
Right(右边)
设置为 Sprite(Transform)Custom 0.6 - 60,即当前图片的右边(Right)会对齐到背景图片(Sprite(Transform))宽度的0.6倍位置再减去60像素的地方。
Bottom(底边)
设置为 Sprite(Transform) Target's Bottom + 0,表示当前图片的底边(Bottom)会对齐到背景图片(Sprite(Transform))的底边(Target's Bottom)。
Top(顶边)
设置为 None(Transform),说明当前图片的顶边不进行对齐操作。