登录
自2024年5月16日起,中文课堂仅支持使用UnityID登入,如遇问题,请在
开发者社区
发帖说明情况,我们会尽快帮您解决。
【Unity编辑器扩展工具】UI Toolkit基础教程-从零教你制作一套可视化节点编辑系统
¥18 购买
【Unity编辑器扩展工具】UI Toolkit基础教程-从零教你制作一套可视化节点编辑系统
教程
中级
2 小时
30 分钟
Jay
概述
作者信息
教程资料
互动讨论
课程评价
46人收藏,125人学习
登录后开始教程
章节1
节点对话系统简介-准备工作
1.
可试看
1.前言
2.
可试看
2.节点对话系统效果展示
3.
可试看
浅析常见的UI技术
章节2
实现简易运行时节点对话系统
1.
可试看
编写NodeEditor编辑器基类脚本
2.
可试看
启动运行时对话脚本
章节3
使用UIToolkit实现可视化编辑界面
1.
针对可视化脚本补充运行时代码
2.
创建NodeEditor窗口界面
3.
创建NodeTreeViewer可视化编辑界面
4.
创建可视化Node节点
5.
实现NodeTreeViewer中Node节点可视化连接线
6.
补充改变视图时项目资产的同步变更
7.
视图重渲染代码补充
8.
创建节点Inspector面板
9.
对话节点编辑器框架使用效果展示
章节4
完善升级NodeEditor编辑器界面表现
1.
通过UXML绑定调整NodeView视图图样式
2.
调整NodeView端口布局
3.
使用USS调整视图静态样式
4.
制作悬浮与选中NodeView过渡样式
5.
编写运行时NodeView样式
6.
调整不同类型NodeView样式
章节5
完善NodeEditor可视化编程功能
1.
添加撤销重做功能
2.
添加双击打开编辑器界面功能
章节6
NodeEditor模板功能扩展
1.
NodeEditor定制化扩展说明
2.
扩展时注意事项
3.
制作对话UI
4.
NormalDialogue脚本编写
5.
BranchDialogue脚本编写
摘要
随着Unity开发的深入,基本的Unity编辑器界面并不能满足大部分玩家高阶开发的要求。为了提高开发的效率,有针对性的定制化扩展编辑器界面是提高开发效率的不错选择。
今天就给大家带来Unity官方提高的编辑器扩展工具UIToolkit(集成了UIBuilder和UI Debugger等插件)的使用教程。本次的案例会以游戏中最常用的对话系统作为编辑器管理的内容-制作一个对话系统的编辑器界面。
如果想试看的小伙伴可以通过下列B站链接观看前13期的教程视频 BiliBili试看链接:https://space.bilibili.com/347855339/channel/collectiondetail?sid=1835021
图文链接:https://blog.csdn.net/JavaD0g/article/details/134010999
本教程系列还在持续更新中预计为每周更新一个章节,预计12月可以全部更新完。
登录后可观看
标签
UI Toolkit
UI - Builder
可视化编程
建议的Unity版本
2021.3 - 2023.1
教程
【Unity编辑器扩展工具】UI Toolkit基础教程-从零教你制作一套可视化节点编辑系统
开始教程
电脑配置不足?
Unity云桌面,为Unity而生的云开发平台。
即可体验
教程
【Unity编辑器扩展工具】UI Toolkit基础教程-从零教你制作一套可视化节点编辑系统
登录后开始教程
章节
1
节点对话系统简介-准备工作
1.
可试看
1.前言
2.
可试看
2.节点对话系统效果展示
3.
可试看
浅析常见的UI技术
章节
2
实现简易运行时节点对话系统
1.
可试看
编写NodeEditor编辑器基类脚本
2.
可试看
启动运行时对话脚本
章节
3
使用UIToolkit实现可视化编辑界面
1.
针对可视化脚本补充运行时代码
2.
创建NodeEditor窗口界面
3.
创建NodeTreeViewer可视化编辑界面
4.
创建可视化Node节点
5.
实现NodeTreeViewer中Node节点可视化连接线
6.
补充改变视图时项目资产的同步变更
7.
视图重渲染代码补充
8.
创建节点Inspector面板
9.
对话节点编辑器框架使用效果展示
章节
4
完善升级NodeEditor编辑器界面表现
1.
通过UXML绑定调整NodeView视图图样式
2.
调整NodeView端口布局
3.
使用USS调整视图静态样式
4.
制作悬浮与选中NodeView过渡样式
5.
编写运行时NodeView样式
6.
调整不同类型NodeView样式
章节
5
完善NodeEditor可视化编程功能
1.
添加撤销重做功能
2.
添加双击打开编辑器界面功能
章节
6
NodeEditor模板功能扩展
1.
NodeEditor定制化扩展说明
2.
扩展时注意事项
3.
制作对话UI
4.
NormalDialogue脚本编写
5.
BranchDialogue脚本编写