NGUI 动态添加控件

时间：2023-03-09 03:05:45
NGUI 动态添加控件

本文链接地址: Unity3D NGUI动态创建按钮

本例仅以熟悉NGUI组件功能为目的，想快捷简便的创建按钮或其它游戏物体请参考 “Unity3D 动态实例化Prefab”

以动态创建服务器列表为例。

  1. public UIAtlas mAtlas;
  2. public UIFont mFont;
  3. public string mSriteName;
  4. public GameObject Playerlist;
  5. /// <summary>
  6. /// 动态加载一个NGUI按钮
  7. /// </summary>
  8. /// <param name="name"></param>
  9. private void CreateServerButton(string key,string name, int index)
  10. {
  11. //获得深度（要创建button的Panle的深度）
  12. int depth = NGUITools.CalculateNextDepth(PanleMe);
  13. //创建button物体,命名、设tag、摆所在panle的相对位置。
  14. GameObject go = NGUITools.AddChild(PanleMe);
  15. go.name = name;
  16. go.tag = "trendsButton";
  17. go.transform.localPosition = new Vector3(-180 + (index % 3) * 180, 140, 0);
  18. //添加button的背景图片UISprite
  19. UISprite bg = NGUITools.AddWidget<UISprite>(go);
  20. bg.type = UISprite.Type.Sliced;
  21. bg.name = "Background";
  22. bg.depth = depth;
  23. //背景图片使用的图集
  24. bg.atlas = mAtlas;
  25. //图集中使用的精灵名字
  26. bg.spriteName = mSriteName;
  27. bg.transform.localScale = new Vector3(150f, 40f, 1f);
  28. //跳转位置（必要）
  29. bg.MakePixelPerfect();
  30. //如果有字体，添加UILabel
  31. if (mFont != null)
  32. {
  33. UILabel lbl = NGUITools.AddWidget<UILabel>(go);
  34. lbl.font = mFont;
  35. lbl.text = name;
  36. lbl.transform.localScale = new Vector3(22f, 22f, 1f);
  37. lbl.transform.localPosition = new Vector3(0, 0, -1f);
  38. lbl.color = Color.black;
  39. lbl.MakePixelPerfect();
  40. }
  41. //添加碰撞（有碰撞才能接收鼠标/触摸），大小与Button背景一致
  42. BoxCollider box = NGUITools.AddWidgetCollider(go);
  43. box.center = new Vector3(0,0,-1);
  44. box.size = new Vector3(bg.transform.localScale.x, bg.transform.localScale.y, 0);
  45. //添加UIButton触发事件的必要组件，并关联之前生成的UISprite
  46. go.AddComponent<UIButton>().tweenTarget = bg.gameObject;
  47. //添加动态效果组件（大小、位移、音效）。（可选）
  48. go.AddComponent<UIButtonScale>();
  49. go.AddComponent<UIButtonOffset>();
  50. go.AddComponent<UIButtonSound>();
  51. /*------ 一下是自己要用到的UIButton功能，可以绑自己需要的组件 ------*/
  52. //添加一个开启Player list Panel 的按钮事件
  53. UIButtonTween serverListPanel = go.AddComponent<UIButtonTween>();
  54. serverListPanel.tweenTarget = PanleNext;
  55. serverListPanel.playDirection = AnimationOrTween.Direction.Forward;
  56. serverListPanel.ifDisabledOnPlay = AnimationOrTween.EnableCondition.EnableThenPlay;
  57. //隐藏自己panel
  58. UIButtonTween hidemePanel = go.AddComponent<UIButtonTween>();
  59. hidemePanel.tweenTarget = PanleMe;
  60. hidemePanel.playDirection = AnimationOrTween.Direction.Reverse;
  61. hidemePanel.disableWhenFinished = AnimationOrTween.DisableCondition.DisableAfterReverse;
  62. //添加点击事件，参数是服务器ID（点击获取本服务器ID的下所有角色）
  63. UIButtonMessage ubm = go.AddComponent<UIButtonMessage>();
  64. ubm.target = Playerlist;
  65. //给UIButtonMessage子增加传递‘参数’功能。
  66. ubm.functionName = "Playerlist";
  67. ubm.parameterStr = key;
  68. }
  69. /// <summary>
  70. /// 清空动态生成的按钮
  71. /// </summary>
  72. void cleantrendsButton()
  73. {
  74. GameObject[] tbs = GameObject.FindGameObjectsWithTag("trendsButton");
  75. for (int i = 0; i < tbs.Length; i++)
  76. {
  77. Destroy(tbs[i].gameObject);
  78. }
  79. }

NGUI 动态添加控件

相关文章