【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的认识和实践有自己的业余性,期望大佬指正错误。

相关推荐
王柏龙7 小时前
Asp.net core mvc中TagHelper的GetChildContentAsync和Content区别
mvc·.netcore
hqxstudying20 小时前
J2EE模式---业务代表模式
java·前端·python·设计模式·java-ee·mvc
OEC小胖胖20 小时前
架构篇(一):告别MVC/MVP,为何“组件化”是现代前端的唯一答案?
前端·架构·mvc
汤姆大聪明20 小时前
SSM框架中关于Spring MVC的技术问题
java·spring·mvc
张同学的IT技术日记1 天前
重构 MVC:让经典架构完美适配复杂智能系统的后端业务逻辑层(内附框架示例代码)
c++·后端·重构·架构·mvc·软件开发·工程应用
hqxstudying2 天前
J2EE模式---组合实体模式
java·数据库·spring·oracle·java-ee·mvc
趙卋傑2 天前
Spring MVC
java·开发语言·后端·spring·mvc
fouryears_234172 天前
Spring MVC 统一响应格式:ResponseBodyAdvice 从浅入深
java·spring·mvc·springboot
南清的coding日记2 天前
苍穹外卖DAY11
java·开发语言·spring boot·spring·mvc·mybatis
hqxstudying3 天前
J2EE模式---拦截过滤器模式
java·python·设计模式·java-ee·mvc·拦截器模式