Android---MVC/MVP/MVVM的演进

 

目录

一个文件打天下

一个文件--->MVC

MVC--->MVP

MVP--->MVVM

6大设计原则

完整demo


我们通过"#字棋"游戏来展现MVC-->MVP-->MVVM 之间的演进

一个文件打天下

数据视图以及逻辑都放在一个 class 里面。而一个 class 里最多 500 行代码,当代码过多时是很难维护的。页面是给用户看到,用户的需求是不断改变的,所以需要不定期的维护、迭代代码,所以一个 class 里面的代码要尽量少,不超过500行。

"#字棋"游戏的逻辑实现代码,全部放在了 MainActivity.java 里,如下:

package com.example.jingziqi;

import static com.example.jingziqi.MainActivity.Player.O;
import static com.example.jingziqi.MainActivity.Player.X;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;


public class MainActivity extends AppCompatActivity {

    private static final String TAG = MainActivity.class.getName();

    // 定义一个棋手
    public enum Player {X, O}

    // 定义棋盘的格子,里面有个棋手
    public static class Cell{
        private Player value;

        public Player getValue(){
            return value;
        }
        public void setValue(Player value){
            this.value = value;
        }
    }

    // 总共定义 9 个格子
    private final Cell[][] cells = new Cell[3][3];

    private Player winner; // 记录结果,谁赢了
    private GameState state; //记录当前的游戏状态
    private Player currentTurn; // 现在是那位棋手在下---X/O

    private enum GameState {IN_PROGRESS, FINISHED} //游戏的状态---进行/结束

    // Views
    private ViewGroup buttonGrid;
    private View winnerPlayerViewGroup;
    private TextView winnerPlayerLabel;

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

        winnerPlayerLabel = findViewById(R.id.winnerPlayerLabel);
        winnerPlayerViewGroup = findViewById(R.id.winnerPlayerViewGroup);
        buttonGrid = findViewById(R.id.buttonGrid);

        restart();
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_jingziqi, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_reset:
                restart();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
    public void onCellClicked(View view) {
        Button button = (Button) view;

        String tag = button.getTag().toString();
        // 取到点击的格子的行/列
        int row = Integer.parseInt(tag.substring(0, 1));
        int col = Integer.parseInt(tag.substring(1, 2));
        Log.i(TAG, "Click Row: [" + row + ", " + col + "]");

        Player playerThatMoved = mark(row, col);

        if (playerThatMoved != null) {
            button.setText(playerThatMoved.toString());
            if (getWinner() != null) {
                winnerPlayerLabel.setText(playerThatMoved.toString());
                winnerPlayerViewGroup.setVisibility(View.VISIBLE);
            }
        }
    }


    /**
     * TODO 标记当前选手选择了哪行哪列
     * 如果不是在没有选中的9个格子里面点击,将视为无效
     * 另外,如果游戏已经结束,本次标记忽略
     * @param row [0, 2]
     * @param col [0, 2]
     * @return 返回当前选手,如果点击无效为 null
     */
    public Player mark(int row, int col) {
        Player playerThatMoved = null;

        if(isValid(row, col)){ // 判断当前点击格子是否有效
            cells[row][col].setValue(currentTurn); // 标记该格子,当前棋手的符合(X/O)
            playerThatMoved = currentTurn; // 记录当前下棋的人是谁
            if(isWinningMoveByPlayer(currentTurn, row, col)){//TODO 判断当前这个棋手下棋后,该棋手是否获胜,即游戏是否需要结束
                state = GameState.FINISHED; //棋局的状态--结束
                winner = currentTurn; // 当前棋手获胜
            }else {
                // 切换到另外一棋手,继续
                flipCurrentTurn();
            }
        }
        return playerThatMoved;
    }

    public Player getWinner(){
        return winner;
    }

    // 清空棋盘
    private void clearCells(){
        for (int i = 0; i < 3; i++) {
            for (int j = 0; j < 3; j++) {
                cells[i][j] = new Cell();
            }
        }
    }

    // 判断当前点击是否有效
    private boolean isValid(int row, int col){
        if (state == GameState.FINISHED) { // 看棋子有没有结束
            return false;
        }else if (isCellValueAlreadySet(row, col)){ // 看该格子是否之前已经下过
            return false;
        }else {
            return true;
        }
    }

    private boolean isCellValueAlreadySet(int row, int col){
        return cells[row][col].getValue() != null;
    }

    /**
     * TODO判断当前棋手下棋后---是否赢棋
     * @param player  棋手
     * @param currentRow 当前行
     * @param currentCol 当前列
     * @return TODO 如果当前行、当前列或者两条对角线为同一棋手,返回 true
     */
    private boolean isWinningMoveByPlayer(Player player, int currentRow, int currentCol){
        return (cells[currentRow][0].getValue() ==player
                && cells[currentRow][1].getValue() == player
                && cells[currentRow][2].getValue() == player // 3-行
                || cells[0][currentCol].getValue() == player
                && cells[1][currentCol].getValue() == player
                && cells[2][currentCol].getValue() == player // 3-列
                || currentRow == currentCol
                && cells[0][0].getValue() == player
                && cells[1][1].getValue() == player
                && cells[2][2].getValue() == player // 对角线
                || currentRow + currentCol == 2
                && cells[0][2].getValue() == player
                && cells[1][1].getValue() == player
                && cells[2][0].getValue() == player);
    }

    private void flipCurrentTurn() {
        currentTurn = currentTurn == X ? O :X;
    }

    /**
     * TODO 开始一个新游戏,清除计分板和状态
     */
    private void restart() {
        // 重置数据
        clearCells();
        winner = null;
        currentTurn = X;
        state = GameState.IN_PROGRESS;

        // 重置 View
        winnerPlayerViewGroup.setVisibility(View.GONE);
        winnerPlayerLabel.setText("");

        for (int i = 0; i < buttonGrid.getChildCount(); i++) {
            ((Button) buttonGrid.getChildAt(i)).setText("");
        }
    }
}

 

一个文件--->MVC

适用场景:适合设计类页面,就大多数都是数据,没有太多的控制逻辑。把数据剥离出去就ok

在 MVC 中我们将把写在一个 class 里的代码进行拆分

数据(Model): 数据+对数据进行的操作(不依赖视图的操作)

视图(View): 不同的模式有不同的定义:xml+activity+fragment = View 合集

逻辑(Controller): view 和 model 的通信和交互。

注意:在 MVC 中,activity 是属于 Controller,在 MVP/MVVM 中是属于 View。

如下图所示,我们把原来在 ManiActivity 中的数据+对数据的操作部分抽离到了 model 模块中,而 MainActivity 中留下了对 View 部分  +  View 和 Model 的交互

Model

在 MVC 中,我们把数据部分(Cell/Player/GameState/以及对数据的操作Board)抽离出来,放到 model 模块

1. Cell.java

package com.example.jingziqi_mvc.model;

public class Cell {

    private Player value;

    public Player getValue() {
        return value;
    }

    public void setValue(Player value) {
        this.value = value;
    }
}

2. Player.java

package com.example.jingziqi_mvc.model;

/**
 * X/O代表两个棋手
 */
public enum Player {
    X,
    O
}

3. GamaState.java

package com.example.jingziqi_mvc.model;

public enum GameState {
    IN_PROGRESS,
    FINISHED
}

 4. Board.java

package com.example.jingziqi_mvc.model;

import static com.example.jingziqi_mvc.model.Player.X;
import static com.example.jingziqi_mvc.model.Player.O;

public class Board {
    // 总共定义 9 个格子
    private final Cell[][] cells = new Cell[3][3];

    private Player winner; // 记录结果,谁赢了
    private GameState state; //记录当前的游戏状态
    private Player currentTurn; // 现在是那位棋手在下---X/O

    public Board(){
        restart();
    }

    /**
     * TODO 开始一个新游戏,清除计分板和状态
     */
    public void restart() {
        clearCells();
        winner = null;
        currentTurn = X;
        state = GameState.IN_PROGRESS;
    }

    /**
     * 清空棋盘上的X/O
     */
    private void clearCells() {
        for (int i = 0; i < 3; i++) {
            for (int j = 0; j < 3; j++) {
                cells[i][j] = new Cell();
            }
        }
    }

    /**
     * TODO 标记当前选手选择了哪行哪列
     * 如果不是在没有选中的9个格子里面点击,将视为无效
     * 另外,如果游戏已经结束,本次标记忽略
     * @param row [0, 2]
     * @param col [0, 2]
     * @return 返回当前选手,如果点击无效为 null
     */
    public Player mark(int row, int col) {
        Player playerThatMoved = null;

        if(isValid(row, col)){ // 判断当前点击格子是否有效
            cells[row][col].setValue(currentTurn); // 标记该格子,当前棋手的符合(X/O)
            playerThatMoved = currentTurn; // 记录当前下棋的人是谁
            if(isWinningMoveByPlayer(currentTurn, row, col)){//TODO 判断当前这个棋手下棋后,该棋手是否获胜,即游戏是否需要结束
                state = GameState.FINISHED; //棋局的状态--结束
                winner = currentTurn; // 当前棋手获胜
            }else {
                // 切换到另外一棋手,继续
                flipCurrentTurn();
            }
        }
        return playerThatMoved;
    }

    public Player getWinner(){
        return winner;
    }

    /**
     * 判断当前点击是否有效
     */
    private boolean isValid(int row, int col){
        if (state == GameState.FINISHED) { // 看棋子有没有结束
            return false;
        }else if (isCellValueAlreadySet(row, col)){ // 看该格子是否之前已经下过
            return false;
        }else {
            return true;
        }
    }

    private boolean isCellValueAlreadySet(int row, int col){
        return cells[row][col].getValue() != null;
    }

    /**
     * TODO判断当前棋手下棋后---是否赢棋
     * @param player  棋手
     * @param currentRow 当前行
     * @param currentCol 当前列
     * @return TODO 如果当前行、当前列或者两条对角线为同一棋手,返回 true
     */
    private boolean isWinningMoveByPlayer(Player player, int currentRow, int currentCol){
        return (cells[currentRow][0].getValue() ==player
                && cells[currentRow][1].getValue() == player
                && cells[currentRow][2].getValue() == player // 3-行
                || cells[0][currentCol].getValue() == player
                && cells[1][currentCol].getValue() == player
                && cells[2][currentCol].getValue() == player // 3-列
                || currentRow == currentCol
                && cells[0][0].getValue() == player
                && cells[1][1].getValue() == player
                && cells[2][2].getValue() == player // 对角线
                || currentRow + currentCol == 2
                && cells[0][2].getValue() == player
                && cells[1][1].getValue() == player
                && cells[2][0].getValue() == player);
    }

    /**
     * 切换棋手
     */
    private void flipCurrentTurn() {
        currentTurn = currentTurn == X ? O :X;
    }
}

Controler

在 mvc 中 View 只有 xml 的内容

MainActivity.java 的内容如下:

package com.example.jingziqi_mvc.controller;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

import com.example.jingziqi_mvc.R;
import com.example.jingziqi_mvc.model.Board;
import com.example.jingziqi_mvc.model.Player;

public class MainActivity extends AppCompatActivity {

    private static final String TAG = MainActivity.class.getName();

    private Board model;

    // View 部分
    private ViewGroup buttonGrid;
    private View winnerPlayerViewGroup;
    private TextView winnerPlayerLabel;

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

        winnerPlayerLabel = findViewById(R.id.winnerPlayerLabel);
        winnerPlayerViewGroup = findViewById(R.id.winnerPlayerViewGroup);
        buttonGrid = findViewById(R.id.buttonGrid);

        model = new Board();
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_jingziqi, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_reset:
                model.restart();//重置 Model(数据)
                restartView(); //重置View
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    /**
     * 重置 View
     */
    private void restartView() {
        winnerPlayerViewGroup.setVisibility(View.GONE);
        winnerPlayerLabel.setText("");

        for (int i = 0; i < buttonGrid.getChildCount(); i++) {
            ((Button) buttonGrid.getChildAt(i)).setText("");
        }
    }

    /**
     * 点击格子
     */
    public void onCellClicked(View view) {
        Button button = (Button) view;

        String tag = button.getTag().toString();
        // 取到点击的格子的行/列
        int row = Integer.parseInt(tag.substring(0, 1));
        int col = Integer.parseInt(tag.substring(1, 2));
        Log.i(TAG, "Click Row: [" + row + ", " + col + "]");

        // TODO View 和 Model 的交互
        Player playerThatMoved = model.mark(row, col);

        if (playerThatMoved != null) {
            button.setText(playerThatMoved.toString());
            if (model.getWinner() != null) {
                winnerPlayerLabel.setText(playerThatMoved.toString());
                winnerPlayerViewGroup.setVisibility(View.VISIBLE);
            }
        }
    }
}

MVC 对比 一个文件打天下

进步:抽离了 model,对数据进行单独封装

缺陷:controller(activity)权限太大,什么事情都能做(View 和 Model 的交互仍然保留在了 activity 中)。当我们的需求增加时,View 和 Model 的交互也会增加,此时activity 就会变得越来越大。

MVC--->MVP

数据(Model): 数据+对数据进行的操作(不依赖视图的操作)

视图(View): 不同的模式有不同的定义:xml+activity+fragment = View 合集

逻辑(Presenter):实现view 和 model 之间的交互。让 activity 完全成为 view 模块

 

注意:增加了接口,在 Activity 中实现,然后再在 presenter 里调用

Model

1. Cell.java

package com.example.jingziqi_mvc.model;

public class Cell {

    private Player value;

    public Player getValue() {
        return value;
    }

    public void setValue(Player value) {
        this.value = value;
    }
}

2. Player.java

package com.example.jingziqi_mvc.model;

/**
 * X/O代表两个棋手
 */
public enum Player {
    X,
    O
}

3. GamaState.java

package com.example.jingziqi_mvc.model;

public enum GameState {
    IN_PROGRESS,
    FINISHED
}

 4. Board.java

package com.example.jingziqi_mvp.model;

import static com.example.jingziqi_mvp.model.Player.O;
import static com.example.jingziqi_mvp.model.Player.X;

public class Board {
    // 总共定义 9 个格子
    private final Cell[][] cells = new Cell[3][3];

    private Player winner; // 记录结果,谁赢了
    private GameState state; //记录当前的游戏状态
    private Player currentTurn; // 现在是那位棋手在下---X/O

    public Board(){
        restart();
    }

    /**
     * TODO 开始一个新游戏,清除计分板和状态
     */
    public void restart() {
        clearCells();
        winner = null;
        currentTurn = X;
        state = GameState.IN_PROGRESS;
    }

    /**
     * 清空棋盘上的X/O
     */
    private void clearCells() {
        for (int i = 0; i < 3; i++) {
            for (int j = 0; j < 3; j++) {
                cells[i][j] = new Cell();
            }
        }
    }

    /**
     * TODO 标记当前选手选择了哪行哪列
     * 如果不是在没有选中的9个格子里面点击,将视为无效
     * 另外,如果游戏已经结束,本次标记忽略
     * @param row [0, 2]
     * @param col [0, 2]
     * @return 返回当前选手,如果点击无效为 null
     */
    public Player mark(int row, int col) {
        Player playerThatMoved = null;

        if(isValid(row, col)){ // 判断当前点击格子是否有效
            cells[row][col].setValue(currentTurn); // 标记该格子,当前棋手的符合(X/O)
            playerThatMoved = currentTurn; // 记录当前下棋的人是谁
            if(isWinningMoveByPlayer(currentTurn, row, col)){//TODO 判断当前这个棋手下棋后,该棋手是否获胜,即游戏是否需要结束
                state = GameState.FINISHED; //棋局的状态--结束
                winner = currentTurn; // 当前棋手获胜
            }else {
                // 切换到另外一棋手,继续
                flipCurrentTurn();
            }
        }
        return playerThatMoved;
    }

    public Player getWinner(){
        return winner;
    }

    /**
     * 判断当前点击是否有效
     */
    private boolean isValid(int row, int col){
        if (state == GameState.FINISHED) { // 看棋子有没有结束
            return false;
        }else if (isCellValueAlreadySet(row, col)){ // 看该格子是否之前已经下过
            return false;
        }else {
            return true;
        }
    }

    private boolean isCellValueAlreadySet(int row, int col){
        return cells[row][col].getValue() != null;
    }

    /**
     * TODO判断当前棋手下棋后---是否赢棋
     * @param player  棋手
     * @param currentRow 当前行
     * @param currentCol 当前列
     * @return TODO 如果当前行、当前列或者两条对角线为同一棋手,返回 true
     */
    private boolean isWinningMoveByPlayer(Player player, int currentRow, int currentCol){
        return (cells[currentRow][0].getValue() ==player
                && cells[currentRow][1].getValue() == player
                && cells[currentRow][2].getValue() == player // 3-行
                || cells[0][currentCol].getValue() == player
                && cells[1][currentCol].getValue() == player
                && cells[2][currentCol].getValue() == player // 3-列
                || currentRow == currentCol
                && cells[0][0].getValue() == player
                && cells[1][1].getValue() == player
                && cells[2][2].getValue() == player // 对角线
                || currentRow + currentCol == 2
                && cells[0][2].getValue() == player
                && cells[1][1].getValue() == player
                && cells[2][0].getValue() == player);
    }

    /**
     * 切换棋手
     */
    private void flipCurrentTurn() {
        currentTurn = currentTurn == X ? O :X;
    }
}

View

1. MainActivity.java

package com.example.jingziqi_mvp.view;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

import com.example.jingziqi_mvp.R;
import com.example.jingziqi_mvp.presenter.JingziqiPresenter;

public class MainActivity extends AppCompatActivity implements JingziqiView{

    private static final String TAG = MainActivity.class.getName();

    JingziqiPresenter presenter = new JingziqiPresenter(this);

    // View 部分
    private ViewGroup buttonGrid;
    private View winnerPlayerViewGroup;
    private TextView winnerPlayerLabel;

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

        winnerPlayerLabel = (TextView) findViewById(R.id.winnerPlayerLabel);
        winnerPlayerViewGroup = findViewById(R.id.winnerPlayerViewGroup);
        buttonGrid = (ViewGroup) findViewById(R.id.buttonGrid);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_jingziqi, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_reset:
                presenter.onResetSelected();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }

    public void onCellClicked(View view) {
        Button button = (Button) view;

        String tag = button.getTag().toString();
        // 取到点击的格子的行/列
        int row = Integer.parseInt(tag.substring(0, 1));
        int col = Integer.parseInt(tag.substring(1, 2));
        Log.i(TAG, "Click Row: [" + row + ", " + col + "]");

        // TODO View 和 Model 的交互抽离到 presenter 里了
        presenter.onButtonSelected(row, col);
    }

    /**
     * 展示获胜者
     */
    @Override
    public void showWinner(String winningPlayerDisplayLabel) {
        winnerPlayerLabel.setText(winningPlayerDisplayLabel);
        winnerPlayerViewGroup.setVisibility(View.VISIBLE);
    }

    /**
     * 把格子下面,展示谁获胜的内容清空
     */
    @Override
    public void clearWinnerDisplay() {
        winnerPlayerViewGroup.setVisibility(View.GONE);
        winnerPlayerLabel.setText("");
    }
    /**
     * 把格子清空
     */
    @Override
    public void clearButton() {
        for( int i = 0; i < buttonGrid.getChildCount(); i++ ) {
            ((Button) buttonGrid.getChildAt(i)).setText("");
        }
    }

    /**
     * 在格子上标记是那位棋手下的棋(即在格子上标记X/O)
     */
    @Override
    public void setButtonText(int row, int col, String text) {
        Button btn = (Button) buttonGrid.findViewWithTag("" + row + col); // 根据 tag 找到对应的 格子
        if(btn != null) {
            btn.setText(text);
        }
    }
}

 2. JingziqiView.java 是一个接口,在 MainActivity 里实现,在 Presenter 里完成调用

package com.example.jingziqi_mvp.view;

public interface JingziqiView {
    void showWinner(String winningPlayerDisplayLabel);
    void clearWinnerDisplay();
    void clearButton();
    void setButtonText(int row, int col, String text);
}

Presenter 

1. JingziqiPresenter.java

package com.example.jingziqi_mvp.presenter;

import android.view.View;

import com.example.jingziqi_mvp.model.Board;
import com.example.jingziqi_mvp.model.Player;
import com.example.jingziqi_mvp.view.JingziqiView;

public class JingziqiPresenter {
    private JingziqiView view;
    private Board model;

    public JingziqiPresenter(JingziqiView view){
        this.view = view;
        this.model = new Board();
    }

    public void onButtonSelected(int row, int col){
        // TODO View 和 Model 的交互
        Player playerThatMoved = model.mark(row, col);

        if (playerThatMoved != null) {
            //button.setText(playerThatMoved.toString());
            view.setButtonText(row, col, playerThatMoved.toString());
            if (model.getWinner() != null) {
//                winnerPlayerLabel.setText(playerThatMoved.toString());
//                winnerPlayerViewGroup.setVisibility(View.VISIBLE);
                view.showWinner(playerThatMoved.toString());
            }
        }
    }

    public void onResetSelected(){
        model.restart();
        view.clearWinnerDisplay();
        view.clearButton();
    }
}

MVP 相对 MVC

进步:activity 只剩下了 view,presenter 承担了 view 和 model 之间的交互,满足单一职责原则,视图数据逻辑是清晰的。

缺陷:引入了 interface,方法增多,增加一个方法要改多个地方。

MVP--->MVVM

数据(Model): 数据+对数据进行的操作(不依赖视图的操作)

视图(View): 不同的模式有不同的定义:xml+activity+fragment = View 合集

VM(viewmodel):将视图与数据进行绑定,使用 dataBinding 完成

viewBinding: 只能省略 findViewById, 不需要修改 xml

dataBinding: 除了 ViewBinding 的功能还能绑定 data,需要修改 xml

Model

model 模块仍然不变,与 MVC/MVP 的 Model 内容一致

View

MainActivity.java 

package com.example.jingziqi_mvvm.view;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.databinding.DataBindingUtil;

import android.os.Bundle;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;

import com.example.jingziqi_mvvm.R;
import com.example.jingziqi_mvvm.databinding.ActivityMainBinding;
import com.example.jingziqi_mvvm.viewmodel.JingziqiViewModel;

public class MainActivity extends AppCompatActivity {

    JingziqiViewModel viewModel = new JingziqiViewModel();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // TODO dataBinding 的使用
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.setViewModel(viewModel);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_jingziqi, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_reset:
                viewModel.onResetSelect();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}

ViewModel 

package com.example.jingziqi_mvvm.viewmodel;

import androidx.databinding.ObservableArrayMap;
import androidx.databinding.ObservableField;

import com.example.jingziqi_mvvm.model.Board;
import com.example.jingziqi_mvvm.model.Player;

public class JingziqiViewModel {
    private Board model;

    public final ObservableArrayMap<String, String> cells = new ObservableArrayMap<>();
    public final ObservableField<String> winner = new ObservableField<>();

    public JingziqiViewModel(){
        model = new Board();
    }

    public void onResetSelect(){
        model.restart();
        winner.set(null);
        cells.clear();
    }

    public void onClickedCellAt(int row, int col){
        Player playerThatMoved = model.mark(row, col);
        if (playerThatMoved != null) {
            cells.put("" + row + col, playerThatMoved.toString());
            winner.set(model.getWinner() == null ? null : model.getWinner().toString());
        }
    }
}

MVVM 使用 dataBinding 将数据绑定在 View 上。所以我们要引入 dataBinding。在 app 级的 build.gradle 里添加 

使用 dataBinding,我们还得修改 xml ,将整个布局包裹住 <layout>....</layout > 中,并且引入数据部分。注意,<data></data> 里的 type 所指示的内容,就是我们 VM 模块的 JingziqiViewModel.java 。并且在该 xml 里会用到 JingziqiViewModel的方法。

 

 使用 JingziqiViewModel 里的 onClickedCellAt()方法,以及 cells 成员变量。

 通过上述内容,我们把对格子内容的改变(数据)直接绑定在 view 上,这样代码就更简介了。

6大设计原则

单一职责原则、开闭原则、里氏替换原则、接口隔离原则、依赖倒置原则、迪米特原则 

单一职责原则:一个 class 完成一件事情。

开闭原则:对扩展、继承开发,对修改关闭。

里氏替换原则:不能改变基类的逻辑(比如,继承父类的run() 方法,哪里里面的实现逻辑就不能是 fly)

依赖倒置原则:两个模块之间通信,通过接口实现(不依赖实现,只依赖接口)

完整demo

下面给出上面 4 种写法的完整代码。可以查看具体的 xml ,以及更多的代码细节。

链接:https://pan.baidu.com/s/1qxJQ-6iIDgm7AX-6CmGuuQ 
提取码:2b77

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/10464.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

GPT-4 和ChatGPT API的定价分析

OpenAI发布了他们的ChatGPT新机器学习模型GPT-4。GPT-4是GPT-3的一大进步&#xff0c;GPT-3是当前ChatGPT免费版本(GPT 3.5 Turbo)所运行的模型的基础&#xff0c;今天我们也来凑个热点&#xff0c;研究一下它们的定价 GPT-4新的功能 GPT-4可以在对话中使用图像&#xff0c;并…

Mybatis(七)Mybatis的日志体系

在介绍Mybatis日志实现前&#xff0c;我们先了解下java的日志体系以及日志框架的发展&#xff0c;目前比较常用的日志框架有下面几个&#xff1a; 而JCL和SLF4J属于日志接口&#xff08;没有日志具体实现&#xff09;&#xff0c;提供统一的日志操作规范&#xff0c;而日志的实…

NumPy 秘籍中文第二版:四、将 NumPy 与世界的其他地方连接

原文&#xff1a;NumPy Cookbook - Second Edition 协议&#xff1a;CC BY-NC-SA 4.0 译者&#xff1a;飞龙 在本章中&#xff0c;我们将介绍以下秘籍&#xff1a; 使用缓冲区协议使用数组接口与 MATLAB 和 Octave 交换数据安装 RPy2与 R 交互安装 JPype将 NumPy 数组发送到 J…

什么是Lambda表达式?

什么是Lambda表达式 可以把Lambda表达式理解为简洁地表示可传递的匿名函数的一种方式&#xff1a;它没有名称&#xff0c;但它有参数列表、函数主体、返回类型&#xff0c;可能还有一个可以抛出的异常列表。 匿名&#xff1a;它不像普通的方法那样有一个明确的名称&#xff1…

GPT 任务指令 = 定义角色 + 背景信息 + 任务目标 + 输出要求

GPT 任务指令 定义角色 背景信息 任务目标 输出要求 环境 GPT-4 0. 你是一名专业的导游&#xff0c;负责为我生成旅游计划&#xff0c;现在我来北京旅游&#xff0c;需要你为我生成一份 3天2晚的北京旅游规划。我的要求是&#xff1a;1.地点包括故宫、军播和环球影城。 2…

pytorch搭建ResNet50实现鸟类识别

&#x1f368; 本文为&#x1f517;365天深度学习训练营 中的学习记录博客 &#x1f366; 参考文章地址&#xff1a; 365天深度学习训练营-第J1周&#xff1a;ResNet-50算法实战与解析 &#x1f356; 作者&#xff1a;K同学啊 理论知识储备 深度残差网络ResNet&#xff08;dee…

OceanBase 4.1 发版 | 一个面向开发者的里程碑版本

欢迎访问 OceanBase 官网获取更多信息&#xff1a;https://www.oceanbase.com/ 2022 年 8 月&#xff0c;OceanBase发布了 4.0 版本&#xff08;小鱼&#xff09;&#xff0c;作为业内首个单机分布式一体化架构&#xff0c;兼顾了分布式架构的扩展性和集中式架构的性能优势&…

优思学院|职场达人有什么晋升秘诀?

作为职场人士&#xff0c;升职晋升是我们一直追求的目标。然而&#xff0c;在职场中&#xff0c;竞争是激烈的&#xff0c;只有那些真正做到了突出表现和积极进取的人才能获得晋升机会。这里将分享七个职场达人的晋升秘诀&#xff0c;希望对那些正在寻找升职机会的人有所帮助。…

Linux Shell 实现一键部署Nginx

nginx前言 nginx [engine x] 是 HTTP 和反向代理服务器、邮件代理服务器和通用 TCP/UDP 代理服务器&#xff0c;最初由Igor Sysoev编写。很长一段时间以来&#xff0c;它一直在许多负载重的俄罗斯网站上运行&#xff0c;包括 Yandex、 Mail.Ru、 VK和 Rambler。根据 Netcraft …

Spring的创建与Bean对象的存取

文章目录&#xff1a;一.Spring项目的创建1.先创建maven项目 2.添加国内源 3.添加spring依赖 4.创建spring配置文件 5.创建启动类 二.Bean对象的创建和读取1.Bean对象的创建与存储方式&#xff08;1&#xff09;类注解 &#xff08;2&#xff09;方法注解 &#xff08;3&#x…

【从零开始学Skynet】基础篇(五):简易聊天室

在游戏中各玩家之间都可以进行聊天之类的交互&#xff0c;在这一篇中&#xff0c;我们就来实现一个简易的聊天室功能&#xff0c;这在上一篇代码的基础上很容易就能实现。1、功能需求 客户端发送一条消息&#xff0c;经由服务端转发&#xff0c;所有在线客户端都能收到&#xf…

redis网络模型

用户空间和内核空间IO五种IO模型阻塞IO非阻塞IOIO多路复用selectpollepollweb服务流程信号驱动IO异步IOIO模型比较redis网络模型redis为什么是单线程redis单线程网络模型流程用户空间和内核空间 为安全&#xff0c;将用户应用和系统应用分隔开&#xff0c;产生用户空间和内核空…

OpenTex 企业内容管理平台

OpenText 企业内容管理平台 将内容服务与领先应用程序集成&#xff0c;弥合内容孤岛、加快信息流并扩大治理 什么是内容服务集成&#xff1f; 内容服务集成通过将内容管理平台与处于流程核心的独立应用程序和系统连接起来&#xff0c;支持并扩展了 ECM 的传统优势。 最好的内…

Flutter Web 开发实践与优化

一,Flutter Web架构 目前,除了可以支持Android、iOS移动跨平台开发之外,Flutter还支持macOS、Windows、Linux和Web等多个跨平台的开发。可以说,作为一款先进的跨平台开发框架,Flutter已经真正意义上实现了“一次编写,处处运行”的美好愿景。 众所周知,Dart 语言存在之…

事件触发模式 LT ET ?EPOLLIN EPOLLOUT 各种情况总结。【面试复盘】【学习笔记】

麻了&#xff0c;对 epoll 的触发机制理解不深刻…面试又被拷打了… 下面总结一下各种情况&#xff0c;并不涉及底层原理&#xff0c;底层原理看这里。 文章结构可以看左下角目录、 有什么理解的不对的&#xff0c;请大佬们指点。 先说结论&#xff0c;下面再验证&#xff…

package-cli-service,为构建发布npm包提供完整的工作流

package-cli-service 介绍 package-cli-service 是一个开发环境依赖。它是一个 npm 包&#xff0c;局部安装在每个 create-package-tools 创建的项目中。 package-cli-service 是构建于 rollup 和 webpack 之上的。它包含了&#xff1a; 一个针对绝大部分 package 优化过的内…

013 - C++引用

本期我们要讲的是 C 中的引用。 上期我们讨论了指针&#xff0c;如果你没有看过那期内容&#xff0c;你一定要回去看看&#xff0c;因为引用实际上只是指针的扩展&#xff0c;你至少需要在基本层面上理解指针是如何工作的&#xff0c;然后才能继续学习本期的内容&#xff0c;本…

MySQL索引数据结构入门

之前松哥写过一个 MySQL 系列&#xff0c;但是当时是基于 MySQL5.7 的&#xff0c;最近有空在看 MySQL8 的文档&#xff0c;发现和 MySQL5.7 相比还是有不少变化&#xff0c;同时 MySQL 又是小伙伴们在面试时一个非常重要的知识点&#xff0c;因此松哥打算最近再抽空和小伙伴们…

Golang数据类型比较

直接使用比较的情况 分类说明是否能比较说明基本类型整型&#xff08; int/uint/int8/uint8/int16/uint16/int32/uint32/int64/uint64/byte/rune等&#xff09;浮点数&#xff08; float32/float64&#xff09;复数类型&#xff08; complex64/complex128&#xff09;字符串&a…

Linux查看端口

目录 1.查看已知端口的使用情况 2.查看所有端口的占用情况 3.查看占用端口的程序的进程号 4.杀死进程号 1.查看已知端口的使用情况 #例:8080 可使用命令: netstat -anp | grep 8080 结果如下: 还可以使用这条命令: netstat -tln | grep 8080 结果如下: 区别:第一条命令后面显示…
最新文章