当前位置：首页 > article >正文

【Godot4.4】浅尝Godot中的MVC

article 2025/3/10 12:43:13

概述

基于一个Unity的视频。学习了一下基本的MVC概念，并尝试在Godot中实现了一下。

原始的MVC：

原始的MVC
Godot中的MVC：
Godot中的MVC，特点是独特的信号系统和节点系统

Model、View和Controller各自应该实现的功能如下：

Model:

属性(数据字段)
数据存取方法
数据更新信号

View:

控件节点引用
UI更新方法ui_update()

Controller:

界面元素信号处理，比如按钮点击等
调用View的界面更新方法

在Godot中实现：

Controller  //UI界面根节点，空的Control节点
    Model   //空的Control节点
    View    //容器或Control节点
        其他界面元素

在MainView中：

进行元素的引用
编写ui_update()方法，参数data为MainModel类型

在MainController中：

进行元素的引用
放置所有元素的信号处理函数
放置MainModel的数据更新信号处理函数data_updated()

在MainModel中：

定义所需保存的数据字段
定义数据的加载、更新以及保存方法
定义data_updated()信号

实际测试

MVC测试场景

通常是一个界面分别对应一个Model、View和Controller。

为了方便管理，建立名为Model、View和Controller的文件夹。

文件构成

MainView

View只负责节点引用和实现一个界面更新方法：

# MainView
extends Control

# UI节点引用
@onready var text_edit: TextEdit = %TextEdit

# 界面更新方法
func ui_update(text:String):
	text_edit.text = text

MainModel

Model：

设计需要存储的数据字段
数据存取方法
定义数据更新信号

# MainModel
extends Control

signal data_updated(text:String) # 数据更新信号

# 保存路径
var path:String = ""

# 数据字段
var text:String = ""


# 保存数据
func save_data():
	var file = FileAccess.open(path,FileAccess.WRITE)
	file.store_string(text)
	file.close()

# 加载数据
func load_data():
	if FileAccess.file_exists(path):
		text = FileAccess.get_file_as_string(path)
	emit_signal("data_updated",text)  # 触发数据更新信号

MainController

Controller：

将View的所有界面元素信号处理链接到Controller
将Model的数据更新信号处理链接到Controller
其他处理逻辑

# MainController
extends Control

@onready var main_view: Control = %MainView
@onready var main_model: Control = %MainModel
@onready var text_edit: TextEdit = %TextEdit


func _ready() -> void:
	main_model.path = "data/mian.txt"
	main_model.load_data()

# =============== 所有界面元素的信号处理  ===============
func _on_button_pressed() -> void:
	main_model.text = text_edit.text
	main_model.save_data()

# MainModel的数据更新信号
func _on_main_model_data_updated(text: String) -> void:
	main_view.ui_update(text)