NGUI源码分析(四) 关于Anchor

  老版NGUI的Example 1里面提供演示NGUI中使用UIAnchor组件实现GUI对齐功能，新版本的NGUI的Example例子貌似不再使用UIAnchor了，而是演示Widget内置的Anchor的新功能，我学Uinty3d的时候，NGUI已经是比较新的版本了,所以这里分析一下新Anchor的功能.Anchor其实并不复杂，Anchor的意思就是锚点或抛锚，只要设置了UIWidget的Anchor属性,就可以挂到任意节点上面,随着抛锚的位置变化而变化。

  下面是新版Anchor用到的类的介绍:

 一.AnchorPoint 锚点类,UIRect的内部的嵌套类

    public Transform target;//抛锚目标点

    public Camera targetCam;//目标相机

    public UIRect rect;//目标的UIRect组件

 　　

    public float relative = 0f; //相对距离比例

    public int absolute = 0;//锚点跟目标的边距离

 

    GetSides(Transform relativeTo)) // 获得目标变相对于当前的局部矩形范围

 

二.UIRect 抽象类,Widget的父类,所有UI组件的祖宗

 UIRect里面有4跟Achor相关的关键属性:

     public AnchorPoint leftAnchor = new AnchorPoint();// 左边锚点

 

     public AnchorPoint rightAnchor = new AnchorPoint(1f);// 右边锚点

 

     public AnchorPoint bottomAnchor = new AnchorPoint();// 底部锚点

 

     public AnchorPoint topAnchor = new AnchorPoint(1f);// 顶部锚点

    

    //锚点更新类型,决定什么时候执行锚点逻辑OnUpdate表示每帧执行,OnEnable表示脚本激活的时候执行

     public AnchorUpdate updateAnchors = AnchorUpdate.OnUpdate;

 

  Update () 方法: 

  //如果锚点的更新类型是OnUpdate 

  if (updateAnchors == AnchorUpdate.OnUpdate || mUpdateAnchors)

   {

        mUpdateFrame = frame;

        mUpdateAnchors = false;

 

        bool anchored = false;

        //如果锚点目标存在 则执行目标的Update方法

        if (leftAnchor.target)

        {

             anchored = true;

             if (leftAnchor.rect != null && leftAnchor.rect.mUpdateFrame != frame)

                  leftAnchor.rect.Update();

        }

 

        if (bottomAnchor.target)

        {

             anchored = true;

             if (bottomAnchor.rect != null && bottomAnchor.rect.mUpdateFrame != frame)

              bottomAnchor.rect.Update();

        }

 

        ......中间省略

 

        // 更新锚点对齐逻辑

        if (anchored) OnAnchor();

   }

 

  从上面的方法可以看出,当锚点更新类型是OnUpdate时,会先调用目标的Update方法,如果自顶向下都有锚点且都是OnUpdate类型,就会一直递归至顶层开始顺序调用OnAnchor,而且每帧都会调用,这会很消耗cpu,非常蛋疼,所以在AnchorUpdate类型最好不要设置为OnUpdate ,应该设置为OnEnable,如下图:

 如果锚点的目标也有锚点的话，比如A的锚点目标是B,B的锚点是C,如果存在这种多层锚点的情况,设置为OnEnable可能会有问题,所以尽量不要出现多层的情况.

 

三.UIWidget类 实现锚点的具体逻辑

  OnAnchor()方法 更新锚点相关逻辑

  部分代码:

  //如果4个顶点绑定到同一个对象上

  if (leftAnchor.target == bottomAnchor.target &&

   leftAnchor.target == rightAnchor.target &&

   leftAnchor.target == topAnchor.target)

  {

      //获得父对象相对于当前对象的4条边的位置,顺序是左,上,右,下

      Vector3[] sides = leftAnchor.GetSides(parent);

 

       if (sides != null)

       {

            // 左边位置 = 父对象左边位置 + 左边边距  (leftAnchor的relative为0,lerp运算得出结果是sides[0].x)

            lt = NGUIMath.Lerp(sides[0].x, sides[2].x, leftAnchor.relative) + leftAnchor.absolute;

 

            // 右边位置 = 父对象右边位置  + 右边边距  (rightAnchor的relative为1,Lerp运算得出结果是sides[2].x)

            rt = NGUIMath.Lerp(sides[0].x, sides[2].x, rightAnchor.relative) + rightAnchor.absolute;

            

             // 底部位置 = 父对象底部位置  + 底部边距  (bottomAnchor的relative为0,Lerp运算得出结果是sides[3].y)

            bt = NGUIMath.Lerp(sides[3].y, sides[1].y, bottomAnchor.relative) + bottomAnchor.absolute;

            

           // 顶部位置 = 父对象顶部位置  + 顶部边距  (topAnchor的relative为1,Lerp运算得出结果是sides[1].y)

            tt = NGUIMath.Lerp(sides[3].y, sides[1].y, topAnchor.relative) + topAnchor.absolute;

       }

   }

  //relative并不一定是固定的,如果如果目标的锚点位置设置为center的话,relative会设置为0.5

 

  ......

 

  //计算新的位置,和大小  

   Vector3 newPos = new Vector3(Mathf.Lerp(lt, rt, pvt.x), Mathf.Lerp(bt, tt, pvt.y), pos.z);

   int w = Mathf.FloorToInt(rt - lt + 0.5f);

   int h = Mathf.FloorToInt(tt - bt + 0.5f);

   cachedTransform.localPosition = newPos;

   mWidth = w;

   mHeight = h;

 

  总结:当设置了锚点目标的时候,锚点对象就的空间属性就不仅由自己决定了,对象会通过父节点的位置和大小变化情况，而更新自己的位置和大小。Anchor类型最好设置为OnEnable,尽量不要出现多层锚点.

  原文地址：http://www.cnblogs.com/rocky300/articles/4681193.html