Unity中UI系统2——NGUI

NGUI概述

基础知识

Ngui下载和导入

Ngui基础

三大基础组件

Root------控制分辨率自适应模式的基础
Panel------控件显示的基础
EventSystem(UICamera)输入事件监听的基础

图集制作

练习:

三大基础控件

Sprite------精灵图
Label------文本控件
Texture------大图控件

其他组合控件

Button------按键

练习:

Toggle------单选多选框控件

练习:

先添加音效代码

创建音效数据类

游戏面板添加监听

Input------文本输入控件

练习:

GamePanel ------ 添加按钮和文本

ChangeNamePanel ------ 脚本

Popuplist------下拉列表控件

练习:

Slider------滑动条控件

练习:

GamePanel 添加控件

MusicData 添加数据

TankObj 中开火时改变音量大小

Scrollbar 和 Progressbar------滚动条和进度条

练习:

GamePanel 添加控件

Tank 添加逻辑

ScrollView ------ 滚动视图

练习:

GamePanel 添加按钮

添加------BagPanel 面板

Anchor锚点组件

练习:

NGUI进阶

Eventlistener 和 EventTrigger 特殊事件监听相关

练习:

拼界面:

GamePanel 添加逻辑

Tank 移动逻辑

DrawCall

练习:

NGUI字体

方法一:

方法二:

练习:

NGUI缓动

练习:

NGUI中模型和特效

其他

练习:

GamePanel添加逻辑

总结

登录面板

注册面板

服务器选择面板

服务器面板

提示面板

实践小项目

需求分析

流程分析

UML类图

准备工作

提示面板

拼面板

提示面板功能制作

建立面板基类

提示面板逻辑

登录面板

拼面板

登录面板功能制作

注册面板

拼面板

注册面板功能

服务器面板

拼面板

服务器面板功能

选服面板

选服面板配置文件

拼面板

选服面板左侧按钮功能

选服面板右侧按钮功能

选服面板功能

第一部分

LoginMgr 中添加Server管理相关代码

ChooseServerPanel 类

ServerItem 添加逻辑

第二部分 (进行一些逻辑的串联)

1.初始化选服面板的内容

ServerPanel 中调用

2.登录按钮 逻辑更改

3.点击 服务器选择面板 右侧服务器按钮时 要处理的逻辑

4.处理自动登录逻辑

但发现所有面板都没有显示

因为各面板几乎同时初始化,但有面板先初始化然后跑完了自己的逻辑把自己隐藏了,而互相调用后顺序不对导致所有面板都隐藏了!

解决:设置脚本执行的时间先后

5.在 ServerPanel 面板添加退出按钮

6.注册成功后 重置登录面板信息

完成

视频展示:

视频上传出问题了,等能上传在补上。

总结

面向对象的编程,面向抽象!

测试

试着自己实现一遍!

自己实现视频:

视频上传出问题了,等能上传在补上。

相关推荐
暴走约伯12 小时前
【VFX工具链源码拆解 09】终极工业化闭环:基于 ID 规则驱动的全自动场景建档、骨骼挂载与男转女场景迁移
unity·c#·游戏引擎·材质
xy345315 小时前
Axure 9.0 垂直菜单介绍
ui·产品经理·axure·原型设计
寂寞的船2 天前
【Unity知识速递】第13期 Unity 内存泄漏排查实战:从 Memory Profiler 到 Lua 引用泄漏的生产级全链路诊断
unity·junit·c#·游戏引擎·lua
寂寞的船2 天前
【Unity Bug挑战】第12期 Awaitable 二次 await 死锁之谜 —— 为什么同一个异步操作等两次就卡死?
unity·c#·游戏引擎·bug
Oll Correct2 天前
Adobe illustrator 案例十四:花元素标志草图绘制
笔记·ui·adobe·illustrator
探求虚无4 天前
用 AI 在 Unity 里做一款 RTS:最难的不是生成代码,而是证明它真的能玩
人工智能·unity·游戏引擎
huaqianzkh4 天前
WinForm C#:循环修改控件UI闪烁卡顿?SuspendLayout / ResumeLayout 与 BeginUpdate 优化
开发语言·ui·c#
Oll Correct5 天前
Adobe illustrator 案例十三:adidas标志草图绘制
笔记·ui·adobe·illustrator
17岁的勇气5 天前
Unity Shader unity文档学习笔记(二十二):shader变体
笔记·学习·unity
FungLeo5 天前
成为全栈·Vue 管理后台篇·Vue3 + Vite + Naive UI:后台工程基座怎么搭
前端·vue.js·ui·typescript·vite·前端工程化·biome