『功能项目』切换职业面板【48】

我们打开上一篇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();
        ChangeImage1 = GameObject.Find("Canvas(Clone)/LeftUp/Professional/ChangeImage1").GetComponent();
        ChangeImage2 = GameObject.Find("Canvas(Clone)/LeftUp/Professional/ChangeImage2").GetComponent();
        ChangeImage3 = GameObject.Find("Canvas(Clone)/LeftUp/Professional/ChangeImage3").GetComponent();
        ChangeImage1.gameObject.SetActive(true);
        ChangeImage2.gameObject.SetActive(false);
        ChangeImage3.gameObject.SetActive(false);
        changeBtn = GameObject.Find("Canvas(Clone)/LeftUp/Professional").GetComponent
        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);
        }
    }
}