深入探讨移动应用架构：MVC、MVP、MVVM 揭秘

Android

2024-02-06 20:31:55

移动应用架构的选择：MVC、MVP 和 MVVM

MVC：经典之作

MVC（模型-视图-控制器）架构是移动应用开发中的基石。它将应用程序逻辑清晰地划分为三个主要组件：

模型： 封装应用程序的数据和业务逻辑，与表示层分离。
视图： 用户界面，用于展示数据和收集用户输入。
控制器： 协调模型和视图之间的交互，处理用户输入并更新视图。

MVC 的优点：

责任划分清晰： MVC 强制执行职责分离，使代码易于理解和维护。
易于测试： 模型与视图解耦，允许对模型进行单元测试，而无需依赖视图或控制器。
灵活性： MVC 允许您轻松更改应用程序的表示层，而无需影响其核心逻辑。

代码示例：

public class MainActivity extends Activity {

    private TextView textView;
    private Button button;

    private Model model = new Model();
    private Controller controller = new Controller(model);

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.text_view);
        button = findViewById(R.id.button);

        controller.setView(this);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                controller.onButtonClicked();
            }
        });
    }

    public void updateView(String text) {
        textView.setText(text);
    }
}

MVP：面向测试

MVP（模型-视图-表示器）架构是 MVC 架构的一种演进，专注于可测试性。它引入了一个额外的组件，称为“表示器”，负责处理与用户的交互：

模型： 与 MVC 中相同。
视图： 与 MVC 中相同。
表示器： 充当视图和模型之间的中介，负责更新视图并处理用户输入。

MVP 的优点：

高度可测试： MVP 的表示器与视图分离，使其易于对应用程序的业务逻辑进行单元测试。
松散耦合： 视图和模型之间的松散耦合使您可以轻松地更改应用程序的表示层，而无需影响其核心逻辑。
降低复杂性： 通过引入表示器，MVP 降低了控制器在 MVC 中扮演的复杂角色。

代码示例：

public interface ViewInterface {

    void updateView(String text);
}

public class MainActivity extends Activity implements ViewInterface {

    private TextView textView;
    private Button button;

    private Model model = new Model();
    private Presenter presenter = new Presenter(model, this);

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.text_view);
        button = findViewById(R.id.button);

        presenter.setView(this);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                presenter.onButtonClicked();
            }
        });
    }

    @Override
    public void updateView(String text) {
        textView.setText(text);
    }
}

MVVM：数据绑定之美

MVVM（模型-视图-视图模型）架构是一种数据驱动的架构，它引入了一个“视图模型”组件来处理视图和模型之间的交互：

模型： 与 MVC 中相同。
视图： 与 MVC 中相同。
视图模型： 充当模型和视图之间的桥梁，负责管理数据绑定并处理用户交互。

MVVM 的优点：

简化开发： MVVM 使用数据绑定，这可以显着简化应用程序开发并减少样板代码。
响应式 UI： 数据绑定允许视图自动响应模型中的更改，从而提供高度响应式的用户界面。
可扩展性： MVVM 的松散耦合特性使其易于扩展应用程序，而无需重构大量代码。

代码示例：

public class MainViewModel {

    private Model model;

    public MainViewModel(Model model) {
        this.model = model;
    }

    public String getText() {
        return model.getText();
    }

    public void onButtonClicked() {
        model.setText("New Text");
    }
}

public class MainActivity extends Activity {

    private TextView textView;
    private Button button;

    private MainViewModel viewModel = new MainViewModel(new Model());

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        textView = findViewById(R.id.text_view);
        button = findViewById(R.id.button);

        textView.setText(viewModel.getText());

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                viewModel.onButtonClicked();
            }
        });
    }
}