[Unity]技術學習路線圖(長期更新)

最近開發項目使用自定義NGUI組件控件的功能比較多，對NGUI系統 內的坐標系統和錨點做個總結

NGUI坐標系統及錨點

坐標系統圖解

坐標.jpg

操作圖

• NGUI插件默認以父節點的中心點(0,0)為原點
• NGUI插件默認以父節點的右側為x軸正向
• NGUI插件默認以父節點的上側為y軸正向

框架類結構

NGUI框架內支持SetRect函數的類結構

在腳本代碼中修改游戲對象的矩形位置Rect

• NGUIRects.cs修改UIRect腳本的位置Position

  
  using System;
  using UnityEngine;
  
  public sealed class NGUIRects
  {
      private NGUIRects ()
      {
      }
  
      //重置UIRect組件對象的位置
      public static void CenterByPosition(UIRect rect,Vector2 center)
      {
          if (rect == null) {
              return;
          }
          
          Vector3 v = new Vector3 (center.x, center.y);
          rect.transform.localPosition = v;
      }
  
      //根據Vector2增量改變UIRect組件對象的位置
      public static void CenterByIncrement(UIRect rect,Vector2 vector)
      {
          if (rect == null) {
              return;
          }
          if (vector.Equals(Vector2.zero)) {
              return;
          }
  
          Vector3 v = new Vector3 (vector.x, vector.y);
          rect.transform.localPosition += v;
      }
  }
  
  

• NGUIRects.cs修改UIRect腳本的位置Size

  public static void SizeBySize(UIRect rect,Vector2 size)
  {
      if (rect == null) {
          return;
      }
  
      if (size.Equals(Vector2.zero)) {
          return;
      }
  
      Vector3 center = rect.transform.localPosition;
      
      //首先修改物體的大小
      rect.SetRect (0f, 0f, size.x, size.y);
      
      //防止中心位置不發生改變
      rect.transform.localPosition = center;
  }
  
  

錨點圖解

錨點操作圖

框架類結構

UIAnchor

AnchorPoint

在腳本代碼中修改游戲對象的矩形位置Anchor

• 使用默認的leftAnchor、rightAnchor、bottomAnchor、topAnchor(即4個方向同時相對于同一個Transform)

  public UISprite test_sprite;
  ...
  if (test_sprite.isFullyAnchored) 
  {
      test_sprite.SetAnchor (anchor_sprite.gameObject, 1, 2, 3, 4);
  }
  

實現在Inspector中的效果

• 使用自定義的leftAnchor、rightAnchor、bottomAnchor、topAnchor(即4個方向可以相對于自定義的Transform)

  public UISprite test_sprite;
  public Transform leftAnchorTarget;
  public Transform rightAnchorTarget;
  public Transform topAnchorTarget;
  public Transform bottomAnchorTarget;
  ...
  
  test_sprite.leftAnchor.Set (leftAnchorTarget, 0f, 20f);
  test_sprite.rightAnchor.Set (rightAnchorTarget, 0.5f, -30f);
  test_sprite.topAnchor.Set (topAnchorTarget, 0.5f, 20f);
  test_sprite.bottomAnchor.Set (bottomAnchorTarget, 1f, 20f);
  

  • 解釋一下AnchorPoint內的Set的三個參數的作用

    • target:Transform

      • 指定某個方向的相對于的Transform組件

    • relative:float

      • 如果是水平方向的約束錨點:leftAnchor、rightAnchor

        • Target游戲對象Transform組件的左邊的relative的值是0;

        • Target游戲對象Transform組件的中心的relative的值是0.5;

        • Target游戲對象Transform組件的右邊的relative的值是1;

        • 其他的relative值是自定義位置;

      • 如果是垂直方向的約束錨點:topAnchor、bottomAnchor

        • Target游戲對象Transform組件的下邊的relative的值是0;

        • Target游戲對象Transform組件的中心的relative的值是0;

        • Target游戲對象Transform組件的上邊的relative的值是0;

        • 其他的relative值是自定義位置;

    • absolute:float

      • 偏移量的值;

如若有無，請聯系我