【Godot】添加菜单按钮

这篇博客介绍了如何在Godot3.4.2中快速创建菜单和设置快捷键。通过定义菜单数据结构和键位映射,实现了包括'OpenProject'和'Exit'等菜单项,并设置了相应的Ctrl+O和Ctrl+E快捷键。当按下菜单项时,会触发相应操作,例如退出应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Godot 3.4.2

快速方便的添加菜单,下面代码中,运行后会创建两个菜单 File、Edit

## 菜单列表

extends HBoxContainer


const MenuKey = {
	"MenuName": "menu_name",
	'ScanCode': "scancode",
	"Control" : 'control',
	"Command" : 'Command',
	"Shift": "shift",
	"Alt": "alt",
}

## 通过添加修改下面的数据进行添加菜单
const MenuData = {
	"File": [
		{
			MenuKey.MenuName: "Open Project",	# 菜单子项的名称
			MenuKey.ScanCode: KEY_O,	# 需要字符 O
			MenuKey.Control: true,		# 需要ctrl 键
		},
		{MenuKey.MenuName: "---"},		# 开头为 --- 的为分隔符
		{
			MenuKey.MenuName: "Exit",
			MenuKey.ScanCode: KEY_E,
			MenuKey.Control: true,
		},
	],
	"Edit": [
		{
			MenuKey.MenuName: "Undo",
			MenuKey.ScanCode: KEY_Z,
			MenuKey.Control: true,
		},
	]
}


func _ready():
	# 添加菜单按钮
	for menu_name in MenuData.keys():
		var menu = MenuButton.new()
		menu.switch_on_hover = true
		menu.text = menu_name
		add_child(menu)
		# 遍历菜单数据
		var popup := menu.get_popup() as PopupMenu
		var idx := -1
		for item_data in MenuData[menu_name]:
			idx += 1
			# 菜单名
			var item_name := item_data[MenuKey.MenuName] as String
			# 添加分隔符
			if item_name.begins_with('---'):
				popup.add_separator(item_name.right(3))
				continue
			# 添加菜单项
			popup.add_item(item_name)
			# 设置菜单快捷键
			var shortcut = ShortCut.new()
			var input = InputEventKey.new()
			shortcut.shortcut = input
			if item_data.has(MenuKey.ScanCode):
				input.scancode = item_data[MenuKey.ScanCode]
			if item_data.has(MenuKey.Control):
				input.control = item_data[MenuKey.Control]
			if item_data.has(MenuKey.Command):
				input.command = item_data[MenuKey.Command]
			if item_data.has(MenuKey.Alt):
				input.alt = item_data[MenuKey.Alt]
			if item_data.has(MenuKey.Shift):
				input.shift = item_data[MenuKey.Shift]
			popup.set_item_shortcut(idx, shortcut)
		popup.connect("index_pressed", self, "_menu_index_pressed", [menu_name])


## 按下菜单项
func _menu_index_pressed(idx: int, menu_name: String) -> void:
	
	# 对应菜单的数据列表
	var menu_data := MenuData[menu_name] as Array
	# 对应菜单项的数据
	var item_data := menu_data[idx] as Dictionary
	# 菜单名
	var item_name := item_data[MenuKey.MenuName] as String
	
	print('按下 %s 菜单的 %s 项' % [menu_name, item_name])
	
	# 根据 item_name 执行功能
	# 例:
	match item_name:
		'Open Project':
			pass
		'Exit':
			get_tree().quit()
	

在这里插入图片描述

### Godot 引擎中的 UI 开发概述 Godot 是一款功能强大的开源游戏引擎,其内置的工具集支持开发者轻松构建高质量的游戏界面。对于 UI 设计和开发而言,Godot 提供了一套直观且灵活的节点系统来实现各种交互式组件[^3]。 #### 基本概念 在 Godot 中,UI 的设计主要依赖于场景树(Scene Tree),通过组合不同的控件节点(Control Nodes)可以快速搭建复杂的用户界面。常用的控件包括 `Label`、`Button`、`Panel` 和 `ViewportContainer` 等。每种控件都有特定的功能属性以及事件绑定机制,允许开发者自定义行为逻辑。 #### 创建简单 UI 界面的方法 为了响应需求提到的“添加资源”,可以通过以下方式设置基础框架: 1. **布局管理器** 使用容器类节点如 `HBoxContainer`, `VBoxContainer` 来自动排列子控件的位置大小关系。 2. **信号连接** 控制按钮点击或其他触发动作时的行为,需利用 Signal System 将用户操作映射到脚本函数上。例如当某个按键被按下后加载新的画面或者调用后台服务接口上传数据至 Firebase 平台[^4]。 以下是基于 GDScript 编写的示例代码片段展示如何初始化一个带两个选项卡的基础菜单: ```gdscript extends Control func _ready(): var tab_container = TabContainer.new() add_child(tab_container) # Add first page/tab content here... var label_one = Label.new() label_one.text = "Welcome Page" tab_container.add_child(label_one) # Second page setup similarly but different text. var second_page_label = Label.new() second_page_label.text = "Settings Options" tab_container.add_child(second_page_label) ``` 此段程序展示了怎样动态生成标签并将其加入到 Tab 容器当中形成多页视图效果[^2]。 #### 学习资料推荐 针对初学者希望找到关于 Godot UI 制作方面的指导文档或视频课程,可参考如下链接获取更多信息: - Official Documentation Section On GUI Design And Controls . - YouTube Channels Specializing In Game Dev Tutorials Featuring Godot Engine Usage Examples.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值