【制作100个unity游戏之27】使用unity复刻经典游戏《植物大战僵尸》,制作属于自己的植物大战僵尸随机版和杂交版12(附带项目源码)

最终效果

系列导航

文章目录

前言

本节主要实现UI框架调用不同的面板界面

UI框架

不懂UI框架的设计思路可以查看我之前写的笔记:【Unity小技巧】手戳一个简单易用的游戏UI框架(附源码)

先绘制一些常用UI面板,设置为预制件

提示弹窗

用户列表

去除滚动条和水平滚动

面板内容添加Grid Layout Group控制子物体的布局

添加Content Size Fitter组件,配置垂直适应为Preferred Size,自动按子物体数量适配垂直高度

菜单

修改复选框的背景和选中图片

输入框弹窗

创建各个面板的脚本控制代码

比如MenuPanel菜单面板代码

csharp 复制代码
public class MenuPanel : BasePanel
{
    public Button btnCancel;//返回游戏
    public Button btnAtlas;//查看图鉴
    public Button btnRestart;//重新开始
    public Button btnMainMenu;//主菜单
    [SerializeField] private SceneField mainMenuScene;//主菜单场景

    private void Awake()
    {
        btnCancel.onClick.AddListener(OnBtnCancel);
        btnAtlas.onClick.AddListener(OnBtnAtlas);
        btnRestart.onClick.AddListener(OnBtnRestart);
        btnMainMenu.onClick.AddListener(OnBtnMainMenu);
    }
    
    public void OnBtnCancel()
    {
        ClosePanel();
    }

    public void OnBtnAtlas()
    {
        UIManager.Instance.OpenTips("功能正在火速开发中,敬请期待");
    }

    public void OnBtnRestart()
    {
        ClosePanel();
        SceneManager.LoadScene(SceneManager.GetActiveScene().name);
    }

    public void OnBtnMainMenu()
    {
        ClosePanel();
        SceneManager.LoadScene(mainMenuScene);
    }
}

配置

其他面板脚本也类似配置即可,记得继承BasePanel

控制菜单界面按钮事件

新增MainMenuPanel

csharp 复制代码
public class MainMenuPanel : MonoBehaviour
{
    public Button btnChangeUser;//更改用户
    public Button btnMenu;//选项
    public Button btnHelp;//帮助
    public Button btnQuit;//退出

    private void Awake()
    {
        btnChangeUser.onClick.AddListener(OnBtnChangeUser);
        btnMenu.onClick.AddListener(OnBtnMenu);
        btnHelp.onClick.AddListener(OnBtnHelp);
        btnQuit.onClick.AddListener(OnBtnQuit);
    }

    //打开用户列表
    public void OnBtnChangeUser()
    {
        UIManager.Instance.OpenPanel(UIConst.UserListPanel);
    }

    public void OnBtnMenu()
    {
        UIManager.Instance.OpenPanel(UIConst.MenuPanel);
    }

    public void OnBtnHelp()
    {
        UIManager.Instance.OpenTips("功能正在火速开发中,敬请期待");
    }

    public void OnBtnQuit()
    {
        UIManager.Instance.OpenTips("功能正在火速开发中,敬请期待");
    }
}

配置

效果

源码

源码不出意外的话我会放在最后一节

结束语

赠人玫瑰,手有余香!如果文章内容对你有所帮助,请不要吝啬你的点赞评论和关注,以便我第一时间收到反馈,你的每一次支持都是我不断创作的最大动力。当然如果你发现了文章中存在错误或者有更好的解决方法,也欢迎评论私信告诉我哦!

好了,我是向宇https://xiangyu.blog.csdn.net

一位在小公司默默奋斗的开发者,出于兴趣爱好,最近开始自学unity,闲暇之余,边学习边记录分享,站在巨人的肩膀上,通过学习前辈们的经验总是会给我很多帮助和启发!php是工作,unity是生活!如果你遇到任何问题,也欢迎你评论私信找我, 虽然有些问题我也不一定会,但是我会查阅各方资料,争取给出最好的建议,希望可以帮助更多想学编程的人,共勉~

相关推荐
Thomas_YXQ5 小时前
Unity3D游戏内存优化指南
游戏·unity·职场和发展·性能优化·蓝桥杯·游戏引擎·unity3d
chillxiaohan6 小时前
Unity接入Steamworks.NET实现通信功能
unity
枯萎穿心攻击15 小时前
响应式编程入门教程第二节:构建 ObservableProperty<T> — 封装 ReactiveProperty 的高级用法
开发语言·unity·c#·游戏引擎
Luna-player20 小时前
黑布淡入淡出效果
经验分享·游戏
X_StarX1 天前
【Unity笔记02】订阅事件-自动开门
笔记·学习·unity·游戏引擎·游戏开发·大学生
霸王•吕布1 天前
游戏引擎中顶点着色&像素着色
游戏引擎·顶点着色器·像素着色器·顶点颜色·顶点uv·顶点法向
Thomas_YXQ1 天前
Unity URP法线贴图实现教程
开发语言·unity·性能优化·游戏引擎·unity3d·贴图·单一职责原则
徐子竣2 天前
[学习记录]Unity-Shader-几何着色器
unity·游戏引擎·着色器
EQ-雪梨蛋花汤2 天前
【Part 3 Unity VR眼镜端播放器开发与优化】第四节|高分辨率VR全景视频播放性能优化
unity·音视频·vr
TESmart碲视2 天前
HKS201-M24 大师版 8K60Hz USB 3.0 适用于 2 台 PC 1台显示器 无缝切换 KVM 切换器
单片机·嵌入式硬件·物联网·游戏·计算机外设·电脑·智能硬件