---

👨‍💻个人主页：@元宇宙-秩沅

👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

👨‍💻 本文由 秩沅 原创

👨‍💻 收录于专栏：unity每日一记

👨‍💻 本文由 秩沅 原创

👨‍💻 专栏交流	🧧
🟥✨Unity100个实战基础✨🟥	🎁
🟦✨ Unity100个精华一记✨🟦	🎁
🟩✨ Unity50个demo案例教程✨🟩	🎁
🟨✨ Unity100个精华细节BUG✨🟨	🎁

---

⭐FGUI的组件类拓展功能⭐

---

---

---

---

🎶组件类拓展

---

• 专门写一个类去封装面板逻辑

初始版本

只用于显示面板的代码

  GRoot.inst.SetContentScaleFactor(1920, 1080, UIContentScaler.ScreenMatchMode.MatchHeight);//横屏游戏适应高度//包和依赖包UIPackage package = UIPackage.AddPackage("UI/ReviewButler");foreach (var item in package.dependencies){UIPackage.AddPackage(item["name"]);}GComponent view = UIPackage.CreateObject("ReviewButler", "SelectPanel").asCom;GRoot.inst.AddChild(view);

用于显示面板，并进行逻辑操作的代码

  //设置适配相关GRoot.inst.SetContentScaleFactor(1920, 1080, UIContentScaler.ScreenMatchMode.MatchHeight);//横屏游戏适应高度//包和依赖包UIPackage package = UIPackage.AddPackage("UI/ReviewButler");foreach (var item in package.dependencies){UIPackage.AddPackage(item["name"]);}// GComponent view = UIPackage.CreateObject("ReviewButler", "SelectPanel").asCom;
//  GRoot.inst.AddChild(view);UIObjectFactory.SetPackageItemExtension("ui://ReviewButler/SelectPanel", typeof(SelectPanel));//由于我们注册了 所以我们在创建该面板时 他会自动和自定义类进行关联 用自定义类来装载它SelectPanel panel = UIPackage.CreateObject("ReviewButler", "SelectPanel").asCom as SelectPanel;GRoot.inst.AddChild(panel);

using FairyGUI;
using FairyGUI.Utils;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;//-------------------------------
//-------功能： 选择面板
//-------创建者:         
//------------------------------public class SelectPanel : GComponent 
{public GButton btnTest;public override void ConstructFromXML(XML xml) //相当于构造函数{base.ConstructFromXML(xml);btnTest = this.GetChild("n6").asButton; //该名字是FGUI编辑器中的名字btnTest.onClick.Add(() =>{Debug.Log("点了按钮");});}
}

优化版本

• 使用FGUI中的代码发布功能（可以帮助生成脚本，自动添加声明和找对象的功能）

所以此时不需要自己创建面板脚本了（如SelectPanel），因为FGUI编辑器会自动生成，如下

using FairyGUI;
using FairyGUI.Utils;
using UnityEngine;namespace ReviewButler
{public partial class SelectPanel : GComponent{public Controller m_role;public GImage m_n9;public GTextField m_n3;public roleBtu1 m_n1;public roleBtu2 m_n4;public roleBtu3 m_n5;public EnterBtu m_n6;public const string URL = "ui://faogax6sppnc70";public static SelectPanel CreateInstance(){return (SelectPanel)UIPackage.CreateObject("ReviewButler", "SelectPanel");}public override void ConstructFromXML(XML xml){base.ConstructFromXML(xml);m_role = GetController("role");m_n9 = (GImage)GetChild("n9");m_n3 = (GTextField)GetChild("n3");m_n1 = (roleBtu1)GetChild("n1");m_n4 = (roleBtu2)GetChild("n4");m_n5 = (roleBtu3)GetChild("n5");m_n6 = (EnterBtu)GetChild("n6");}}
}

那么此时的代码如下：就可以显示并进行逻辑操作了

      //设置适配相关GRoot.inst.SetContentScaleFactor(1920, 1080, UIContentScaler.ScreenMatchMode.MatchHeight);//横屏游戏适应高度//包和依赖包UIPackage package = UIPackage.AddPackage("UI/ReviewButler");foreach (var item in package.dependencies){UIPackage.AddPackage(item["name"]);}ReviewButlerBinder.BindAll();SelectPanel panel = SelectPanel.CreateInstance();

注意

---

• 来自FGUI的组件类扩展是很方便，但是，如果你在FGUI中修改了组件的名字，并点击发布后，生成的脚本会覆盖原来的脚本，导致代码丢失，所以这点非常重要！
• 注意此时按钮的名字并不是原本按钮的组件名而是，面板中的按钮名
  
• 如果此时勾选下图所示，就不会发布生成如上图所示例如n6的代码
  

⭐🅰️系统路线学习点击跳转⭐

---

👨‍💻 Unity程序基础学习路线	🧧
⭐【Unityc#专题篇】之c#进阶篇】	🎁
⭐【Unityc#专题篇】之c#核心篇】	🎁
⭐【Unityc#专题篇】之c#基础篇】	🎁
⭐【Unity-c#专题篇】之c#入门篇】	🎁
⭐【Unityc#专题篇】—进阶章题单实践练习	🎁
⭐【Unityc#专题篇】—基础章题单实践练习	🎁
⭐【Unityc#专题篇】—核心章题单实践练习	🎁

---

你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作，输出优质内容的最大动力！、

---

---