我们打开上一篇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);
- }
- }
- }
在脚本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站视频项目演示《破碎纪元》