文章目录
前言
ThunderFire UX Tool 由网易雷火UX用户体验中心开发,同时面向内部项目与外部全球游戏开发者。
它面向开发者的界面开发解决方案,集界面拼接、层级管理、组件整合等功能于一体,帮助开发者快速上手界面拼接开发工作,助力项目在多平台、多语言发行上快速达成目标。
条件
ThunderFire UX Tool 目前支持 2019、2020、2021的Unity 版本。(已在以上LTS版本进行过测试验证)
ThunderFire UX Tool 相关功能依赖 InputSystem 和 DOTween,因此在导入 ThunderFire UX Tool 工具包前需要先安装 InputSystem 和 DOTween。
官网
https://uxtool.netease.com/
下载资源
https://assetstore.unity.com/packages/tools/utilities/thunderfireuxtool-241533
安装
点击菜单栏【Assets->Import Package->Custom Package…】,选择 uxtools.unitypackage,导入即可开始使用。
设置unity input选项
使用新手引导等有关Unity InputSystem的功能时,可能会报如下所示的错误:
InvalidOperationException: You are trying to read Input using the UnityEngine.Input class, but you have switched active Input handling to Input System package in Player Settings.
若遇到此问题,请在菜单栏【Edit -> Project Settings -> Player -> Other Settings -> Configuration -> Active Input Handling 】中选择【Both】,重新编译即可。
生成配置文件
导入完毕将自动创建所需的配置文件,但若存在找不到对应配置文件的报错,请点击【ThunderfireUXTool->新建配置文件 (Create Assets) ->Create All Assets 】,创建UXTool所需的配置文件来进行修复。
功能
1、新手引导
ThunderFire UX Tool提供了完整的新手引导功能, 包括引导编辑工具和运行时功能,来帮助交互设计师在Unity编辑器中快速制作和调整新手引导界面的样式,并让工程师在项目中快速接入引导。
文档
https://uxtool.netease.com/help/guides/12#%E6%96%B0%E6%89%8B%E5%BC%95%E5%AF%BC
效果
2、本地化多语言功能
想了解unity自带Localization实现多语言功能可以查看:【推荐100个unity插件之21】unity实现多语言切换功能——Localization插件的使用
ThunderFire UX Tool的本地化功能支持图片本地化和文字本地化两大类。
- 图片本地化:即 UXImage 的本地化。
- 文字本地化:包括 UXText 和 UXTextMeshPro 的本地化,操作类似,本手册截图以 UXText 为例。
文字本地化包括两种文本类型:静态文本类型与动态文本类型,本手册会在子标题中标注出文本类型。
文档
https://uxtool.netease.com/help/guides/13#%E6%9C%AC%E5%9C%B0%E5%8C%96%E5%8A%9F%E8%83%BD
效果
共支持有 14 种语言。
3、红点功能
如果想了解如何自制作一个红点功能,可以查看:【unity实战】使用unity制作一个红点系统
红点系统常用于各种UI消息提示,开发过程中存在红点层级过多、各层级之间需要联动设置的问题。ThunderFire UX Tool中实现了一套内置红点管理系统, 通过为每个红点对象添加 Path, 来实现红点层级的统一处理。
文档
https://uxtool.netease.com/help/guides/15#%E7%BA%A2%E7%82%B9%E5%8A%9F%E8%83%BD
效果
4、刘海屏适配
刘海屏适配是为了适配各种可操作区域不同的机型而动态对UI位置进行调整的技术。ThunderFire UX Tool实现了快速适配的功能。
文档
https://uxtool.netease.com/help/guides/16#%E5%88%98%E6%B5%B7%E5%B1%8F%E9%80%82%E9%85%8D
效果
运行结果:第一个Button适配正常,第二个Button未适配。
6、可视化层级管理工具
ThunderFire UX Tool中的层级管理工具旨在可视化管理项目中Prefab的层级关系。现有的层级管理存在以下问题:
界面数量过多时,界面层级关系极其复杂;
前后管理人员交流困难。
该工具希望能够通过视觉上的直接表达解决上述问题,从而降低管理成本。基于这个期望,工具主要包含以下几个功能。
文档
https://uxtool.netease.com/help/guides/11#%E5%B1%82%E7%BA%A7%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7
效果
7、其他
还支持一些其他UI功能,大家直接去参考官方文档即可:https://uxtool.netease.com/help/guides/1
完结
赠人玫瑰,手有余香!如果文章内容对你有所帮助,请不要吝啬你的点赞评论和关注
,你的每一次支持
都是我不断创作的最大动力。当然如果你发现了文章中存在错误
或者有更好的解决方法
,也欢迎评论私信告诉我哦!
好了,我是向宇
,https://xiangyu.blog.csdn.net
一位在小公司默默奋斗的开发者,闲暇之余,边学习边记录分享,站在巨人的肩膀上,通过学习前辈们的经验总是会给我很多帮助和启发!如果你遇到任何问题,也欢迎你评论私信或者加群找我, 虽然有些问题我也不一定会,但是我会查阅各方资料,争取给出最好的建议,希望可以帮助更多想学编程的人,共勉~