【Godot4.4】浅尝Godot中的MVC

概述

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

原始的MVC:

Godot中的MVC:

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

Model:

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

View:

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

Controller:

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

在Godot中实现:

swift 复制代码
Controller  //UI界面根节点,空的Control节点
    Model   //空的Control节点
    View    //容器或Control节点
        其他界面元素

MainView中:

  • 进行元素的引用
  • 编写ui_update()方法,参数dataMainModel类型

MainController中:

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

MainModel中:

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

实际测试

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

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

MainView

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

swift 复制代码
# MainView
extends Control

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

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

MainModel

Model

  • 设计需要存储的数据字段
  • 数据存取方法
  • 定义数据更新信号
swift 复制代码
# 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
  • 其他处理逻辑
swift 复制代码
# 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)

总结

这只是一种粗略的实现和实践。将界面和处理逻辑分开是我之前在实践的事情,可以很好的减少UI场景中的代码。并且让逻辑可以以类的形式存在和复用。

MVC是一种更高层次的设计,将处理逻辑分为逻辑和数据两部分,并巧妙的通过信号和方法调用,完成了"UI交互-逻辑处理-数据存储"和"反向更新UI"的功能。

对MVC的认识和实践有自己的业余性,期望大佬指正错误。

相关推荐
KillJUMP3 天前
SDF函数
godot·着色器
wang09075 天前
自己动手写一个spring之MVC_3
java·spring·mvc
shepherd1265 天前
一次把 Spring MVC 文件上传参数“查没了”的排查:multipart、Filter 与 request body 的连环坑
java·后端·spring·mvc
阿pin5 天前
Android随笔-MVC/MVP/MVVM/MVI
android·mvc·mvvm·mvp·mvi
松树戈6 天前
【Godot4精进之路】03~Godot编辑器常用界面介绍
编辑器·游戏引擎·godot
李燚6 天前
Go 项目怎么组织:DDD 4 层 vs MVC vs 脚本式
开发语言·golang·mvc·ddd·agent框架·eino
帅气的冬天8 天前
在ASP.NET MVC中对表进行通用的增删改
后端·asp.net·mvc
正儿八经的少年8 天前
Spring MVC 框架
java·spring·mvc
郝学胜-神的一滴10 天前
[简化版 GAMES 101] 计算机图形学 16:纹理走样、Mipmap、三线性插值、各向异性过滤原理全解
unity·游戏引擎·godot·图形渲染·three.js·opengl·unreal
Evand J11 天前
【MATLAB例程】一维非线性状态滤波对比:经典EKF、MCC-EKF、MVC-EKF。在含异常测量的场景下,对比三种滤波方法的估计曲线和误差统计。
matlab·mvc·ekf·滤波·mcc