devbox
正经夜光杯
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

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

作者：正经夜光杯 | 2024-07-08 09:43:01

赞

踩

winnetplayer0131

 

目录

一个文件打天下

一个文件--->MVC

MVC--->MVP

MVP--->MVVM

6大设计原则

完整demo

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

一个文件打天下

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

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

  1. package com.example.jingziqi;
  2.  
  3. import static com.example.jingziqi.MainActivity.Player.O;
  4. import static com.example.jingziqi.MainActivity.Player.X;
  5.  
  6. import androidx.annotation.NonNull;
  7. import androidx.appcompat.app.AppCompatActivity;
  8.  
  9. import android.os.Bundle;
  10. import android.util.Log;
  11. import android.view.Menu;
  12. import android.view.MenuInflater;
  13. import android.view.MenuItem;
  14. import android.view.View;
  15. import android.view.ViewGroup;
  16. import android.widget.Button;
  17. import android.widget.TextView;
  18.  
  19.  
  20. public class MainActivity extends AppCompatActivity {
  21.  
  22.     private static final String TAG = MainActivity.class.getName();
  23.  
  24.     // 定义一个棋手
  25.     public enum Player {X, O}
  26.  
  27.     // 定义棋盘的格子，里面有个棋手
  28.     public static class Cell{
  29.         private Player value;
  30.  
  31.         public Player getValue(){
  32.             return value;
  33.         }
  34.         public void setValue(Player value){
  35.             this.value = value;
  36.         }
  37.     }
  38.  
  39.     // 总共定义 9 个格子
  40.     private final Cell[][] cells = new Cell[3][3];
  41.  
  42.     private Player winner; // 记录结果，谁赢了
  43.     private GameState state; //记录当前的游戏状态
  44.     private Player currentTurn; // 现在是那位棋手在下---X/O
  45.  
  46.     private enum GameState {IN_PROGRESS, FINISHED} //游戏的状态---进行/结束
  47.  
  48.     // Views
  49.     private ViewGroup buttonGrid;
  50.     private View winnerPlayerViewGroup;
  51.     private TextView winnerPlayerLabel;
  52.  
  53.     @Override
  54.     protected void onCreate(Bundle savedInstanceState) {
  55.         super.onCreate(savedInstanceState);
  56.         setContentView(R.layout.activity_main);
  57.  
  58.         winnerPlayerLabel = findViewById(R.id.winnerPlayerLabel);
  59.         winnerPlayerViewGroup = findViewById(R.id.winnerPlayerViewGroup);
  60.         buttonGrid = findViewById(R.id.buttonGrid);
  61.  
  62.         restart();
  63.     }
  64.  
  65.     @Override
  66.     public boolean onCreateOptionsMenu(Menu menu) {
  67.         MenuInflater inflater = getMenuInflater();
  68.         inflater.inflate(R.menu.menu_jingziqi, menu);
  69.         return true;
  70.     }
  71.  
  72.     @Override
  73.     public boolean onOptionsItemSelected(@NonNull MenuItem item) {
  74.         switch (item.getItemId()) {
  75.             case R.id.action_reset:
  76.                 restart();
  77.                 return true;
  78.             default:
  79.                 return super.onOptionsItemSelected(item);
  80.         }
  81.     }
  82.     public void onCellClicked(View view) {
  83.         Button button = (Button) view;
  84.  
  85.         String tag = button.getTag().toString();
  86.         // 取到点击的格子的行/列
  87.         int row = Integer.parseInt(tag.substring(0, 1));
  88.         int col = Integer.parseInt(tag.substring(1, 2));
  89.         Log.i(TAG, "Click Row: [" + row + ", " + col + "]");
  90.  
  91.         Player playerThatMoved = mark(row, col);
  92.  
  93.         if (playerThatMoved != null) {
  94.             button.setText(playerThatMoved.toString());
  95.             if (getWinner() != null) {
  96.                 winnerPlayerLabel.setText(playerThatMoved.toString());
  97.                 winnerPlayerViewGroup.setVisibility(View.VISIBLE);
  98.             }
  99.         }
  100.     }
  101.  
  102.  
  103.     /**
  104.      * TODO 标记当前选手选择了哪行哪列
  105.      * 如果不是在没有选中的9个格子里面点击，将视为无效
  106.      * 另外，如果游戏已经结束，本次标记忽略
  107.      * @param row [0, 2]
  108.      * @param col [0, 2]
  109.      * @return 返回当前选手，如果点击无效为 null
  110.      */
  111.     public Player mark(int row, int col) {
  112.         Player playerThatMoved = null;
  113.  
  114.         if(isValid(row, col)){ // 判断当前点击格子是否有效
  115.             cells[row][col].setValue(currentTurn); // 标记该格子，当前棋手的符合(X/O)
  116.             playerThatMoved = currentTurn; // 记录当前下棋的人是谁
  117.             if(isWinningMoveByPlayer(currentTurn, row, col)){//TODO 判断当前这个棋手下棋后，该棋手是否获胜，即游戏是否需要结束
  118.                 state = GameState.FINISHED; //棋局的状态--结束
  119.                 winner = currentTurn; // 当前棋手获胜
  120.             }else {
  121.                 // 切换到另外一棋手，继续
  122.                 flipCurrentTurn();
  123.             }
  124.         }
  125.         return playerThatMoved;
  126.     }
  127.  
  128.     public Player getWinner(){
  129.         return winner;
  130.     }
  131.  
  132.     // 清空棋盘
  133.     private void clearCells(){
  134.         for (int i = 0; i < 3; i++) {
  135.             for (int j = 0; j < 3; j++) {
  136.                 cells[i][j] = new Cell();
  137.             }
  138.         }
  139.     }
  140.  
  141.     // 判断当前点击是否有效
  142.     private boolean isValid(int row, int col){
  143.         if (state == GameState.FINISHED) { // 看棋子有没有结束
  144.             return false;
  145.         }else if (isCellValueAlreadySet(row, col)){ // 看该格子是否之前已经下过
  146.             return false;
  147.         }else {
  148.             return true;
  149.         }
  150.     }
  151.  
  152.     private boolean isCellValueAlreadySet(int row, int col){
  153.         return cells[row][col].getValue() != null;
  154.     }
  155.  
  156.     /**
  157.      * TODO判断当前棋手下棋后---是否赢棋
  158.      * @param player  棋手
  159.      * @param currentRow 当前行
  160.      * @param currentCol 当前列
  161.      * @return TODO 如果当前行、当前列或者两条对角线为同一棋手，返回 true
  162.      */
  163.     private boolean isWinningMoveByPlayer(Player player, int currentRow, int currentCol){
  164.         return (cells[currentRow][0].getValue() ==player
  165.                 && cells[currentRow][1].getValue() == player
  166.                 && cells[currentRow][2].getValue() == player // 3-行
  167.                 || cells[0][currentCol].getValue() == player
  168.                 && cells[1][currentCol].getValue() == player
  169.                 && cells[2][currentCol].getValue() == player // 3-列
  170.                 || currentRow == currentCol
  171.                 && cells[0][0].getValue() == player
  172.                 && cells[1][1].getValue() == player
  173.                 && cells[2][2].getValue() == player // 对角线
  174.                 || currentRow + currentCol == 2
  175.                 && cells[0][2].getValue() == player
  176.                 && cells[1][1].getValue() == player
  177.                 && cells[2][0].getValue() == player);
  178.     }
  179.  
  180.     private void flipCurrentTurn() {
  181.         currentTurn = currentTurn == X ? O :X;
  182.     }
  183.  
  184.     /**
  185.      * TODO 开始一个新游戏，清除计分板和状态
  186.      */
  187.     private void restart() {
  188.         // 重置数据
  189.         clearCells();
  190.         winner = null;
  191.         currentTurn = X;
  192.         state = GameState.IN_PROGRESS;
  193.  
  194.         // 重置 View
  195.         winnerPlayerViewGroup.setVisibility(View.GONE);
  196.         winnerPlayerLabel.setText("");
  197.  
  198.         for (int i = 0; i < buttonGrid.getChildCount(); i++) {
  199.             ((Button) buttonGrid.getChildAt(i)).setText("");
  200.         }
  201.     }
  202. }

 

一个文件--->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

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. public class Cell {
  4.  
  5.     private Player value;
  6.  
  7.     public Player getValue() {
  8.         return value;
  9.     }
  10.  
  11.     public void setValue(Player value) {
  12.         this.value = value;
  13.     }
  14. }

2. Player.java

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. /**
  4.  * X/O代表两个棋手
  5.  */
  6. public enum Player {
  7.     X,
  8.     O
  9. }

3. GamaState.java

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. public enum GameState {
  4.     IN_PROGRESS,
  5.     FINISHED
  6. }

 4. Board.java

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. import static com.example.jingziqi_mvc.model.Player.X;
  4. import static com.example.jingziqi_mvc.model.Player.O;
  5.  
  6. public class Board {
  7.     // 总共定义 9 个格子
  8.     private final Cell[][] cells = new Cell[3][3];
  9.  
  10.     private Player winner; // 记录结果，谁赢了
  11.     private GameState state; //记录当前的游戏状态
  12.     private Player currentTurn; // 现在是那位棋手在下---X/O
  13.  
  14.     public Board(){
  15.         restart();
  16.     }
  17.  
  18.     /**
  19.      * TODO 开始一个新游戏，清除计分板和状态
  20.      */
  21.     public void restart() {
  22.         clearCells();
  23.         winner = null;
  24.         currentTurn = X;
  25.         state = GameState.IN_PROGRESS;
  26.     }
  27.  
  28.     /**
  29.      * 清空棋盘上的X/O
  30.      */
  31.     private void clearCells() {
  32.         for (int i = 0; i < 3; i++) {
  33.             for (int j = 0; j < 3; j++) {
  34.                 cells[i][j] = new Cell();
  35.             }
  36.         }
  37.     }
  38.  
  39.     /**
  40.      * TODO 标记当前选手选择了哪行哪列
  41.      * 如果不是在没有选中的9个格子里面点击，将视为无效
  42.      * 另外，如果游戏已经结束，本次标记忽略
  43.      * @param row [0, 2]
  44.      * @param col [0, 2]
  45.      * @return 返回当前选手，如果点击无效为 null
  46.      */
  47.     public Player mark(int row, int col) {
  48.         Player playerThatMoved = null;
  49.  
  50.         if(isValid(row, col)){ // 判断当前点击格子是否有效
  51.             cells[row][col].setValue(currentTurn); // 标记该格子，当前棋手的符合(X/O)
  52.             playerThatMoved = currentTurn; // 记录当前下棋的人是谁
  53.             if(isWinningMoveByPlayer(currentTurn, row, col)){//TODO 判断当前这个棋手下棋后，该棋手是否获胜，即游戏是否需要结束
  54.                 state = GameState.FINISHED; //棋局的状态--结束
  55.                 winner = currentTurn; // 当前棋手获胜
  56.             }else {
  57.                 // 切换到另外一棋手，继续
  58.                 flipCurrentTurn();
  59.             }
  60.         }
  61.         return playerThatMoved;
  62.     }
  63.  
  64.     public Player getWinner(){
  65.         return winner;
  66.     }
  67.  
  68.     /**
  69.      * 判断当前点击是否有效
  70.      */
  71.     private boolean isValid(int row, int col){
  72.         if (state == GameState.FINISHED) { // 看棋子有没有结束
  73.             return false;
  74.         }else if (isCellValueAlreadySet(row, col)){ // 看该格子是否之前已经下过
  75.             return false;
  76.         }else {
  77.             return true;
  78.         }
  79.     }
  80.  
  81.     private boolean isCellValueAlreadySet(int row, int col){
  82.         return cells[row][col].getValue() != null;
  83.     }
  84.  
  85.     /**
  86.      * TODO判断当前棋手下棋后---是否赢棋
  87.      * @param player  棋手
  88.      * @param currentRow 当前行
  89.      * @param currentCol 当前列
  90.      * @return TODO 如果当前行、当前列或者两条对角线为同一棋手，返回 true
  91.      */
  92.     private boolean isWinningMoveByPlayer(Player player, int currentRow, int currentCol){
  93.         return (cells[currentRow][0].getValue() ==player
  94.                 && cells[currentRow][1].getValue() == player
  95.                 && cells[currentRow][2].getValue() == player // 3-行
  96.                 || cells[0][currentCol].getValue() == player
  97.                 && cells[1][currentCol].getValue() == player
  98.                 && cells[2][currentCol].getValue() == player // 3-列
  99.                 || currentRow == currentCol
  100.                 && cells[0][0].getValue() == player
  101.                 && cells[1][1].getValue() == player
  102.                 && cells[2][2].getValue() == player // 对角线
  103.                 || currentRow + currentCol == 2
  104.                 && cells[0][2].getValue() == player
  105.                 && cells[1][1].getValue() == player
  106.                 && cells[2][0].getValue() == player);
  107.     }
  108.  
  109.     /**
  110.      * 切换棋手
  111.      */
  112.     private void flipCurrentTurn() {
  113.         currentTurn = currentTurn == X ? O :X;
  114.     }
  115. }

Controler

在 mvc 中 View 只有 xml 的内容

MainActivity.java 的内容如下：

  1. package com.example.jingziqi_mvc.controller;
  2.  
  3. import androidx.annotation.NonNull;
  4. import androidx.appcompat.app.AppCompatActivity;
  5.  
  6. import android.os.Bundle;
  7. import android.util.Log;
  8. import android.view.Menu;
  9. import android.view.MenuInflater;
  10. import android.view.MenuItem;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.widget.Button;
  14. import android.widget.TextView;
  15.  
  16. import com.example.jingziqi_mvc.R;
  17. import com.example.jingziqi_mvc.model.Board;
  18. import com.example.jingziqi_mvc.model.Player;
  19.  
  20. public class MainActivity extends AppCompatActivity {
  21.  
  22.     private static final String TAG = MainActivity.class.getName();
  23.  
  24.     private Board model;
  25.  
  26.     // View 部分
  27.     private ViewGroup buttonGrid;
  28.     private View winnerPlayerViewGroup;
  29.     private TextView winnerPlayerLabel;
  30.  
  31.     @Override
  32.     protected void onCreate(Bundle savedInstanceState) {
  33.         super.onCreate(savedInstanceState);
  34.         setContentView(R.layout.activity_main);
  35.  
  36.         winnerPlayerLabel = findViewById(R.id.winnerPlayerLabel);
  37.         winnerPlayerViewGroup = findViewById(R.id.winnerPlayerViewGroup);
  38.         buttonGrid = findViewById(R.id.buttonGrid);
  39.  
  40.         model = new Board();
  41.     }
  42.  
  43.     @Override
  44.     public boolean onCreateOptionsMenu(Menu menu) {
  45.         MenuInflater inflater = getMenuInflater();
  46.         inflater.inflate(R.menu.menu_jingziqi, menu);
  47.         return true;
  48.     }
  49.  
  50.     @Override
  51.     public boolean onOptionsItemSelected(@NonNull MenuItem item) {
  52.         switch (item.getItemId()) {
  53.             case R.id.action_reset:
  54.                 model.restart();//重置 Model(数据)
  55.                 restartView(); //重置View
  56.                 return true;
  57.             default:
  58.                 return super.onOptionsItemSelected(item);
  59.         }
  60.     }
  61.  
  62.     /**
  63.      * 重置 View
  64.      */
  65.     private void restartView() {
  66.         winnerPlayerViewGroup.setVisibility(View.GONE);
  67.         winnerPlayerLabel.setText("");
  68.  
  69.         for (int i = 0; i < buttonGrid.getChildCount(); i++) {
  70.             ((Button) buttonGrid.getChildAt(i)).setText("");
  71.         }
  72.     }
  73.  
  74.     /**
  75.      * 点击格子
  76.      */
  77.     public void onCellClicked(View view) {
  78.         Button button = (Button) view;
  79.  
  80.         String tag = button.getTag().toString();
  81.         // 取到点击的格子的行/列
  82.         int row = Integer.parseInt(tag.substring(0, 1));
  83.         int col = Integer.parseInt(tag.substring(1, 2));
  84.         Log.i(TAG, "Click Row: [" + row + ", " + col + "]");
  85.  
  86.         // TODO View 和 Model 的交互
  87.         Player playerThatMoved = model.mark(row, col);
  88.  
  89.         if (playerThatMoved != null) {
  90.             button.setText(playerThatMoved.toString());
  91.             if (model.getWinner() != null) {
  92.                 winnerPlayerLabel.setText(playerThatMoved.toString());
  93.                 winnerPlayerViewGroup.setVisibility(View.VISIBLE);
  94.             }
  95.         }
  96.     }
  97. }

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

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. public class Cell {
  4.  
  5.     private Player value;
  6.  
  7.     public Player getValue() {
  8.         return value;
  9.     }
  10.  
  11.     public void setValue(Player value) {
  12.         this.value = value;
  13.     }
  14. }

2. Player.java

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. /**
  4.  * X/O代表两个棋手
  5.  */
  6. public enum Player {
  7.     X,
  8.     O
  9. }

3. GamaState.java

  1. package com.example.jingziqi_mvc.model;
  2.  
  3. public enum GameState {
  4.     IN_PROGRESS,
  5.     FINISHED
  6. }

 4. Board.java

  1. package com.example.jingziqi_mvp.model;
  2.  
  3. import static com.example.jingziqi_mvp.model.Player.O;
  4. import static com.example.jingziqi_mvp.model.Player.X;
  5.  
  6. public class Board {
  7.     // 总共定义 9 个格子
  8.     private final Cell[][] cells = new Cell[3][3];
  9.  
  10.     private Player winner; // 记录结果，谁赢了
  11.     private GameState state; //记录当前的游戏状态
  12.     private Player currentTurn; // 现在是那位棋手在下---X/O
  13.  
  14.     public Board(){
  15.         restart();
  16.     }
  17.  
  18.     /**
  19.      * TODO 开始一个新游戏，清除计分板和状态
  20.      */
  21.     public void restart() {
  22.         clearCells();
  23.         winner = null;
  24.         currentTurn = X;
  25.         state = GameState.IN_PROGRESS;
  26.     }
  27.  
  28.     /**
  29.      * 清空棋盘上的X/O
  30.      */
  31.     private void clearCells() {
  32.         for (int i = 0; i < 3; i++) {
  33.             for (int j = 0; j < 3; j++) {
  34.                 cells[i][j] = new Cell();
  35.             }
  36.         }
  37.     }
  38.  
  39.     /**
  40.      * TODO 标记当前选手选择了哪行哪列
  41.      * 如果不是在没有选中的9个格子里面点击，将视为无效
  42.      * 另外，如果游戏已经结束，本次标记忽略
  43.      * @param row [0, 2]
  44.      * @param col [0, 2]
  45.      * @return 返回当前选手，如果点击无效为 null
  46.      */
  47.     public Player mark(int row, int col) {
  48.         Player playerThatMoved = null;
  49.  
  50.         if(isValid(row, col)){ // 判断当前点击格子是否有效
  51.             cells[row][col].setValue(currentTurn); // 标记该格子，当前棋手的符合(X/O)
  52.             playerThatMoved = currentTurn; // 记录当前下棋的人是谁
  53.             if(isWinningMoveByPlayer(currentTurn, row, col)){//TODO 判断当前这个棋手下棋后，该棋手是否获胜，即游戏是否需要结束
  54.                 state = GameState.FINISHED; //棋局的状态--结束
  55.                 winner = currentTurn; // 当前棋手获胜
  56.             }else {
  57.                 // 切换到另外一棋手，继续
  58.                 flipCurrentTurn();
  59.             }
  60.         }
  61.         return playerThatMoved;
  62.     }
  63.  
  64.     public Player getWinner(){
  65.         return winner;
  66.     }
  67.  
  68.     /**
  69.      * 判断当前点击是否有效
  70.      */
  71.     private boolean isValid(int row, int col){
  72.         if (state == GameState.FINISHED) { // 看棋子有没有结束
  73.             return false;
  74.         }else if (isCellValueAlreadySet(row, col)){ // 看该格子是否之前已经下过
  75.             return false;
  76.         }else {
  77.             return true;
  78.         }
  79.     }
  80.  
  81.     private boolean isCellValueAlreadySet(int row, int col){
  82.         return cells[row][col].getValue() != null;
  83.     }
  84.  
  85.     /**
  86.      * TODO判断当前棋手下棋后---是否赢棋
  87.      * @param player  棋手
  88.      * @param currentRow 当前行
  89.      * @param currentCol 当前列
  90.      * @return TODO 如果当前行、当前列或者两条对角线为同一棋手，返回 true
  91.      */
  92.     private boolean isWinningMoveByPlayer(Player player, int currentRow, int currentCol){
  93.         return (cells[currentRow][0].getValue() ==player
  94.                 && cells[currentRow][1].getValue() == player
  95.                 && cells[currentRow][2].getValue() == player // 3-行
  96.                 || cells[0][currentCol].getValue() == player
  97.                 && cells[1][currentCol].getValue() == player
  98.                 && cells[2][currentCol].getValue() == player // 3-列
  99.                 || currentRow == currentCol
  100.                 && cells[0][0].getValue() == player
  101.                 && cells[1][1].getValue() == player
  102.                 && cells[2][2].getValue() == player // 对角线
  103.                 || currentRow + currentCol == 2
  104.                 && cells[0][2].getValue() == player
  105.                 && cells[1][1].getValue() == player
  106.                 && cells[2][0].getValue() == player);
  107.     }
  108.  
  109.     /**
  110.      * 切换棋手
  111.      */
  112.     private void flipCurrentTurn() {
  113.         currentTurn = currentTurn == X ? O :X;
  114.     }
  115. }

View

1. MainActivity.java

  1. package com.example.jingziqi_mvp.view;
  2.  
  3. import androidx.annotation.NonNull;
  4. import androidx.appcompat.app.AppCompatActivity;
  5.  
  6. import android.os.Bundle;
  7. import android.util.Log;
  8. import android.view.Menu;
  9. import android.view.MenuInflater;
  10. import android.view.MenuItem;
  11. import android.view.View;
  12. import android.view.ViewGroup;
  13. import android.widget.Button;
  14. import android.widget.TextView;
  15.  
  16. import com.example.jingziqi_mvp.R;
  17. import com.example.jingziqi_mvp.presenter.JingziqiPresenter;
  18.  
  19. public class MainActivity extends AppCompatActivity implements JingziqiView{
  20.  
  21.     private static final String TAG = MainActivity.class.getName();
  22.  
  23.     JingziqiPresenter presenter = new JingziqiPresenter(this);
  24.  
  25.     // View 部分
  26.     private ViewGroup buttonGrid;
  27.     private View winnerPlayerViewGroup;
  28.     private TextView winnerPlayerLabel;
  29.  
  30.     @Override
  31.     protected void onCreate(Bundle savedInstanceState) {
  32.         super.onCreate(savedInstanceState);
  33.         setContentView(R.layout.activity_main);
  34.  
  35.         winnerPlayerLabel = (TextView) findViewById(R.id.winnerPlayerLabel);
  36.         winnerPlayerViewGroup = findViewById(R.id.winnerPlayerViewGroup);
  37.         buttonGrid = (ViewGroup) findViewById(R.id.buttonGrid);
  38.     }
  39.  
  40.     @Override
  41.     public boolean onCreateOptionsMenu(Menu menu) {
  42.         MenuInflater inflater = getMenuInflater();
  43.         inflater.inflate(R.menu.menu_jingziqi, menu);
  44.         return true;
  45.     }
  46.  
  47.     @Override
  48.     public boolean onOptionsItemSelected(@NonNull MenuItem item) {
  49.         switch (item.getItemId()) {
  50.             case R.id.action_reset:
  51.                 presenter.onResetSelected();
  52.                 return true;
  53.             default:
  54.                 return super.onOptionsItemSelected(item);
  55.         }
  56.     }
  57.  
  58.     public void onCellClicked(View view) {
  59.         Button button = (Button) view;
  60.  
  61.         String tag = button.getTag().toString();
  62.         // 取到点击的格子的行/列
  63.         int row = Integer.parseInt(tag.substring(0, 1));
  64.         int col = Integer.parseInt(tag.substring(1, 2));
  65.         Log.i(TAG, "Click Row: [" + row + ", " + col + "]");
  66.  
  67.         // TODO View 和 Model 的交互抽离到 presenter 里了
  68.         presenter.onButtonSelected(row, col);
  69.     }
  70.  
  71.     /**
  72.      * 展示获胜者
  73.      */
  74.     @Override
  75.     public void showWinner(String winningPlayerDisplayLabel) {
  76.         winnerPlayerLabel.setText(winningPlayerDisplayLabel);
  77.         winnerPlayerViewGroup.setVisibility(View.VISIBLE);
  78.     }
  79.  
  80.     /**
  81.      * 把格子下面，展示谁获胜的内容清空
  82.      */
  83.     @Override
  84.     public void clearWinnerDisplay() {
  85.         winnerPlayerViewGroup.setVisibility(View.GONE);
  86.         winnerPlayerLabel.setText("");
  87.     }
  88.     /**
  89.      * 把格子清空
  90.      */
  91.     @Override
  92.     public void clearButton() {
  93.         for( int i = 0; i < buttonGrid.getChildCount(); i++ ) {
  94.             ((Button) buttonGrid.getChildAt(i)).setText("");
  95.         }
  96.     }
  97.  
  98.     /**
  99.      * 在格子上标记是那位棋手下的棋(即在格子上标记X/O)
  100.      */
  101.     @Override
  102.     public void setButtonText(int row, int col, String text) {
  103.         Button btn = (Button) buttonGrid.findViewWithTag("" + row + col); // 根据 tag 找到对应的 格子
  104.         if(btn != null) {
  105.             btn.setText(text);
  106.         }
  107.     }
  108. }

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

  1. package com.example.jingziqi_mvp.view;
  2.  
  3. public interface JingziqiView {
  4.     void showWinner(String winningPlayerDisplayLabel);
  5.     void clearWinnerDisplay();
  6.     void clearButton();
  7.     void setButtonText(int row, int col, String text);
  8. }

Presenter 

1. JingziqiPresenter.java

  1. package com.example.jingziqi_mvp.presenter;
  2.  
  3. import android.view.View;
  4.  
  5. import com.example.jingziqi_mvp.model.Board;
  6. import com.example.jingziqi_mvp.model.Player;
  7. import com.example.jingziqi_mvp.view.JingziqiView;
  8.  
  9. public class JingziqiPresenter {
  10.     private JingziqiView view;
  11.     private Board model;
  12.  
  13.     public JingziqiPresenter(JingziqiView view){
  14.         this.view = view;
  15.         this.model = new Board();
  16.     }
  17.  
  18.     public void onButtonSelected(int row, int col){
  19.         // TODO View 和 Model 的交互
  20.         Player playerThatMoved = model.mark(row, col);
  21.  
  22.         if (playerThatMoved != null) {
  23.             //button.setText(playerThatMoved.toString());
  24.             view.setButtonText(row, col, playerThatMoved.toString());
  25.             if (model.getWinner() != null) {
  26. //                winnerPlayerLabel.setText(playerThatMoved.toString());
  27. //                winnerPlayerViewGroup.setVisibility(View.VISIBLE);
  28.                 view.showWinner(playerThatMoved.toString());
  29.             }
  30.         }
  31.     }
  32.  
  33.     public void onResetSelected(){
  34.         model.restart();
  35.         view.clearWinnerDisplay();
  36.         view.clearButton();
  37.     }
  38. }

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 

  1. package com.example.jingziqi_mvvm.view;
  2.  
  3. import androidx.annotation.NonNull;
  4. import androidx.appcompat.app.AppCompatActivity;
  5. import androidx.databinding.DataBindingUtil;
  6.  
  7. import android.os.Bundle;
  8. import android.view.Menu;
  9. import android.view.MenuInflater;
  10. import android.view.MenuItem;
  11.  
  12. import com.example.jingziqi_mvvm.R;
  13. import com.example.jingziqi_mvvm.databinding.ActivityMainBinding;
  14. import com.example.jingziqi_mvvm.viewmodel.JingziqiViewModel;
  15.  
  16. public class MainActivity extends AppCompatActivity {
  17.  
  18.     JingziqiViewModel viewModel = new JingziqiViewModel();
  19.  
  20.     @Override
  21.     protected void onCreate(Bundle savedInstanceState) {
  22.         super.onCreate(savedInstanceState);
  23.         // TODO dataBinding 的使用
  24.         ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
  25.         binding.setViewModel(viewModel);
  26.     }
  27.  
  28.     @Override
  29.     public boolean onCreateOptionsMenu(Menu menu) {
  30.         MenuInflater inflater = getMenuInflater();
  31.         inflater.inflate(R.menu.menu_jingziqi, menu);
  32.         return true;
  33.     }
  34.  
  35.     @Override
  36.     public boolean onOptionsItemSelected(@NonNull MenuItem item) {
  37.         switch (item.getItemId()) {
  38.             case R.id.action_reset:
  39.                 viewModel.onResetSelect();
  40.                 return true;
  41.             default:
  42.                 return super.onOptionsItemSelected(item);
  43.         }
  44.     }
  45. }

ViewModel 

  1. package com.example.jingziqi_mvvm.viewmodel;
  2.  
  3. import androidx.databinding.ObservableArrayMap;
  4. import androidx.databinding.ObservableField;
  5.  
  6. import com.example.jingziqi_mvvm.model.Board;
  7. import com.example.jingziqi_mvvm.model.Player;
  8.  
  9. public class JingziqiViewModel {
  10.     private Board model;
  11.  
  12.     public final ObservableArrayMap<String, String> cells = new ObservableArrayMap<>();
  13.     public final ObservableField<String> winner = new ObservableField<>();
  14.  
  15.     public JingziqiViewModel(){
  16.         model = new Board();
  17.     }
  18.  
  19.     public void onResetSelect(){
  20.         model.restart();
  21.         winner.set(null);
  22.         cells.clear();
  23.     }
  24.  
  25.     public void onClickedCellAt(int row, int col){
  26.         Player playerThatMoved = model.mark(row, col);
  27.         if (playerThatMoved != null) {
  28.             cells.put("" + row + col, playerThatMoved.toString());
  29.             winner.set(model.getWinner() == null ? null : model.getWinner().toString());
  30.         }
  31.     }
  32. }

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

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号