我们打开上一篇47技能冷却蒙版的项目，

本章要做的事情是切换职业UI面板的功能

首先双击打开Canvas预制体在左上主角面板信息中新建一个button按钮

重命名（父物体是按钮Button，子物体Image即可）

创建一个Image 设计一下布局

复制三个

重命名

修改ChangeBtn2、ChangeBtn3的Image图片与文本

注意父物体Professional是Button组件

将三个子物体改为Image组件重命名ChangeImage1、2、3

创建脚本：

编写脚本：ChangeProfessionUI.cs

using UnityEngine;
using UnityEngine.UI;
public class ChangeProfessionUI : MonoBehaviour{Button changeBtn;PlayerRayClickNavigation player;Image ChangeImage1;Image ChangeImage2;Image ChangeImage3;void Start(){player = FindObjectOfType<PlayerRayClickNavigation>();ChangeImage1 = GameObject.Find("Canvas(Clone)/LeftUp/Professional/ChangeImage1").GetComponent<Image>();ChangeImage2 = GameObject.Find("Canvas(Clone)/LeftUp/Professional/ChangeImage2").GetComponent<Image>();ChangeImage3 = GameObject.Find("Canvas(Clone)/LeftUp/Professional/ChangeImage3").GetComponent<Image>();ChangeImage1.gameObject.SetActive(true);ChangeImage2.gameObject.SetActive(false);ChangeImage3.gameObject.SetActive(false);changeBtn = GameObject.Find("Canvas(Clone)/LeftUp/Professional").GetComponent<Button>();changeBtn.onClick.AddListener(ChangeProfessionUIinfo);}void ChangeProfessionUIinfo() {if (player.changeProfess == 1){ChangeImage1.gameObject.SetActive(false);ChangeImage2.gameObject.SetActive(false);ChangeImage3.gameObject.SetActive(true);}if (player.changeProfess == 2){ChangeImage1.gameObject.SetActive(true);ChangeImage2.gameObject.SetActive(false);ChangeImage3.gameObject.SetActive(false);}if (player.changeProfess == 3){ChangeImage1.gameObject.SetActive(false);ChangeImage2.gameObject.SetActive(true);ChangeImage3.gameObject.SetActive(false);}}
}

在脚本UIManager.s脚本中的生成Canvas对象函数中添加语句

将新脚本通过UIManager.cs在运行时进行绑定

结合这一章的脚本修改脚本：PlayerRayClickNavigation.cs『功能项目』武器的切换实例【34】-CSDN博客https://blog.csdn.net/weixin_69360830/article/details/142006378

保存后运行项目 - 点击职业实现切换职业

本章主要做了切换职业UI面板的功能

接下来文章内容：

1.切换职业技能面板

2.窗口可拖拽脚本

3.点击名称寻找地点功能

4.隐藏怪物的生成

5.怪物I攻击范围内的主动攻击

6.掉落坐骑蛋的获取

7.异步传送转换场景

以及开放回合制、坐骑系统、宠物系统、背包系统、神炼系统、商城系统、Boss的目标跟随任务导航系统以及UI播放3D动画效果等等。

具体项目运行效果请关注water1024的b站视频项目演示《破碎纪元》

【Unity回合2.5D】破碎纪元_单机游戏热门视频 (bilibili.com)https://www.bilibili.com/video/BV1rZY4e9Ebs/?spm_id_from=333.999.0.0&vd_source=547091a95b03acfa8e8a9e46ef499cd6