GTM UI——FiveM的统一UI库

GTM UI是一个免费的共享资源，为服务器上的每个脚本提供一致的通知、帮助文本和菜单系统——无需NUI设置，无需额外依赖，只需导出。

三个主题，一个API

• 自然用户界面–流畅的React覆盖层，带有动画祝酒词和键盘导航菜单
• 本土的–完全使用FiveM原生和scaleform绘制，不需要HTML/CSS
• 自定义–将所有UI调用转发到您自己的资源导出

在服务器范围内切换主题config.json。你的脚本永远不需要更改。

你得到了什么

通知
弹出信息、成功、警告或错误祝酒词。支持标题、可选进度条、自定义持续时间和手动关闭。

exports['gtm-ui']：showNotification（{title=“已收到付款”，message=“您赚了500美元。”，type=“成功”，
})

帮助文本
显示持久的底部屏幕提示。超时后自动隐藏（可选）。

exports['gtm-ui']：showHelpText（{消息=“按~INPUT_CONTEXT~打开菜单”，持续时间=4000，
})

指令卡
显示持久的详细提示。超时后自动隐藏（可选）。

exports['gtm-ui']：showInstructionCard（{消息=“按{热键：E}进入/退出n按{热按键：F}切换发动机n按{热键：H}按喇叭”，title=“车辆控制”，位置=“左上角”，持续时间=4000，
})

**
菜单**
具有纯项目、复选框、列表选择器、分隔符和嵌套子菜单的完全可导航菜单。玩家互动以本地FiveM事件的形式交付。

exports['gtm-ui']：openMenu（{id=“myresource:shop”，title=“Item shop”，items={id=”burger“，label=”burger“，徽章=”$5“}，{id='water“，label=”water“，徽章=”$2“}），{id='size“，labels=”size“，type=”list“，listValues=”{label=“Small”，value=“s”}，{label='Large“，value=”l“}，}，}，
})添加事件处理程序（'gtm-ui:menuItemSelected'，函数（menuId，itemId，value）如果menuId==“myresource:shop”，则处理选择结束
结束）

附加特征

• n换行符在所有文本字段中都有效
• 通知和帮助文本上的可选音效(config.json)
• 适用于任何框架——ESX、QBCore、独立、任何东西

安装

1. 掉落gtm ui放入您的资源文件夹
2. 添加确保gtm ui到你的server.cfg 之前任何使用它的资源
3. 完成–从任何资源调用导出

免费使用。不需要框架。没有附加条件。

请确保也加入我们的Discord：

查看我们的其他版本：